@graphysdk/theme-spreadsheet 0.1.1-beta.1791894562924 → 0.1.1-beta.1791968387850
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/dist/index.cjs +1 -1
- package/dist/index.mjs +31 -25
- package/dist/styles.d.ts +2 -0
- package/package.json +6 -6
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/react");var t={white:"#FFFFFF",text:"#202124",secondary:"#757575",baseline:"#333333",rule:"#CCCCCC",edge:"#DADCE0",connector:"#BDBDBD"},l="Arial, 'Helvetica Neue', Helvetica, sans-serif",
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/react");var t={white:"#FFFFFF",text:"#202124",secondary:"#757575",baseline:"#333333",rule:"#CCCCCC",edge:"#DADCE0",connector:"#BDBDBD"},l="Arial, 'Helvetica Neue', Helvetica, sans-serif",i={blue:"#5384EC",red:"#D75140",yellow:"#F2BF42",green:"#58A55D",orange:"#EE762F"},n=[i.blue,i.red,i.yellow,i.green,i.orange],a=["#E3EBFB",i.blue,"#2A56B8"],s=[i.blue,"#F0F0F0",i.red],o={textColor:t.text},r={textColor:t.secondary},d={offsetX:0,offsetY:1,blur:3,color:"rgba(0, 0, 0, 0.2)"},h={tokens:{graphBackground:t.white,graphBorder:t.edge,geomBorder:t.connector,textPrimary:t.text,textSecondary:t.secondary,ruleLine:t.baseline,gridLine:t.rule,hoverAffordance:t.white,hoverGuideFill:"rgba(32, 33, 36, 0.05)",hoverGuideLine:t.secondary,tooltipBackground:t.white,tooltipBorder:t.edge,tooltipPrimaryRow:"rgba(32, 33, 36, 0.05)",annotationShape:i.blue,annotationArrow:t.text,differenceLabelBackground:t.white},defaults:[e.style.graph({strokeWidth:1,cornerRadius:0,fontFamily:l,padding:20}),e.style.geom.bar({cornerRadius:"none",strokeWidth:0}),e.style.geom.bar({stroke:t.white,strokeWidth:2,shadow:"none"},{state:"hovered"}),e.style.geom.line({strokeWidth:2,dashArray:[],lineCap:"butt",lineJoin:"miter"}),e.style.geom.area({fillAlpha:.3,strokeWidth:2,dashArray:[],lineCap:"butt",lineJoin:"miter"}),e.style.geom.point({size:7,stroke:t.white,strokeWidth:0}),e.style.geom.point({size:10,stroke:t.white,strokeWidth:2},{state:"hovered"}),e.style.geom.tile({cornerRadius:0,stroke:t.white,strokeWidth:1}),e.style.geom.tile({stroke:t.white,strokeWidth:2},{state:"hovered"}),e.style.geom.rule({strokeWidth:1,dashArray:[]}),e.style.geom.rule.label({...r,fontWeight:400,fontSize:12}),e.style.geom({shadow:"none"},{state:"hovered"}),e.style.gridLine({dashArray:[]}),e.style.gridLine.x({strokeWidth:0}),e.style.gridLine.y({strokeWidth:1}),e.style.panelBorder({strokeWidth:0}),e.style.panelBorder.bottom({stroke:t.baseline,strokeWidth:1,dashArray:[]}),e.style.tickLine({strokeWidth:0}),e.style.tickLabel({...o,fontWeight:400,fontSize:12,lineHeight:1}),e.style.axisLabel({...o,fontWeight:400,fontSize:12,lineHeight:1}),e.style.heading({...o}),e.style.heading.h1({...r,fontWeight:400,fontSize:18,lineHeight:1.25}),e.style.heading.h2({...r,fontWeight:400,fontSize:12,lineHeight:1.4}),e.style.caption({...r,fontWeight:400,fontSize:12}),e.style.source({...r,fontWeight:400,fontSize:12}),e.style.dataLabel({...r,fontWeight:400,fontSize:12,fill:"transparent"}),e.style.dataLabel.observation.inside({...o}),e.style.dataLabel.category.inside({...o}),e.style.legendItem({...r,fontWeight:400,fontSize:12,fill:"transparent",stroke:"transparent"}),e.style.directLabel({...r,fontWeight:400,fontSize:12}),e.style.tooltip({strokeWidth:1,cornerRadius:2,paddingInline:10,paddingBlock:8,shadow:d}),e.style.tooltip.heading({...o,fontWeight:700,fontSize:12,lineHeight:1.3}),e.style.tooltip.label({...o,fontWeight:400,fontSize:12,lineHeight:1.4}),e.style.tooltip.value({...o,fontWeight:700,fontSize:12,lineHeight:1.4}),e.style.annotation.text({...o,fill:"transparent",strokeWidth:0,fontSize:12,lineHeight:1.3}),e.style.annotation.shape({fillAlpha:.2,strokeWidth:0}),e.style.annotation.arrow({strokeWidth:1,dashArray:[]}),e.style.annotation.differenceArrow({stroke:t.text,strokeWidth:1}),e.style.annotation.differenceArrow.label({...o,fill:t.white,stroke:t.edge,strokeWidth:1,cornerRadius:2,fontSize:12}),e.style.panelBorder.bottom({strokeWidth:0},{coord:"polar"}),e.style.geom.bar({stroke:t.white,strokeWidth:1},{coord:"polar"}),e.style.gridLine({stroke:t.rule,strokeWidth:1},{coord:"polar"}),e.style.tickLabel({...o,fontWeight:500,textOutlineColor:t.white,textOutlineWidth:3},{coord:"polar"})]},g={name:"spreadsheet",styles:h,palettes:{categorical:n,sequential:a,diverging:s},config:{axes:{y:{position:"left"}},legend:{position:"top",align:"center"}},colorScheme:"light"};exports.spreadsheet=g;
|
package/dist/index.mjs
CHANGED
|
@@ -7,32 +7,35 @@ var t = {
|
|
|
7
7
|
rule: "#CCCCCC",
|
|
8
8
|
edge: "#DADCE0",
|
|
9
9
|
connector: "#BDBDBD"
|
|
10
|
-
}, n = "Arial, 'Helvetica Neue', Helvetica, sans-serif",
|
|
10
|
+
}, n = "Arial, 'Helvetica Neue', Helvetica, sans-serif", i = {
|
|
11
11
|
blue: "#5384EC",
|
|
12
12
|
red: "#D75140",
|
|
13
13
|
yellow: "#F2BF42",
|
|
14
14
|
green: "#58A55D",
|
|
15
15
|
orange: "#EE762F"
|
|
16
16
|
}, a = [
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
i.blue,
|
|
18
|
+
i.red,
|
|
19
|
+
i.yellow,
|
|
20
|
+
i.green,
|
|
21
|
+
i.orange
|
|
22
22
|
], l = [
|
|
23
23
|
"#E3EBFB",
|
|
24
|
-
|
|
24
|
+
i.blue,
|
|
25
25
|
"#2A56B8"
|
|
26
|
-
],
|
|
26
|
+
], d = [
|
|
27
|
+
i.blue,
|
|
28
|
+
"#F0F0F0",
|
|
29
|
+
i.red
|
|
30
|
+
], o = { textColor: t.text }, r = { textColor: t.secondary }, h = {
|
|
27
31
|
offsetX: 0,
|
|
28
32
|
offsetY: 1,
|
|
29
33
|
blur: 3,
|
|
30
34
|
color: "rgba(0, 0, 0, 0.2)"
|
|
31
|
-
},
|
|
35
|
+
}, s = {
|
|
32
36
|
tokens: {
|
|
33
37
|
graphBackground: t.white,
|
|
34
38
|
graphBorder: t.edge,
|
|
35
|
-
geom: r.blue,
|
|
36
39
|
geomBorder: t.connector,
|
|
37
40
|
textPrimary: t.text,
|
|
38
41
|
textSecondary: t.secondary,
|
|
@@ -44,7 +47,7 @@ var t = {
|
|
|
44
47
|
tooltipBackground: t.white,
|
|
45
48
|
tooltipBorder: t.edge,
|
|
46
49
|
tooltipPrimaryRow: "rgba(32, 33, 36, 0.05)",
|
|
47
|
-
annotationShape:
|
|
50
|
+
annotationShape: i.blue,
|
|
48
51
|
annotationArrow: t.text,
|
|
49
52
|
differenceLabelBackground: t.white
|
|
50
53
|
},
|
|
@@ -101,7 +104,7 @@ var t = {
|
|
|
101
104
|
dashArray: []
|
|
102
105
|
}),
|
|
103
106
|
e.geom.rule.label({
|
|
104
|
-
...
|
|
107
|
+
...r,
|
|
105
108
|
fontWeight: 400,
|
|
106
109
|
fontSize: 12
|
|
107
110
|
}),
|
|
@@ -130,29 +133,29 @@ var t = {
|
|
|
130
133
|
}),
|
|
131
134
|
e.heading({ ...o }),
|
|
132
135
|
e.heading.h1({
|
|
133
|
-
...
|
|
136
|
+
...r,
|
|
134
137
|
fontWeight: 400,
|
|
135
138
|
fontSize: 18,
|
|
136
139
|
lineHeight: 1.25
|
|
137
140
|
}),
|
|
138
141
|
e.heading.h2({
|
|
139
|
-
...
|
|
142
|
+
...r,
|
|
140
143
|
fontWeight: 400,
|
|
141
144
|
fontSize: 12,
|
|
142
145
|
lineHeight: 1.4
|
|
143
146
|
}),
|
|
144
147
|
e.caption({
|
|
145
|
-
...
|
|
148
|
+
...r,
|
|
146
149
|
fontWeight: 400,
|
|
147
150
|
fontSize: 12
|
|
148
151
|
}),
|
|
149
152
|
e.source({
|
|
150
|
-
...
|
|
153
|
+
...r,
|
|
151
154
|
fontWeight: 400,
|
|
152
155
|
fontSize: 12
|
|
153
156
|
}),
|
|
154
157
|
e.dataLabel({
|
|
155
|
-
...
|
|
158
|
+
...r,
|
|
156
159
|
fontWeight: 400,
|
|
157
160
|
fontSize: 12,
|
|
158
161
|
fill: "transparent"
|
|
@@ -160,14 +163,14 @@ var t = {
|
|
|
160
163
|
e.dataLabel.observation.inside({ ...o }),
|
|
161
164
|
e.dataLabel.category.inside({ ...o }),
|
|
162
165
|
e.legendItem({
|
|
163
|
-
...
|
|
166
|
+
...r,
|
|
164
167
|
fontWeight: 400,
|
|
165
168
|
fontSize: 12,
|
|
166
169
|
fill: "transparent",
|
|
167
170
|
stroke: "transparent"
|
|
168
171
|
}),
|
|
169
172
|
e.directLabel({
|
|
170
|
-
...
|
|
173
|
+
...r,
|
|
171
174
|
fontWeight: 400,
|
|
172
175
|
fontSize: 12
|
|
173
176
|
}),
|
|
@@ -176,7 +179,7 @@ var t = {
|
|
|
176
179
|
cornerRadius: 2,
|
|
177
180
|
paddingInline: 10,
|
|
178
181
|
paddingBlock: 8,
|
|
179
|
-
shadow:
|
|
182
|
+
shadow: h
|
|
180
183
|
}),
|
|
181
184
|
e.tooltip.heading({
|
|
182
185
|
...o,
|
|
@@ -239,11 +242,14 @@ var t = {
|
|
|
239
242
|
textOutlineWidth: 3
|
|
240
243
|
}, { coord: "polar" })
|
|
241
244
|
]
|
|
242
|
-
},
|
|
245
|
+
}, f = {
|
|
243
246
|
name: "spreadsheet",
|
|
244
|
-
styles:
|
|
245
|
-
|
|
246
|
-
|
|
247
|
+
styles: s,
|
|
248
|
+
palettes: {
|
|
249
|
+
categorical: a,
|
|
250
|
+
sequential: l,
|
|
251
|
+
diverging: d
|
|
252
|
+
},
|
|
247
253
|
config: {
|
|
248
254
|
axes: { y: { position: "left" } },
|
|
249
255
|
legend: {
|
|
@@ -254,5 +260,5 @@ var t = {
|
|
|
254
260
|
colorScheme: "light"
|
|
255
261
|
};
|
|
256
262
|
export {
|
|
257
|
-
|
|
263
|
+
f as spreadsheet
|
|
258
264
|
};
|
package/dist/styles.d.ts
CHANGED
|
@@ -23,6 +23,8 @@ export declare const SPREADSHEET_HUES: {
|
|
|
23
23
|
export declare const SPREADSHEET_PALETTE: readonly string[];
|
|
24
24
|
/** For a colour that stands for a number: from the palest blue to a deep one. */
|
|
25
25
|
export declare const SPREADSHEET_COLORMAP: readonly string[];
|
|
26
|
+
/** For a number either side of a midpoint: blue one way and red the other, through a light grey. */
|
|
27
|
+
export declare const SPREADSHEET_DIVERGING: readonly string[];
|
|
26
28
|
/**
|
|
27
29
|
* A white ground in a thin grey edge, light grey rules for the values and none for the bands, one
|
|
28
30
|
* darker line under the plot, a grey title over dark labels, and square shapes in flat colour with no
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"theme",
|
|
14
14
|
"spreadsheet"
|
|
15
15
|
],
|
|
16
|
-
"version": "0.1.1-beta.
|
|
16
|
+
"version": "0.1.1-beta.1791968387850",
|
|
17
17
|
"type": "module",
|
|
18
18
|
"types": "./dist/index.d.ts",
|
|
19
19
|
"files": [
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": "^19.0.0",
|
|
34
|
-
"@graphysdk/react": "^1.9.0-beta.
|
|
34
|
+
"@graphysdk/react": "^1.9.0-beta.1791968387850"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@testing-library/react": "^16.3.1",
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"vite": "^8.1.5",
|
|
44
44
|
"vite-plugin-dts": "^4.5.4",
|
|
45
45
|
"vitest": "^4.1.11",
|
|
46
|
-
"@graphysdk/
|
|
47
|
-
"@
|
|
48
|
-
"@graphytools/typescript-config": "0.0.1",
|
|
46
|
+
"@graphysdk/react": "1.9.0-beta.1791968387850",
|
|
47
|
+
"@graphysdk/viz-engine": "1.9.0-beta.1791968387850",
|
|
49
48
|
"@graphytools/eslint-config": "0.0.1",
|
|
50
|
-
"@
|
|
49
|
+
"@graphytools/typescript-config": "0.0.1",
|
|
50
|
+
"@graphytools/vitest-config": "1.0.0"
|
|
51
51
|
},
|
|
52
52
|
"publishConfig": {
|
|
53
53
|
"access": "public"
|