@economic/taco-tokens 1.0.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 +30 -0
- package/dist/taco-tokens.esm.js +50 -0
- package/dist/taco-tokens.esm.js.map +1 -0
- package/dist/taco-tokens.js +59 -0
- package/dist/taco-tokens.js.map +1 -0
- package/package.json +31 -0
package/README.md
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# @economic/taco-vis
|
|
2
|
+
|
|
3
|
+
The `@economic/taco-vis` package is a separate library to the main taco design system, but still depends on it being available. You should ensure `@economic/taco` is installed and configured in your application before using charts.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
`npm install --save @economic/taco-vis`
|
|
8
|
+
|
|
9
|
+
## Setup
|
|
10
|
+
|
|
11
|
+
### Tailwind
|
|
12
|
+
|
|
13
|
+
You should ensure the taco library is added to tailwind's `content` configuration, so that tailwind classes are not purged.
|
|
14
|
+
|
|
15
|
+
```js
|
|
16
|
+
module.exports = {
|
|
17
|
+
...
|
|
18
|
+
content: [
|
|
19
|
+
...
|
|
20
|
+
'./node_modules/@economic/taco-vis/dist/taco-vis.js',
|
|
21
|
+
...
|
|
22
|
+
],
|
|
23
|
+
};
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
taco-vis also has its own stylesheet which should be imported alongside the main taco stylesheet:
|
|
27
|
+
|
|
28
|
+
```css
|
|
29
|
+
... @import '@economic/taco-vis/dist/taco-vis.css';
|
|
30
|
+
```
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var $a8ae476446035e41$export$2e2bcd8739ae039 = {
|
|
2
|
+
colors: {
|
|
3
|
+
transparent: "transparent",
|
|
4
|
+
current: "currentColor",
|
|
5
|
+
white: "#fff",
|
|
6
|
+
black: "#1c1c1c",
|
|
7
|
+
grey: {
|
|
8
|
+
lightest: "#fafafa",
|
|
9
|
+
light: "#efefef",
|
|
10
|
+
DEFAULT: "#ebebeb",
|
|
11
|
+
dark: "#ddd",
|
|
12
|
+
darker: "#acacac",
|
|
13
|
+
darkest: "#595959"
|
|
14
|
+
},
|
|
15
|
+
purple: {
|
|
16
|
+
lightest: "#585c74",
|
|
17
|
+
light: "#4b4f64",
|
|
18
|
+
DEFAULT: "#3d4153",
|
|
19
|
+
dark: "#353a48"
|
|
20
|
+
},
|
|
21
|
+
blue: {
|
|
22
|
+
lightest: "#e5efff",
|
|
23
|
+
light: "#6ba4ff",
|
|
24
|
+
DEFAULT: "#0063ff",
|
|
25
|
+
dark: "#0158e2"
|
|
26
|
+
},
|
|
27
|
+
red: {
|
|
28
|
+
lightest: "#f3cfc5",
|
|
29
|
+
light: "#e67355",
|
|
30
|
+
DEFAULT: "#cf3c16",
|
|
31
|
+
dark: "#b12d0b"
|
|
32
|
+
},
|
|
33
|
+
green: {
|
|
34
|
+
lightest: "#c4e1d7",
|
|
35
|
+
light: "#5caf93",
|
|
36
|
+
DEFAULT: "#138760",
|
|
37
|
+
dark: "#0c5f43"
|
|
38
|
+
},
|
|
39
|
+
yellow: {
|
|
40
|
+
lightest: "#fff1c3",
|
|
41
|
+
light: "#fddd70",
|
|
42
|
+
DEFAULT: "#ffc810",
|
|
43
|
+
dark: "#e89c2e"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
export {$a8ae476446035e41$export$2e2bcd8739ae039 as default};
|
|
50
|
+
//# sourceMappingURL=taco-tokens.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"AAAA,IAAA,wCA6CE,GA7Ca;IACX,MAAM,EAAE;QACJ,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE;YACF,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;SACrB;QACD,MAAM,EAAE;YACJ,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,GAAG,EAAE;YACD,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,MAAM,EAAE;YACJ,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ","sources":["packages/taco-tokens/src/index.ts"],"sourcesContent":["export default {\n colors: {\n transparent: 'transparent',\n current: 'currentColor',\n white: '#fff',\n black: '#1c1c1c',\n grey: {\n lightest: '#fafafa',\n light: '#efefef',\n DEFAULT: '#ebebeb',\n dark: '#ddd',\n darker: '#acacac',\n darkest: '#595959',\n },\n purple: {\n lightest: '#585c74',\n light: '#4b4f64',\n DEFAULT: '#3d4153',\n dark: '#353a48',\n },\n blue: {\n lightest: '#e5efff',\n light: '#6ba4ff',\n DEFAULT: '#0063ff',\n dark: '#0158e2',\n },\n red: {\n lightest: '#f3cfc5',\n light: '#e67355',\n DEFAULT: '#cf3c16',\n dark: '#b12d0b',\n },\n green: {\n lightest: '#c4e1d7',\n light: '#5caf93',\n DEFAULT: '#138760',\n dark: '#0c5f43',\n },\n yellow: {\n lightest: '#fff1c3',\n light: '#fddd70',\n DEFAULT: '#ffc810',\n dark: '#e89c2e',\n },\n },\n};\n"],"names":[],"version":3,"file":"taco-tokens.esm.js.map"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
function $parcel$defineInteropFlag(a) {
|
|
2
|
+
Object.defineProperty(a, '__esModule', {value: true, configurable: true});
|
|
3
|
+
}
|
|
4
|
+
function $parcel$export(e, n, v, s) {
|
|
5
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
$parcel$defineInteropFlag(module.exports);
|
|
9
|
+
|
|
10
|
+
$parcel$export(module.exports, "default", function () { return $7667f4215060a9ed$export$2e2bcd8739ae039; });
|
|
11
|
+
var $7667f4215060a9ed$export$2e2bcd8739ae039 = {
|
|
12
|
+
colors: {
|
|
13
|
+
transparent: "transparent",
|
|
14
|
+
current: "currentColor",
|
|
15
|
+
white: "#fff",
|
|
16
|
+
black: "#1c1c1c",
|
|
17
|
+
grey: {
|
|
18
|
+
lightest: "#fafafa",
|
|
19
|
+
light: "#efefef",
|
|
20
|
+
DEFAULT: "#ebebeb",
|
|
21
|
+
dark: "#ddd",
|
|
22
|
+
darker: "#acacac",
|
|
23
|
+
darkest: "#595959"
|
|
24
|
+
},
|
|
25
|
+
purple: {
|
|
26
|
+
lightest: "#585c74",
|
|
27
|
+
light: "#4b4f64",
|
|
28
|
+
DEFAULT: "#3d4153",
|
|
29
|
+
dark: "#353a48"
|
|
30
|
+
},
|
|
31
|
+
blue: {
|
|
32
|
+
lightest: "#e5efff",
|
|
33
|
+
light: "#6ba4ff",
|
|
34
|
+
DEFAULT: "#0063ff",
|
|
35
|
+
dark: "#0158e2"
|
|
36
|
+
},
|
|
37
|
+
red: {
|
|
38
|
+
lightest: "#f3cfc5",
|
|
39
|
+
light: "#e67355",
|
|
40
|
+
DEFAULT: "#cf3c16",
|
|
41
|
+
dark: "#b12d0b"
|
|
42
|
+
},
|
|
43
|
+
green: {
|
|
44
|
+
lightest: "#c4e1d7",
|
|
45
|
+
light: "#5caf93",
|
|
46
|
+
DEFAULT: "#138760",
|
|
47
|
+
dark: "#0c5f43"
|
|
48
|
+
},
|
|
49
|
+
yellow: {
|
|
50
|
+
lightest: "#fff1c3",
|
|
51
|
+
light: "#fddd70",
|
|
52
|
+
DEFAULT: "#ffc810",
|
|
53
|
+
dark: "#e89c2e"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
//# sourceMappingURL=taco-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":";;;;;;;;;;AAAA,IAAA,wCA6CE,GA7Ca;IACX,MAAM,EAAE;QACJ,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE;YACF,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;SACrB;QACD,MAAM,EAAE;YACJ,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,GAAG,EAAE;YACD,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;QACD,MAAM,EAAE;YACJ,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ","sources":["packages/taco-tokens/src/index.ts"],"sourcesContent":["export default {\n colors: {\n transparent: 'transparent',\n current: 'currentColor',\n white: '#fff',\n black: '#1c1c1c',\n grey: {\n lightest: '#fafafa',\n light: '#efefef',\n DEFAULT: '#ebebeb',\n dark: '#ddd',\n darker: '#acacac',\n darkest: '#595959',\n },\n purple: {\n lightest: '#585c74',\n light: '#4b4f64',\n DEFAULT: '#3d4153',\n dark: '#353a48',\n },\n blue: {\n lightest: '#e5efff',\n light: '#6ba4ff',\n DEFAULT: '#0063ff',\n dark: '#0158e2',\n },\n red: {\n lightest: '#f3cfc5',\n light: '#e67355',\n DEFAULT: '#cf3c16',\n dark: '#b12d0b',\n },\n green: {\n lightest: '#c4e1d7',\n light: '#5caf93',\n DEFAULT: '#138760',\n dark: '#0c5f43',\n },\n yellow: {\n lightest: '#fff1c3',\n light: '#fddd70',\n DEFAULT: '#ffc810',\n dark: '#e89c2e',\n },\n },\n};\n"],"names":[],"version":3,"file":"taco-tokens.js.map"}
|
package/package.json
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@economic/taco-tokens",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"source": "src/index.ts",
|
|
5
|
+
"main": "dist/taco-tokens.js",
|
|
6
|
+
"module": "dist/taco-tokens.esm.js",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"watch": "parcel watch",
|
|
9
|
+
"build": "parcel build"
|
|
10
|
+
},
|
|
11
|
+
"files": [
|
|
12
|
+
"dist",
|
|
13
|
+
"README.md"
|
|
14
|
+
],
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@parcel/packager-ts": "^2.5.0",
|
|
17
|
+
"@parcel/transformer-typescript-types": "^2.5.0",
|
|
18
|
+
"parcel": "^2.5.0",
|
|
19
|
+
"typescript": "^4.6.3"
|
|
20
|
+
},
|
|
21
|
+
"browserslist": {
|
|
22
|
+
"development": [
|
|
23
|
+
"last 2 versions"
|
|
24
|
+
],
|
|
25
|
+
"production": [
|
|
26
|
+
">1%",
|
|
27
|
+
"last 5 versions"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"gitHead": "805dd9fdf8fa7a51842b07e69bd846f154b326a8"
|
|
31
|
+
}
|