@moda/tokens 5.7.0 → 5.9.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/README.md +1 -1
- package/dist/colors.d.ts +4 -0
- package/dist/colors.js +5 -1
- package/dist/colors.js.map +1 -1
- package/dist/helpers.d.ts +1 -1
- package/dist/helpers.js +4 -2
- package/dist/helpers.js.map +1 -1
- package/lib/assets/stylesheets/tokens/variables/_colors.scss +33 -37
- package/package.json +28 -26
- package/src/colors.ts +5 -1
- package/src/helpers.ts +4 -3
- package/src/includePaths.js +1 -1
- package/CHANGELOG.md +0 -110
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ The source of truth for these values begins in SASS variables. Moda uses SASS (s
|
|
|
28
28
|
Install the package:
|
|
29
29
|
|
|
30
30
|
```sh
|
|
31
|
-
|
|
31
|
+
npm install --save @moda/tokens
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
Import the library and utilize the mixins or functions in your SCSS files:
|
package/dist/colors.d.ts
CHANGED
|
@@ -13,6 +13,8 @@ export declare const colors: {
|
|
|
13
13
|
"money-good": string;
|
|
14
14
|
fuchsia: string;
|
|
15
15
|
"dark-fuchsia": string;
|
|
16
|
+
teal: string;
|
|
17
|
+
ivory: string;
|
|
16
18
|
"klein-blue": string;
|
|
17
19
|
brick: string;
|
|
18
20
|
goldenrod: string;
|
|
@@ -34,6 +36,8 @@ export declare const colors: {
|
|
|
34
36
|
"money-good": string;
|
|
35
37
|
fuchsia: string;
|
|
36
38
|
"dark-fuchsia": string;
|
|
39
|
+
teal: string;
|
|
40
|
+
ivory: string;
|
|
37
41
|
};
|
|
38
42
|
global: {
|
|
39
43
|
"klein-blue": string;
|
package/dist/colors.js
CHANGED
|
@@ -17,6 +17,8 @@ exports.colors = {
|
|
|
17
17
|
"money-good": "rgb(4, 108, 0)",
|
|
18
18
|
"fuchsia": "rgb(196, 76, 176)",
|
|
19
19
|
"dark-fuchsia": "rgb(180, 60, 160)",
|
|
20
|
+
"teal": "rgb(0, 111, 98)",
|
|
21
|
+
"ivory": "rgb(242, 233, 219)",
|
|
20
22
|
"klein-blue": "rgb(38, 48, 120)",
|
|
21
23
|
"brick": "rgb(147, 58, 32)",
|
|
22
24
|
"goldenrod": "rgb(186, 145, 46)",
|
|
@@ -37,7 +39,9 @@ exports.colors = {
|
|
|
37
39
|
"mint": "rgb(227, 251, 226)",
|
|
38
40
|
"money-good": "rgb(4, 108, 0)",
|
|
39
41
|
"fuchsia": "rgb(196, 76, 176)",
|
|
40
|
-
"dark-fuchsia": "rgb(180, 60, 160)"
|
|
42
|
+
"dark-fuchsia": "rgb(180, 60, 160)",
|
|
43
|
+
"teal": "rgb(0, 111, 98)",
|
|
44
|
+
"ivory": "rgb(242, 233, 219)"
|
|
41
45
|
},
|
|
42
46
|
"global": {
|
|
43
47
|
"klein-blue": "rgb(38, 48, 120)",
|
package/dist/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE;QACL,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;QACnC,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC/B,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE;QACL,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;QACnC,MAAM,EAAE,iBAAiB;QACzB,OAAO,EAAE,oBAAoB;QAC7B,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,oBAAoB;QAC5B,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;QACnC,MAAM,EAAE,iBAAiB;QACzB,OAAO,EAAE,oBAAoB;KAC9B;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,kBAAkB;QAChC,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,oBAAoB;KAC9B;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,oBAAoB;QACvC,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,oBAAoB;QAC7B,OAAO,EAAE,oBAAoB;QAC7B,QAAQ,EAAE,mBAAmB;KAC9B;IACD,QAAQ,EAAE;QACR,cAAc,EAAE,mBAAmB;QACnC,OAAO,EAAE,oBAAoB;QAC7B,cAAc,EAAE,gBAAgB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,mBAAmB;QAC9B,cAAc,EAAE,mBAAmB;KACpC;IACD,WAAW,EAAE;QACX,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,oBAAoB;QAChC,OAAO,EAAE,oBAAoB;QAC7B,MAAM,EAAE,oBAAoB;KAC7B;CACF,CAAC"}
|
package/dist/helpers.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { colors } from './colors';
|
|
2
2
|
import { typography } from './typography';
|
|
3
3
|
export type Font = keyof typeof typography.fonts;
|
|
4
|
-
export type TextTreatment = keyof typeof typography['text-treatments'];
|
|
4
|
+
export type TextTreatment = keyof (typeof typography)['text-treatments'];
|
|
5
5
|
export type Color = keyof typeof colors.all;
|
|
6
6
|
export declare const text: (name: TextTreatment, font?: "code" | "serif" | "sans") => {
|
|
7
7
|
'font-family': string;
|
package/dist/helpers.js
CHANGED
|
@@ -44,14 +44,16 @@ var color = function (name, alpha) {
|
|
|
44
44
|
: color;
|
|
45
45
|
};
|
|
46
46
|
exports.color = color;
|
|
47
|
-
var colorInHex = function (name, alpha) {
|
|
47
|
+
var colorInHex = function (name, alpha) {
|
|
48
|
+
return colorString.to.hex(colorString.get.rgb((0, exports.color)(name, alpha)));
|
|
49
|
+
};
|
|
48
50
|
exports.colorInHex = colorInHex;
|
|
49
51
|
var spacing = function (topY, rightX, bottom, left) {
|
|
50
52
|
return [topY, rightX, bottom, left].reduce(function (acc, value) {
|
|
51
53
|
var _a;
|
|
52
54
|
if (value === undefined)
|
|
53
55
|
return acc;
|
|
54
|
-
return [acc, (_a = space_1.space.scale[value]) !== null && _a !== void 0 ? _a : value].join(' ');
|
|
56
|
+
return [acc, (_a = space_1.space.scale[Number(value)]) !== null && _a !== void 0 ? _a : value].join(' ');
|
|
55
57
|
}, '');
|
|
56
58
|
};
|
|
57
59
|
exports.spacing = spacing;
|
package/dist/helpers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA4C;AAC5C,mCAAkC;AAClC,iCAAgC;AAChC,2CAA0C;AAMnC,IAAM,IAAI,GAAG,UAAC,IAAmB,EAAE,IAAqB;IAArB,qBAAA,EAAA,OAAO,MAAc;IAC7D,IAAM,SAAS,GAAG,uBAAU,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,6BACK,SAAS,KACZ,aAAa,EAAE,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,aAAa,EAAE,UAAG,SAAS,CAAC,aAAa,CAAC,CAAE,IAC5C;AACJ,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf;AAEK,IAAM,eAAe,GAAG,UAAC,KAAa;IAC3C,OAAA,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,uBAAU,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC;AAA9D,CAA8D,CAAC;AADpD,QAAA,eAAe,mBACqC;AAE1D,IAAM,KAAK,GAAG,UAAC,IAAW,EAAE,KAAc;;IAC/C,IAAM,KAAK,GAAG,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,IAAI,IAAI;QAClB,CAAC,CAAC,+DAA+D;YAC/D,WAAW,CAAC,EAAE,CAAC,GAAG,iCAAK,CAAC,CAAA,MAAA,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAI,EAAE,CAAC,UAAE,KAAK,UAAE;QACjF,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC;AANW,QAAA,KAAK,SAMhB;AAEK,IAAM,UAAU,GAAG,UAAC,IAAW,EAAE,KAAc,
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA4C;AAC5C,mCAAkC;AAClC,iCAAgC;AAChC,2CAA0C;AAMnC,IAAM,IAAI,GAAG,UAAC,IAAmB,EAAE,IAAqB;IAArB,qBAAA,EAAA,OAAO,MAAc;IAC7D,IAAM,SAAS,GAAG,uBAAU,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,6BACK,SAAS,KACZ,aAAa,EAAE,uBAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/C,aAAa,EAAE,UAAG,SAAS,CAAC,aAAa,CAAC,CAAE,IAC5C;AACJ,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf;AAEK,IAAM,eAAe,GAAG,UAAC,KAAa;IAC3C,OAAA,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,uBAAU,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC;AAA9D,CAA8D,CAAC;AADpD,QAAA,eAAe,mBACqC;AAE1D,IAAM,KAAK,GAAG,UAAC,IAAW,EAAE,KAAc;;IAC/C,IAAM,KAAK,GAAG,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,IAAI,IAAI;QAClB,CAAC,CAAC,+DAA+D;YAC/D,WAAW,CAAC,EAAE,CAAC,GAAG,iCAAK,CAAC,CAAA,MAAA,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAI,EAAE,CAAC,UAAE,KAAK,UAAE;QACjF,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC;AANW,QAAA,KAAK,SAMhB;AAEK,IAAM,UAAU,GAAG,UAAC,IAAW,EAAE,KAAc;IACpD,OAAA,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,IAAA,aAAK,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AAA3D,CAA2D,CAAC;AADjD,QAAA,UAAU,cACuC;AAEvD,IAAM,OAAO,GAAG,UACrB,IAAqB,EACrB,MAAwB,EACxB,MAAwB,EACxB,IAAsB;IAEtB,OAAA,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK;;QAC7C,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,GAAG,CAAC;QACpC,OAAO,CAAC,GAAG,EAAE,MAAA,aAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,mCAAI,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC;AAHN,CAGM,CAAC;AATI,QAAA,OAAO,WASX"}
|
|
@@ -1,54 +1,50 @@
|
|
|
1
1
|
$colors-greyscale: (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
'coal': #000000,
|
|
3
|
+
'ink': #191a1b,
|
|
4
|
+
'cement': #656566,
|
|
5
|
+
'fog': #979899,
|
|
6
|
+
'elephant': #cacbcc,
|
|
7
|
+
'noise': #f2f3f5,
|
|
8
|
+
'snow': #ffffff
|
|
9
9
|
);
|
|
10
10
|
|
|
11
11
|
$colors-ui: (
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
'strawberry': #fadedd,
|
|
13
|
+
'code-red': #ee0700,
|
|
14
|
+
'mint': #e3fbe2,
|
|
15
|
+
'money-good': #046c00,
|
|
16
|
+
'fuchsia': #c44cb0,
|
|
17
|
+
'dark-fuchsia': #b43ca0,
|
|
18
|
+
'teal': #006f62,
|
|
19
|
+
'ivory': #f2e9db
|
|
18
20
|
);
|
|
19
21
|
|
|
20
22
|
$colors-global: (
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
'klein-blue': #263078,
|
|
24
|
+
'brick': #933a20,
|
|
25
|
+
'goldenrod': #ba912e,
|
|
26
|
+
'seafoam': #b1bfaa,
|
|
27
|
+
'coral': #ff9279
|
|
26
28
|
);
|
|
27
29
|
|
|
28
30
|
$colors-womens: (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
'burnt-orange': #d56b27,
|
|
32
|
+
'lilac': #d7b3d0,
|
|
33
|
+
'forest-green': #003728,
|
|
34
|
+
'cream': #f8f5ee,
|
|
35
|
+
'fuchsia': #c44cb0,
|
|
36
|
+
'dark-fuchsia': #b43ca0
|
|
35
37
|
);
|
|
36
38
|
|
|
37
39
|
$colors-mens: (
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
'cornflower-blue': #7f9acf,
|
|
41
|
+
'moss-green': #68683b,
|
|
42
|
+
'blush': #f3ded9,
|
|
43
|
+
'noise': #f2f3f5,
|
|
44
|
+
'canary': #f0f659
|
|
43
45
|
);
|
|
44
46
|
|
|
45
|
-
$colors-all: __merge__(
|
|
46
|
-
$colors-greyscale,
|
|
47
|
-
$colors-ui,
|
|
48
|
-
$colors-global,
|
|
49
|
-
$colors-womens,
|
|
50
|
-
$colors-mens
|
|
51
|
-
);
|
|
47
|
+
$colors-all: __merge__($colors-greyscale, $colors-ui, $colors-global, $colors-womens, $colors-mens);
|
|
52
48
|
|
|
53
49
|
$colors: (
|
|
54
50
|
all: $colors-all,
|
|
@@ -56,5 +52,5 @@ $colors: (
|
|
|
56
52
|
global: $colors-global,
|
|
57
53
|
mens: $colors-mens,
|
|
58
54
|
womens: $colors-womens,
|
|
59
|
-
greyscale: $colors-greyscale
|
|
55
|
+
greyscale: $colors-greyscale
|
|
60
56
|
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moda/tokens",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"description": "Constant values for modaoperandi.com",
|
|
5
5
|
"repository": "git@github.com:ModaOperandi/tokens.git",
|
|
6
6
|
"author": "Moda Operandi",
|
|
@@ -15,42 +15,44 @@
|
|
|
15
15
|
"lib/assets"
|
|
16
16
|
],
|
|
17
17
|
"scripts": {
|
|
18
|
+
"build": "npm run clean && npm run export && tsc",
|
|
18
19
|
"clean": "rm -rf ./dist",
|
|
20
|
+
"commitlint": "commitlint",
|
|
19
21
|
"export": "tsc scripts/export.ts && node scripts/export.js",
|
|
20
|
-
"
|
|
21
|
-
"predeploy": "
|
|
22
|
-
"
|
|
22
|
+
"postpublish": "pinst --enable",
|
|
23
|
+
"predeploy": "npm run build && cd docs && npm install && npm run build",
|
|
24
|
+
"prepare": "husky install",
|
|
25
|
+
"prepublishOnly": "pinst --disable",
|
|
23
26
|
"semantic-release": "semantic-release",
|
|
27
|
+
"start": "cd docs && npm run start",
|
|
24
28
|
"test": "jest",
|
|
25
|
-
"
|
|
26
|
-
"prepublishOnly": "pinst --disable",
|
|
27
|
-
"postpublish": "pinst --enable"
|
|
29
|
+
"tsc": "tsc"
|
|
28
30
|
},
|
|
29
31
|
"devDependencies": {
|
|
30
|
-
"@commitlint/cli": "^
|
|
31
|
-
"@commitlint/config-conventional": "^
|
|
32
|
-
"@jedmao/semantic-release-npm-github-config": "^1.0.9",
|
|
32
|
+
"@commitlint/cli": "^18.4.4",
|
|
33
|
+
"@commitlint/config-conventional": "^18.4.4",
|
|
33
34
|
"@moda/node-sass-export": "^0.1.1",
|
|
34
|
-
"@types/color-string": "^1.5.
|
|
35
|
-
"@types/node": "^
|
|
35
|
+
"@types/color-string": "^1.5.5",
|
|
36
|
+
"@types/node": "^20.10.7",
|
|
36
37
|
"@types/sass": "^1.43.1",
|
|
37
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
38
|
-
"@typescript-eslint/parser": "^
|
|
38
|
+
"@typescript-eslint/eslint-plugin": "^6.18.0",
|
|
39
|
+
"@typescript-eslint/parser": "^6.18.0",
|
|
39
40
|
"cz-conventional-changelog": "3.3.0",
|
|
40
|
-
"eslint": "^8.
|
|
41
|
-
"eslint-config-prettier": "^
|
|
42
|
-
"eslint-plugin-import": "^2.
|
|
41
|
+
"eslint": "^8.56.0",
|
|
42
|
+
"eslint-config-prettier": "^9.1.0",
|
|
43
|
+
"eslint-plugin-import": "^2.29.1",
|
|
43
44
|
"eslint-plugin-no-loops": "^0.3.0",
|
|
44
45
|
"eslint-plugin-node": "^11.1.0",
|
|
45
|
-
"eslint-plugin-prettier": "^
|
|
46
|
-
"gh-pages": "
|
|
47
|
-
"husky": "^8.0.
|
|
48
|
-
"jest": "^29.0
|
|
46
|
+
"eslint-plugin-prettier": "^5.1.2",
|
|
47
|
+
"gh-pages": "6.1.1",
|
|
48
|
+
"husky": "^8.0.3",
|
|
49
|
+
"jest": "^29.7.0",
|
|
49
50
|
"pinst": "^3.0.0",
|
|
50
|
-
"prettier": "^
|
|
51
|
-
"sass": "^1.
|
|
52
|
-
"semantic-release": "^
|
|
53
|
-
"
|
|
51
|
+
"prettier": "^3.1.1",
|
|
52
|
+
"sass": "^1.69.7",
|
|
53
|
+
"semantic-release": "^22.0.12",
|
|
54
|
+
"semantic-release-npm-github": "^5.0.0",
|
|
55
|
+
"typescript": "^5.3.3"
|
|
54
56
|
},
|
|
55
57
|
"config": {
|
|
56
58
|
"commitizen": {
|
|
@@ -61,6 +63,6 @@
|
|
|
61
63
|
"access": "public"
|
|
62
64
|
},
|
|
63
65
|
"dependencies": {
|
|
64
|
-
"color-string": "^1.
|
|
66
|
+
"color-string": "^1.9.1"
|
|
65
67
|
}
|
|
66
68
|
}
|
package/src/colors.ts
CHANGED
|
@@ -14,6 +14,8 @@ export const colors = {
|
|
|
14
14
|
"money-good": "rgb(4, 108, 0)",
|
|
15
15
|
"fuchsia": "rgb(196, 76, 176)",
|
|
16
16
|
"dark-fuchsia": "rgb(180, 60, 160)",
|
|
17
|
+
"teal": "rgb(0, 111, 98)",
|
|
18
|
+
"ivory": "rgb(242, 233, 219)",
|
|
17
19
|
"klein-blue": "rgb(38, 48, 120)",
|
|
18
20
|
"brick": "rgb(147, 58, 32)",
|
|
19
21
|
"goldenrod": "rgb(186, 145, 46)",
|
|
@@ -34,7 +36,9 @@ export const colors = {
|
|
|
34
36
|
"mint": "rgb(227, 251, 226)",
|
|
35
37
|
"money-good": "rgb(4, 108, 0)",
|
|
36
38
|
"fuchsia": "rgb(196, 76, 176)",
|
|
37
|
-
"dark-fuchsia": "rgb(180, 60, 160)"
|
|
39
|
+
"dark-fuchsia": "rgb(180, 60, 160)",
|
|
40
|
+
"teal": "rgb(0, 111, 98)",
|
|
41
|
+
"ivory": "rgb(242, 233, 219)"
|
|
38
42
|
},
|
|
39
43
|
"global": {
|
|
40
44
|
"klein-blue": "rgb(38, 48, 120)",
|
package/src/helpers.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { space } from './space';
|
|
|
4
4
|
import { typography } from './typography';
|
|
5
5
|
|
|
6
6
|
export type Font = keyof typeof typography.fonts;
|
|
7
|
-
export type TextTreatment = keyof typeof typography['text-treatments'];
|
|
7
|
+
export type TextTreatment = keyof (typeof typography)['text-treatments'];
|
|
8
8
|
export type Color = keyof typeof colors.all;
|
|
9
9
|
|
|
10
10
|
export const text = (name: TextTreatment, font = 'sans' as Font) => {
|
|
@@ -27,7 +27,8 @@ export const color = (name: Color, alpha?: number) => {
|
|
|
27
27
|
: color;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
export const colorInHex = (name: Color, alpha?: number): string =>
|
|
30
|
+
export const colorInHex = (name: Color, alpha?: number): string =>
|
|
31
|
+
colorString.to.hex(colorString.get.rgb(color(name, alpha)));
|
|
31
32
|
|
|
32
33
|
export const spacing = (
|
|
33
34
|
topY: number | string,
|
|
@@ -37,5 +38,5 @@ export const spacing = (
|
|
|
37
38
|
) =>
|
|
38
39
|
[topY, rightX, bottom, left].reduce((acc, value) => {
|
|
39
40
|
if (value === undefined) return acc;
|
|
40
|
-
return [acc, space.scale[value] ?? value].join(' ');
|
|
41
|
+
return [acc, space.scale[Number(value)] ?? value].join(' ');
|
|
41
42
|
}, '');
|
package/src/includePaths.js
CHANGED
package/CHANGELOG.md
DELETED
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file. See
|
|
4
|
-
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
-
|
|
6
|
-
# [5.7.0](https://github.com/ModaOperandi/tokens/compare/v5.6.0...v5.7.0) (2023-01-04)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### Features
|
|
10
|
-
|
|
11
|
-
* move from node-sass to sass ([#761](https://github.com/ModaOperandi/tokens/issues/761)) ([c2c5258](https://github.com/ModaOperandi/tokens/commit/c2c525821a2e26b23941f19db703e95a3dad35b9))
|
|
12
|
-
|
|
13
|
-
# [5.6.0](https://github.com/ModaOperandi/tokens/compare/v5.5.4...v5.6.0) (2022-10-14)
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
### Features
|
|
17
|
-
|
|
18
|
-
* adds js function to retrieve hex for a specific color name ([5460cad](https://github.com/ModaOperandi/tokens/commit/5460cadd8d0627d437b71f886e518551d11acad4))
|
|
19
|
-
|
|
20
|
-
## [5.5.4](https://github.com/ModaOperandi/tokens/compare/v5.5.3...v5.5.4) (2022-09-05)
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
### Bug Fixes
|
|
24
|
-
|
|
25
|
-
* netlify build ([d163d37](https://github.com/ModaOperandi/tokens/commit/d163d3738110be38946781215846313b97cabe01))
|
|
26
|
-
* predeploy ([3053346](https://github.com/ModaOperandi/tokens/commit/305334685845108d85ca28dd2b8951289808c7b3))
|
|
27
|
-
|
|
28
|
-
## [5.5.3](https://github.com/ModaOperandi/tokens/compare/v5.5.2...v5.5.3) (2022-07-05)
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
### Bug Fixes
|
|
32
|
-
|
|
33
|
-
* **config:** put root dir back to "src" ([bbe7eb5](https://github.com/ModaOperandi/tokens/commit/bbe7eb5a0efb21d86bd7e97fc89fa14dc01f7db2))
|
|
34
|
-
|
|
35
|
-
## [5.5.2](https://github.com/ModaOperandi/tokens/compare/v5.5.1...v5.5.2) (2022-07-01)
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
### Bug Fixes
|
|
39
|
-
|
|
40
|
-
* **storybook:** fix the reference to root package ([81b90cc](https://github.com/ModaOperandi/tokens/commit/81b90cc5664b1037f115a18d9bd96f237884ffa9))
|
|
41
|
-
|
|
42
|
-
## [5.5.1](https://github.com/ModaOperandi/tokens/compare/v5.5.0...v5.5.1) (2021-10-27)
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
### Bug Fixes
|
|
46
|
-
|
|
47
|
-
* rename black to coal ([b9040c3](https://github.com/ModaOperandi/tokens/commit/b9040c36565e13a6b09aff100f46a78f388c91c8))
|
|
48
|
-
|
|
49
|
-
# [5.5.0](https://github.com/ModaOperandi/tokens/compare/v5.4.4...v5.5.0) (2021-10-27)
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
### Features
|
|
53
|
-
|
|
54
|
-
* add black color ([2d16da2](https://github.com/ModaOperandi/tokens/commit/2d16da274fa3cadd4a01c8d8339d72cee926bd8a))
|
|
55
|
-
|
|
56
|
-
## [5.4.4](https://github.com/ModaOperandi/tokens/compare/v5.4.3...v5.4.4) (2021-04-16)
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
### Bug Fixes
|
|
60
|
-
|
|
61
|
-
* add index.scss ([ac44cdd](https://github.com/ModaOperandi/tokens/commit/ac44cdd3bc9d239b049ef941a4c19d11ae95fd65))
|
|
62
|
-
|
|
63
|
-
## [5.4.3](https://github.com/ModaOperandi/tokens/compare/v5.4.2...v5.4.3) (2021-04-16)
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
### Bug Fixes
|
|
67
|
-
|
|
68
|
-
* include src in package ([64ce42b](https://github.com/ModaOperandi/tokens/commit/64ce42b8cc94e336d46115fbc3f895e11a11875b))
|
|
69
|
-
|
|
70
|
-
## [5.4.2](https://github.com/ModaOperandi/tokens/compare/v5.4.1...v5.4.2) (2021-04-15)
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
### Bug Fixes
|
|
74
|
-
|
|
75
|
-
* **colors:** alpha ([b40c866](https://github.com/ModaOperandi/tokens/commit/b40c866f959c2a896582db090e9a6d8786eb60ff))
|
|
76
|
-
|
|
77
|
-
## [5.4.1](https://github.com/ModaOperandi/tokens/compare/v5.4.0...v5.4.1) (2021-04-15)
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
### Bug Fixes
|
|
81
|
-
|
|
82
|
-
* error in colors ([aedcac4](https://github.com/ModaOperandi/tokens/commit/aedcac48402db715fb45889a265b77fae7d0e982))
|
|
83
|
-
|
|
84
|
-
# [5.4.0](https://github.com/ModaOperandi/tokens/compare/v5.3.2...v5.4.0) (2021-04-15)
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
### Features
|
|
88
|
-
|
|
89
|
-
* **colors:** add alpha support ([#325](https://github.com/ModaOperandi/tokens/issues/325)) ([adfa26f](https://github.com/ModaOperandi/tokens/commit/adfa26f531f3835f406ac2cdb019918e4532b2e7))
|
|
90
|
-
|
|
91
|
-
## [5.3.2](https://github.com/ModaOperandi/tokens/compare/v5.3.1...v5.3.2) (2021-02-22)
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
### Bug Fixes
|
|
95
|
-
|
|
96
|
-
* use devops-dev context ([7d5fad4](https://github.com/ModaOperandi/tokens/commit/7d5fad4b2e71d5d8a6829a6bdd5ce83f7378badb))
|
|
97
|
-
|
|
98
|
-
## [5.3.1](https://github.com/ModaOperandi/tokens/compare/v5.3.0...v5.3.1) (2020-11-18)
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
### Bug Fixes
|
|
102
|
-
|
|
103
|
-
* don't export includePaths ([5daf425](https://github.com/ModaOperandi/tokens/commit/5daf4250091170bf1ce44e1e033328e6d06f59fc))
|
|
104
|
-
|
|
105
|
-
# [5.3.0](https://github.com/ModaOperandi/tokens/compare/v5.2.0...v5.3.0) (2020-08-26)
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
### Features
|
|
109
|
-
|
|
110
|
-
* **tools:** use semantic-release-npm-github-config ([165f958](https://github.com/ModaOperandi/tokens/commit/165f9588684266a8a8922159d2706f17b8ecb8bf))
|