@graphysdk/theme-graphite 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 +14 -8
- 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={background:{light:"#F9FAFC",dark:"#0D1013"},raised:{light:"#FFFFFF",dark:"#191B1D"},text:{light:"#12161C",dark:"#E2E9F1"},secondary:{light:"#5E646B",dark:"#A5ABB4"},grid:{light:"#E2E5E9",dark:"#292B2E"},edge:{light:"#D5D8DB",dark:"#36383B"},axis:"#7B8189",hoverGuideFill:{light:"rgba(18, 22, 28, 0.05)",dark:"rgba(226, 233, 241, 0.07)"}},a="'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",i={deep:"#3D434A",dark:"#5E646B",mid:"#727880",light:"#878D95",pale:"#ABB2BA",palest:"#CBD2DA"},n=[i.dark,i.light,i.deep,i.pale,i.palest,i.mid],l=["#D1D8E1","#292E35"],o={textColor:t.text},r={textColor:t.secondary},
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/react");var t={background:{light:"#F9FAFC",dark:"#0D1013"},raised:{light:"#FFFFFF",dark:"#191B1D"},text:{light:"#12161C",dark:"#E2E9F1"},secondary:{light:"#5E646B",dark:"#A5ABB4"},grid:{light:"#E2E5E9",dark:"#292B2E"},edge:{light:"#D5D8DB",dark:"#36383B"},axis:"#7B8189",hoverGuideFill:{light:"rgba(18, 22, 28, 0.05)",dark:"rgba(226, 233, 241, 0.07)"}},a="'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",i={deep:"#3D434A",dark:"#5E646B",mid:"#727880",light:"#878D95",pale:"#ABB2BA",palest:"#CBD2DA"},n=[i.dark,i.light,i.deep,i.pale,i.palest,i.mid],l=["#D1D8E1","#292E35"],s=["#4C72A0",t.axis,"#A06E4C"],o={textColor:t.text},r={textColor:t.secondary},d=.6,g={tokens:{graphBackground:t.background,graphBorder:t.edge,geomBorder:t.axis,textPrimary:t.text,textSecondary:t.secondary,ruleLine:t.text,gridLine:t.grid,hoverAffordance:t.text,hoverGuideFill:t.hoverGuideFill,hoverGuideLine:t.axis,tooltipBackground:t.raised,tooltipBorder:t.edge,tooltipPrimaryRow:t.hoverGuideFill,annotationShape:t.axis,annotationArrow:t.text,differenceLabelBackground:t.background},defaults:[e.style.graph({strokeWidth:1,cornerRadius:4,fontFamily:a,padding:20}),e.style.geom({alpha:d},{state:"dimmed"}),e.style.geom({shadow:"none"},{state:"hovered"}),e.style.geom.bar({stroke:t.background,strokeWidth:1,cornerRadius:2}),e.style.geom.bar({stroke:t.text,strokeWidth:1.5},{state:"hovered"}),e.style.geom.line({strokeWidth:2,dashArray:[],lineCap:"round",lineJoin:"round"}),e.style.geom.area({fillAlpha:.9,strokeWidth:1,dashArray:[],lineCap:"round",lineJoin:"round"}),e.style.geom.area({stroke:t.background},{coord:"cartesian"}),e.style.geom.point({size:8,stroke:t.background,strokeWidth:1}),e.style.geom.tile({cornerRadius:2,stroke:t.background,strokeWidth:1}),e.style.geom.tile({stroke:t.text,strokeWidth:1.5},{state:"hovered"}),e.style.geom.rule({strokeWidth:1,dashArray:[4,3]}),e.style.geom.rule.label({...o,fontWeight:500,fontSize:12}),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.axis,strokeWidth:1,dashArray:[]}),e.style.tickLine({strokeWidth:0}),e.style.tickLabel({...r,fontWeight:400,fontSize:12,lineHeight:1}),e.style.axisLabel({...r,fontWeight:500,fontSize:12,lineHeight:1}),e.style.heading({...o}),e.style.heading.h1({fontWeight:600,fontSize:20,lineHeight:1.25}),e.style.heading.h2({...r,fontWeight:400,fontSize:14,lineHeight:1.35}),e.style.caption({...r,fontWeight:400,fontSize:12}),e.style.source({...r,fontWeight:400,fontSize:12}),e.style.dataLabel({...o,fontWeight:500,fontSize:12,fill:"transparent"}),e.style.legendItem({...o,fontWeight:400,fontSize:13,fill:"transparent",stroke:"transparent"}),e.style.directLabel({...o,fontWeight:500,fontSize:13}),e.style.tooltip({strokeWidth:1,cornerRadius:4,paddingInline:10,paddingBlock:8,shadow:"none"}),e.style.tooltip.heading({...o,fontWeight:600,fontSize:13,lineHeight:1.3}),e.style.tooltip.label({...r,fontWeight:400,fontSize:13,lineHeight:1.3}),e.style.tooltip.value({...o,fontWeight:500,fontSize:13,lineHeight:1.3}),e.style.annotation.text({...o,fill:t.raised,stroke:t.edge,strokeWidth:1,cornerRadius:4,paddingInline:8,paddingBlock:3,fontSize:13,lineHeight:1.2}),e.style.annotation.shape({fillAlpha:.2,stroke:t.axis,strokeWidth:1}),e.style.annotation.arrow({strokeWidth:1,dashArray:[]}),e.style.annotation.pinnedNumber({stroke:t.background}),e.style.annotation.pinnedNumber.label({...o,fill:t.raised,stroke:t.edge,shadow:"none"}),e.style.annotation.differenceArrow({stroke:t.text,strokeWidth:1}),e.style.annotation.differenceArrow.label({...o,fill:t.raised,stroke:t.edge,strokeWidth:1,fontSize:13}),e.style.panelBorder.bottom({strokeWidth:0},{coord:"polar"}),e.style.geom.area({fillAlpha:.35,strokeWidth:1.5},{coord:"polar"}),e.style.tickLabel({...o,fontWeight:600,textOutlineColor:t.background,textOutlineWidth:3},{coord:"polar"})]},h={name:"graphite",styles:g,palettes:{categorical:n,sequential:l,diverging:s},config:{legend:{position:"top",align:"start"}}};exports.graphite=h;
|
package/dist/index.mjs
CHANGED
|
@@ -43,11 +43,14 @@ var t = {
|
|
|
43
43
|
i.pale,
|
|
44
44
|
i.palest,
|
|
45
45
|
i.mid
|
|
46
|
-
], d = ["#D1D8E1", "#292E35"],
|
|
46
|
+
], d = ["#D1D8E1", "#292E35"], l = [
|
|
47
|
+
"#4C72A0",
|
|
48
|
+
t.axis,
|
|
49
|
+
"#A06E4C"
|
|
50
|
+
], o = { textColor: t.text }, r = { textColor: t.secondary }, s = 0.6, g = {
|
|
47
51
|
tokens: {
|
|
48
52
|
graphBackground: t.background,
|
|
49
53
|
graphBorder: t.edge,
|
|
50
|
-
geom: i.dark,
|
|
51
54
|
geomBorder: t.axis,
|
|
52
55
|
textPrimary: t.text,
|
|
53
56
|
textSecondary: t.secondary,
|
|
@@ -70,7 +73,7 @@ var t = {
|
|
|
70
73
|
fontFamily: a,
|
|
71
74
|
padding: 20
|
|
72
75
|
}),
|
|
73
|
-
e.geom({ alpha:
|
|
76
|
+
e.geom({ alpha: s }, { state: "dimmed" }),
|
|
74
77
|
e.geom({ shadow: "none" }, { state: "hovered" }),
|
|
75
78
|
e.geom.bar({
|
|
76
79
|
stroke: t.background,
|
|
@@ -255,16 +258,19 @@ var t = {
|
|
|
255
258
|
textOutlineWidth: 3
|
|
256
259
|
}, { coord: "polar" })
|
|
257
260
|
]
|
|
258
|
-
},
|
|
261
|
+
}, k = {
|
|
259
262
|
name: "graphite",
|
|
260
|
-
styles:
|
|
261
|
-
|
|
262
|
-
|
|
263
|
+
styles: g,
|
|
264
|
+
palettes: {
|
|
265
|
+
categorical: n,
|
|
266
|
+
sequential: d,
|
|
267
|
+
diverging: l
|
|
268
|
+
},
|
|
263
269
|
config: { legend: {
|
|
264
270
|
position: "top",
|
|
265
271
|
align: "start"
|
|
266
272
|
} }
|
|
267
273
|
};
|
|
268
274
|
export {
|
|
269
|
-
|
|
275
|
+
k as graphite
|
|
270
276
|
};
|
package/dist/styles.d.ts
CHANGED
|
@@ -49,6 +49,8 @@ export declare const GRAPHITE_GREYS: {
|
|
|
49
49
|
export declare const GRAPHITE_PALETTE: readonly string[];
|
|
50
50
|
/** For a colour that stands for a number: from the palest grey to the darkest. */
|
|
51
51
|
export declare const GRAPHITE_COLORMAP: readonly string[];
|
|
52
|
+
/** For a number either side of a midpoint: a steel blue one way and an umber the other, through the axis grey, which both schemes share. */
|
|
53
|
+
export declare const GRAPHITE_DIVERGING: readonly string[];
|
|
52
54
|
/**
|
|
53
55
|
* The graphite look: one cool grey on a plain background, thin strokes, a quiet solid grid, and
|
|
54
56
|
* shapes parted from their neighbours by a thin line in the background's colour.
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"theme",
|
|
14
14
|
"graphite"
|
|
15
15
|
],
|
|
16
|
-
"version": "0.1.1-beta.
|
|
16
|
+
"version": "0.1.1-beta.1791968387850",
|
|
17
17
|
"type": "module",
|
|
18
18
|
"sideEffects": [
|
|
19
19
|
"*.css"
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"react": "^19.0.0",
|
|
43
|
-
"@graphysdk/react": "^1.9.0-beta.
|
|
43
|
+
"@graphysdk/react": "^1.9.0-beta.1791968387850"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@testing-library/react": "^16.3.1",
|
|
@@ -52,11 +52,11 @@
|
|
|
52
52
|
"vite": "^8.1.5",
|
|
53
53
|
"vite-plugin-dts": "^4.5.4",
|
|
54
54
|
"vitest": "^4.1.11",
|
|
55
|
-
"@graphysdk/react": "1.9.0-beta.
|
|
56
|
-
"@
|
|
57
|
-
"@graphytools/vitest-config": "1.0.0",
|
|
55
|
+
"@graphysdk/react": "1.9.0-beta.1791968387850",
|
|
56
|
+
"@graphysdk/viz-engine": "1.9.0-beta.1791968387850",
|
|
58
57
|
"@graphytools/eslint-config": "0.0.1",
|
|
59
|
-
"@
|
|
58
|
+
"@graphytools/typescript-config": "0.0.1",
|
|
59
|
+
"@graphytools/vitest-config": "1.0.0"
|
|
60
60
|
},
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public"
|