@dataimago/css 0.1.0-alpha.15 → 0.1.0-alpha.18

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.
Files changed (17) hide show
  1. package/README.md +21 -0
  2. package/dist/bin/dataimago-sync.mjs +342 -0
  3. package/dist/dataimago.css +1 -1
  4. package/dist/dataimago.min.css +1 -1
  5. package/dist/dataviz/dataimago-dataviz.css +42 -0
  6. package/dist/dataviz/dataimago-dataviz.json +42 -0
  7. package/dist/dataviz/dataimago-dataviz.tex +21 -0
  8. package/dist/dataviz/dataimago_dataviz.R +61 -0
  9. package/dist/latex/dataimago-tokens.sty +122 -0
  10. package/dist/latex/dataimago.sty +618 -0
  11. package/dist/outputs.json +15 -0
  12. package/dist/quarto/components.scss +230 -0
  13. package/dist/quarto/dataimago-dark.scss +321 -0
  14. package/dist/quarto/dataimago-light.scss +321 -0
  15. package/dist/tokens.css +30 -1
  16. package/dist/tokens.scss +30 -1
  17. package/package.json +9 -2
package/dist/dataviz/dataimago-dataviz.tex ADDED
@@ -0,0 +1,21 @@
1
+ % @dataimago/css@0.1.0-alpha.18 dist/dataviz/dataimago-dataviz.tex · sha256:d7be36cb429ce8a1f19c95a7da8f57a7fcfda85fd2b0113e086913d37e9fa645 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.18 dataimago-sync
2
+ % dataimago data-viz palette (Okabe-Ito), light mode, for PSTricks and TikZ. Requires xcolor.
3
+ \definecolor{di-dataviz-okabe-ito-orange}{HTML}{E69F00}
4
+ \definecolor{di-dataviz-okabe-ito-sky-blue}{HTML}{56B4E9}
5
+ \definecolor{di-dataviz-okabe-ito-bluish-green}{HTML}{009E73}
6
+ \definecolor{di-dataviz-okabe-ito-yellow}{HTML}{F0E442}
7
+ \definecolor{di-dataviz-okabe-ito-blue}{HTML}{0072B2}
8
+ \definecolor{di-dataviz-okabe-ito-vermillion}{HTML}{D55E00}
9
+ \definecolor{di-dataviz-okabe-ito-reddish-purple}{HTML}{CC79A7}
10
+ \definecolor{di-dataviz-okabe-ito-black}{HTML}{000000}
11
+ \colorlet{di-dataviz-categorical-1}{di-dataviz-okabe-ito-orange}
12
+ \colorlet{di-dataviz-categorical-2}{di-dataviz-okabe-ito-sky-blue}
13
+ \colorlet{di-dataviz-categorical-3}{di-dataviz-okabe-ito-bluish-green}
14
+ \colorlet{di-dataviz-categorical-4}{di-dataviz-okabe-ito-yellow}
15
+ \colorlet{di-dataviz-categorical-5}{di-dataviz-okabe-ito-blue}
16
+ \colorlet{di-dataviz-categorical-6}{di-dataviz-okabe-ito-vermillion}
17
+ \colorlet{di-dataviz-categorical-7}{di-dataviz-okabe-ito-reddish-purple}
18
+ \colorlet{di-dataviz-categorical-8}{di-dataviz-okabe-ito-black}
19
+ \definecolor{di-dataviz-uncertainty-outer}{HTML}{D6D6D6}
20
+ \definecolor{di-dataviz-uncertainty-union}{HTML}{9E9E9E}
21
+ \definecolor{di-dataviz-uncertainty-inner}{HTML}{333333}
package/dist/dataviz/dataimago_dataviz.R ADDED
@@ -0,0 +1,61 @@
1
+ # @dataimago/css@0.1.0-alpha.18 dist/dataviz/dataimago_dataviz.R · sha256:6443982f105b0f5e4a9d90ac2d1f6ce9fce2db4e8e8148b47f71bfc438940055 · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.18 dataimago-sync
2
+ # dataimago data-viz palette (Okabe-Ito). Categorical colour is never the only channel:
3
+ # pair it with marker shape, line type or a label.
4
+
5
+ dataimago_okabe_ito <- c(
6
+ orange = "#E69F00",
7
+ sky_blue = "#56B4E9",
8
+ bluish_green = "#009E73",
9
+ yellow = "#F0E442",
10
+ blue = "#0072B2",
11
+ vermillion = "#D55E00",
12
+ reddish_purple = "#CC79A7",
13
+ black = "#000000"
14
+ )
15
+
16
+ dataimago_categorical <- c(
17
+ "#E69F00",
18
+ "#56B4E9",
19
+ "#009E73",
20
+ "#F0E442",
21
+ "#0072B2",
22
+ "#D55E00",
23
+ "#CC79A7",
24
+ "#000000"
25
+ )
26
+
27
+ dataimago_uncertainty_bands <- c(
28
+ outer = "#D6D6D6",
29
+ union = "#9E9E9E",
30
+ inner = "#333333"
31
+ )
32
+
33
+ # Dark-mode variants (approved overrides; identical elsewhere).
34
+
35
+ dataimago_okabe_ito_dark <- c(
36
+ orange = "#E69F00",
37
+ sky_blue = "#56B4E9",
38
+ bluish_green = "#009E73",
39
+ yellow = "#F0E442",
40
+ blue = "#0072B2",
41
+ vermillion = "#D55E00",
42
+ reddish_purple = "#CC79A7",
43
+ black = "#FDF9F2"
44
+ )
45
+
46
+ dataimago_categorical_dark <- c(
47
+ "#E69F00",
48
+ "#56B4E9",
49
+ "#009E73",
50
+ "#F0E442",
51
+ "#0072B2",
52
+ "#D55E00",
53
+ "#CC79A7",
54
+ "#FDF9F2"
55
+ )
56
+
57
+ dataimago_uncertainty_bands_dark <- c(
58
+ outer = "#333333",
59
+ union = "#6B6B6B",
60
+ inner = "#D6D6D6"
61
+ )
package/dist/latex/dataimago-tokens.sty ADDED
@@ -0,0 +1,122 @@
1
+ % @dataimago/css@0.1.0-alpha.18 dist/latex/dataimago-tokens.sty · sha256:97596b5136434afc7d03b17916219cdccffd6c1cdc748b861f012e06fbbfc5df · generated from tokens; do not edit · restore: npx -p @dataimago/css@0.1.0-alpha.18 dataimago-sync
2
+ \NeedsTeXFormat{LaTeX2e}
3
+ \ProvidesPackage{dataimago-tokens}[dataimago design tokens, light mode]
4
+ \RequirePackage{xcolor}
5
+
6
+ % Colours: every color.* token, light mode, as opaque sRGB.
7
+ \definecolor{di-palette-ink-50}{HTML}{F5F5F4}
8
+ \definecolor{di-palette-ink-100}{HTML}{E7E5E4}
9
+ \definecolor{di-palette-ink-200}{HTML}{D6D3D1}
10
+ \definecolor{di-palette-ink-300}{HTML}{A8A29E}
11
+ \definecolor{di-palette-ink-400}{HTML}{78716C}
12
+ \definecolor{di-palette-ink-500}{HTML}{57534E}
13
+ \definecolor{di-palette-ink-600}{HTML}{44403C}
14
+ \definecolor{di-palette-ink-700}{HTML}{292524}
15
+ \definecolor{di-palette-ink-800}{HTML}{1C1917}
16
+ \definecolor{di-palette-ink-900}{HTML}{0C0A09}
17
+ \definecolor{di-palette-stone-50}{HTML}{F7F7F6}
18
+ \definecolor{di-palette-stone-100}{HTML}{EDEDEB}
19
+ \definecolor{di-palette-stone-200}{HTML}{DCDCDA}
20
+ \definecolor{di-palette-stone-300}{HTML}{C1C1BF}
21
+ \definecolor{di-palette-stone-400}{HTML}{A0A0A0}
22
+ \definecolor{di-palette-stone-500}{HTML}{7C7C7C}
23
+ \definecolor{di-palette-stone-600}{HTML}{5E5E5C}
24
+ \definecolor{di-palette-stone-700}{HTML}{424240}
25
+ \definecolor{di-palette-stone-800}{HTML}{292927}
26
+ \definecolor{di-palette-stone-900}{HTML}{14140F}
27
+ \definecolor{di-palette-forest-50}{HTML}{F0F1ED}
28
+ \definecolor{di-palette-forest-100}{HTML}{DDE0D4}
29
+ \definecolor{di-palette-forest-200}{HTML}{BDC4AD}
30
+ \definecolor{di-palette-forest-300}{HTML}{98A384}
31
+ \definecolor{di-palette-forest-400}{HTML}{7E8A6B}
32
+ \definecolor{di-palette-forest-500}{HTML}{5E6749}
33
+ \definecolor{di-palette-forest-600}{HTML}{4D5640}
34
+ \definecolor{di-palette-forest-700}{HTML}{434739}
35
+ \definecolor{di-palette-forest-800}{HTML}{363A2E}
36
+ \definecolor{di-palette-forest-900}{HTML}{1F2218}
37
+ \definecolor{di-palette-paper-50}{HTML}{FEFDFB}
38
+ \definecolor{di-palette-paper-100}{HTML}{FDF9F2}
39
+ \definecolor{di-palette-paper-200}{HTML}{FAF2E3}
40
+ \definecolor{di-palette-paper-300}{HTML}{F5E8CF}
41
+ \definecolor{di-palette-paper-400}{HTML}{EDD9B3}
42
+ \definecolor{di-palette-paper-500}{HTML}{E0C088}
43
+ \definecolor{di-palette-copper-50}{HTML}{FDF4EE}
44
+ \definecolor{di-palette-copper-100}{HTML}{FBE5D1}
45
+ \definecolor{di-palette-copper-200}{HTML}{F6C79C}
46
+ \definecolor{di-palette-copper-300}{HTML}{F0A467}
47
+ \definecolor{di-palette-copper-400}{HTML}{EA8441}
48
+ \definecolor{di-palette-copper-500}{HTML}{D46820}
49
+ \definecolor{di-palette-copper-600}{HTML}{B55017}
50
+ \definecolor{di-palette-copper-700}{HTML}{913D15}
51
+ \definecolor{di-palette-copper-800}{HTML}{753318}
52
+ \definecolor{di-palette-copper-900}{HTML}{612B16}
53
+ \definecolor{di-palette-accent-50}{HTML}{F0F8FC}
54
+ \definecolor{di-palette-accent-300}{HTML}{3498DB}
55
+ \definecolor{di-palette-accent-400}{HTML}{2980B9}
56
+ \definecolor{di-palette-accent-500}{HTML}{1F618D}
57
+ \definecolor{di-palette-accent-600}{HTML}{154D6F}
58
+ \definecolor{di-palette-accent-700}{HTML}{0F3A52}
59
+ \definecolor{di-palette-presentation-blue-50}{HTML}{F0F8FC}
60
+ \definecolor{di-palette-presentation-blue-500}{HTML}{3498DB}
61
+ \definecolor{di-palette-presentation-blue-600}{HTML}{2980B9}
62
+ \definecolor{di-palette-presentation-blue-700}{HTML}{1F618D}
63
+ \definecolor{di-functional-success}{HTML}{27AE60}
64
+ \definecolor{di-functional-warning}{HTML}{F39C12}
65
+ \definecolor{di-functional-error}{HTML}{E74C3C}
66
+ \definecolor{di-functional-info}{HTML}{3498DB}
67
+ \definecolor{di-surface-page}{HTML}{EDEDEB}
68
+ \definecolor{di-surface-page-scrolled}{HTML}{EDEDEB}
69
+ \definecolor{di-surface-elevated}{HTML}{F7F7F6}
70
+ \definecolor{di-surface-sunken}{HTML}{FAF2E3}
71
+ \definecolor{di-surface-navbar}{HTML}{EDEDEB}
72
+ \definecolor{di-surface-navbar-scrolled}{HTML}{EDEDEB}
73
+ \definecolor{di-surface-code}{HTML}{FAF2E3}
74
+ \definecolor{di-border-subtle}{HTML}{888785}
75
+ \definecolor{di-border-moderate}{HTML}{666563}
76
+ \definecolor{di-border-strong}{HTML}{444342}
77
+ \definecolor{di-border-card}{HTML}{666563}
78
+ \definecolor{di-border-code}{HTML}{D6D3D1}
79
+ \definecolor{di-content-primary}{HTML}{14140F}
80
+ \definecolor{di-content-secondary}{HTML}{6A6A6A}
81
+ \definecolor{di-content-muted}{HTML}{706964}
82
+ \definecolor{di-content-inverse}{HTML}{FDF9F2}
83
+ \definecolor{di-interactive-primary}{HTML}{434739}
84
+ \definecolor{di-interactive-hover}{HTML}{363A2E}
85
+ \definecolor{di-interactive-accent}{HTML}{1F618D}
86
+ \definecolor{di-interactive-focus}{HTML}{434739}
87
+ \definecolor{di-presentation-accent}{HTML}{3498DB}
88
+ \definecolor{di-presentation-accent-hover}{HTML}{2980B9}
89
+ \definecolor{di-vertical-accent-dissertation}{HTML}{B87333}
90
+ \definecolor{di-vertical-accent-rpkg}{HTML}{3B82F6}
91
+ \definecolor{di-vertical-accent-SGPc}{HTML}{5A6310}
92
+ \definecolor{di-brand-mark-red}{HTML}{CC0000}
93
+ \definecolor{di-dataviz-okabe-ito-orange}{HTML}{E69F00}
94
+ \definecolor{di-dataviz-okabe-ito-sky-blue}{HTML}{56B4E9}
95
+ \definecolor{di-dataviz-okabe-ito-bluish-green}{HTML}{009E73}
96
+ \definecolor{di-dataviz-okabe-ito-yellow}{HTML}{F0E442}
97
+ \definecolor{di-dataviz-okabe-ito-blue}{HTML}{0072B2}
98
+ \definecolor{di-dataviz-okabe-ito-vermillion}{HTML}{D55E00}
99
+ \definecolor{di-dataviz-okabe-ito-reddish-purple}{HTML}{CC79A7}
100
+ \definecolor{di-dataviz-okabe-ito-black}{HTML}{000000}
101
+ \definecolor{di-dataviz-categorical-1}{HTML}{E69F00}
102
+ \definecolor{di-dataviz-categorical-2}{HTML}{56B4E9}
103
+ \definecolor{di-dataviz-categorical-3}{HTML}{009E73}
104
+ \definecolor{di-dataviz-categorical-4}{HTML}{F0E442}
105
+ \definecolor{di-dataviz-categorical-5}{HTML}{0072B2}
106
+ \definecolor{di-dataviz-categorical-6}{HTML}{D55E00}
107
+ \definecolor{di-dataviz-categorical-7}{HTML}{CC79A7}
108
+ \definecolor{di-dataviz-categorical-8}{HTML}{000000}
109
+ \definecolor{di-dataviz-uncertainty-outer}{HTML}{D6D6D6}
110
+ \definecolor{di-dataviz-uncertainty-union}{HTML}{9E9E9E}
111
+ \definecolor{di-dataviz-uncertainty-inner}{HTML}{333333}
112
+
113
+ % Font families: the first family of each token stack.
114
+ \newcommand{\diFontFamilySans}{Noto Sans}
115
+ \newcommand{\diFontFamilyMono}{JetBrains Mono}
116
+ \newcommand{\diFontFamilyDisplay}{Josefin Sans}
117
+ \newcommand{\diFontFamilyDisplayEditorial}{Josefin Sans}
118
+ \newcommand{\diFontFamilyDisplayDocumentation}{Noto Sans}
119
+ \newcommand{\diFontFamilyBrand}{Futura}
120
+ \newcommand{\diFontFamilyMath}{Noto Sans Math}
121
+
122
+ \endinput