@graphysdk/theme-graphite 0.1.1-beta.1792407460425 → 0.1.1-beta.1792409717036
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 -20
- package/dist/styles.d.ts +8 -0
- package/package.json +4 -4
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",
|
|
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)"},positive:{light:"#24A148",dark:"#42BE65"},negative:{light:"#A2191F",dark:"#E0393E"}},a="'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",o={deep:"#3D434A",dark:"#5E646B",mid:"#727880",light:"#878D95",pale:"#ABB2BA",palest:"#CBD2DA"},n=[o.dark,o.light,o.deep,o.pale,o.palest,o.mid],l=["#D1D8E1","#292E35"],s=["#4C72A0",t.axis,"#A06E4C"],i={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,trendPositive:t.positive,trendNegative:t.negative,trendNeutral:t.secondary},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({...i,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({...i}),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({...i,fontWeight:500,fontSize:12,fill:"transparent"}),e.style.legendItem({...i,fontWeight:400,fontSize:13,fill:"transparent",stroke:"transparent"}),e.style.directLabel({...i,fontWeight:500,fontSize:13}),e.style.tooltip({strokeWidth:1,cornerRadius:4,paddingInline:10,paddingBlock:8,shadow:"none"}),e.style.tooltip.heading({...i,fontWeight:600,fontSize:13,lineHeight:1.3}),e.style.tooltip.label({...r,fontWeight:400,fontSize:13,lineHeight:1.3}),e.style.tooltip.value({...i,fontWeight:500,fontSize:13,lineHeight:1.3}),e.style.annotation.text({...i,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({...i,fill:t.raised,stroke:t.edge,shadow:"none"}),e.style.annotation.differenceArrow({stroke:t.text,strokeWidth:1}),e.style.annotation.differenceArrow.label({...i,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({...i,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
|
@@ -28,8 +28,16 @@ var t = {
|
|
|
28
28
|
hoverGuideFill: {
|
|
29
29
|
light: "rgba(18, 22, 28, 0.05)",
|
|
30
30
|
dark: "rgba(226, 233, 241, 0.07)"
|
|
31
|
+
},
|
|
32
|
+
positive: {
|
|
33
|
+
light: "#24A148",
|
|
34
|
+
dark: "#42BE65"
|
|
35
|
+
},
|
|
36
|
+
negative: {
|
|
37
|
+
light: "#A2191F",
|
|
38
|
+
dark: "#E0393E"
|
|
31
39
|
}
|
|
32
|
-
}, a = "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",
|
|
40
|
+
}, a = "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif", o = {
|
|
33
41
|
deep: "#3D434A",
|
|
34
42
|
dark: "#5E646B",
|
|
35
43
|
mid: "#727880",
|
|
@@ -37,17 +45,17 @@ var t = {
|
|
|
37
45
|
pale: "#ABB2BA",
|
|
38
46
|
palest: "#CBD2DA"
|
|
39
47
|
}, n = [
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
48
|
+
o.dark,
|
|
49
|
+
o.light,
|
|
50
|
+
o.deep,
|
|
51
|
+
o.pale,
|
|
52
|
+
o.palest,
|
|
53
|
+
o.mid
|
|
46
54
|
], d = ["#D1D8E1", "#292E35"], l = [
|
|
47
55
|
"#4C72A0",
|
|
48
56
|
t.axis,
|
|
49
57
|
"#A06E4C"
|
|
50
|
-
],
|
|
58
|
+
], i = { textColor: t.text }, r = { textColor: t.secondary }, s = 0.6, g = {
|
|
51
59
|
tokens: {
|
|
52
60
|
graphBackground: t.background,
|
|
53
61
|
graphBorder: t.edge,
|
|
@@ -64,7 +72,10 @@ var t = {
|
|
|
64
72
|
tooltipPrimaryRow: t.hoverGuideFill,
|
|
65
73
|
annotationShape: t.axis,
|
|
66
74
|
annotationArrow: t.text,
|
|
67
|
-
differenceLabelBackground: t.background
|
|
75
|
+
differenceLabelBackground: t.background,
|
|
76
|
+
trendPositive: t.positive,
|
|
77
|
+
trendNegative: t.negative,
|
|
78
|
+
trendNeutral: t.secondary
|
|
68
79
|
},
|
|
69
80
|
defaults: [
|
|
70
81
|
e.graph({
|
|
@@ -117,7 +128,7 @@ var t = {
|
|
|
117
128
|
dashArray: [4, 3]
|
|
118
129
|
}),
|
|
119
130
|
e.geom.rule.label({
|
|
120
|
-
...
|
|
131
|
+
...i,
|
|
121
132
|
fontWeight: 500,
|
|
122
133
|
fontSize: 12
|
|
123
134
|
}),
|
|
@@ -143,7 +154,7 @@ var t = {
|
|
|
143
154
|
fontSize: 12,
|
|
144
155
|
lineHeight: 1
|
|
145
156
|
}),
|
|
146
|
-
e.heading({ ...
|
|
157
|
+
e.heading({ ...i }),
|
|
147
158
|
e.heading.h1({
|
|
148
159
|
fontWeight: 600,
|
|
149
160
|
fontSize: 20,
|
|
@@ -166,20 +177,20 @@ var t = {
|
|
|
166
177
|
fontSize: 12
|
|
167
178
|
}),
|
|
168
179
|
e.dataLabel({
|
|
169
|
-
...
|
|
180
|
+
...i,
|
|
170
181
|
fontWeight: 500,
|
|
171
182
|
fontSize: 12,
|
|
172
183
|
fill: "transparent"
|
|
173
184
|
}),
|
|
174
185
|
e.legendItem({
|
|
175
|
-
...
|
|
186
|
+
...i,
|
|
176
187
|
fontWeight: 400,
|
|
177
188
|
fontSize: 13,
|
|
178
189
|
fill: "transparent",
|
|
179
190
|
stroke: "transparent"
|
|
180
191
|
}),
|
|
181
192
|
e.directLabel({
|
|
182
|
-
...
|
|
193
|
+
...i,
|
|
183
194
|
fontWeight: 500,
|
|
184
195
|
fontSize: 13
|
|
185
196
|
}),
|
|
@@ -191,7 +202,7 @@ var t = {
|
|
|
191
202
|
shadow: "none"
|
|
192
203
|
}),
|
|
193
204
|
e.tooltip.heading({
|
|
194
|
-
...
|
|
205
|
+
...i,
|
|
195
206
|
fontWeight: 600,
|
|
196
207
|
fontSize: 13,
|
|
197
208
|
lineHeight: 1.3
|
|
@@ -203,13 +214,13 @@ var t = {
|
|
|
203
214
|
lineHeight: 1.3
|
|
204
215
|
}),
|
|
205
216
|
e.tooltip.value({
|
|
206
|
-
...
|
|
217
|
+
...i,
|
|
207
218
|
fontWeight: 500,
|
|
208
219
|
fontSize: 13,
|
|
209
220
|
lineHeight: 1.3
|
|
210
221
|
}),
|
|
211
222
|
e.annotation.text({
|
|
212
|
-
...
|
|
223
|
+
...i,
|
|
213
224
|
fill: t.raised,
|
|
214
225
|
stroke: t.edge,
|
|
215
226
|
strokeWidth: 1,
|
|
@@ -230,7 +241,7 @@ var t = {
|
|
|
230
241
|
}),
|
|
231
242
|
e.annotation.pinnedNumber({ stroke: t.background }),
|
|
232
243
|
e.annotation.pinnedNumber.label({
|
|
233
|
-
...
|
|
244
|
+
...i,
|
|
234
245
|
fill: t.raised,
|
|
235
246
|
stroke: t.edge,
|
|
236
247
|
shadow: "none"
|
|
@@ -240,7 +251,7 @@ var t = {
|
|
|
240
251
|
strokeWidth: 1
|
|
241
252
|
}),
|
|
242
253
|
e.annotation.differenceArrow.label({
|
|
243
|
-
...
|
|
254
|
+
...i,
|
|
244
255
|
fill: t.raised,
|
|
245
256
|
stroke: t.edge,
|
|
246
257
|
strokeWidth: 1,
|
|
@@ -252,7 +263,7 @@ var t = {
|
|
|
252
263
|
strokeWidth: 1.5
|
|
253
264
|
}, { coord: "polar" }),
|
|
254
265
|
e.tickLabel({
|
|
255
|
-
...
|
|
266
|
+
...i,
|
|
256
267
|
fontWeight: 600,
|
|
257
268
|
textOutlineColor: t.background,
|
|
258
269
|
textOutlineWidth: 3
|
package/dist/styles.d.ts
CHANGED
|
@@ -30,6 +30,14 @@ export declare const GRAPHITE_COLORS: {
|
|
|
30
30
|
readonly light: "rgba(18, 22, 28, 0.05)";
|
|
31
31
|
readonly dark: "rgba(226, 233, 241, 0.07)";
|
|
32
32
|
};
|
|
33
|
+
readonly positive: {
|
|
34
|
+
readonly light: "#24A148";
|
|
35
|
+
readonly dark: "#42BE65";
|
|
36
|
+
};
|
|
37
|
+
readonly negative: {
|
|
38
|
+
readonly light: "#A2191F";
|
|
39
|
+
readonly dark: "#E0393E";
|
|
40
|
+
};
|
|
33
41
|
};
|
|
34
42
|
/** The greys groups take, named by how light they are. */
|
|
35
43
|
export declare const GRAPHITE_GREYS: {
|
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.1792409717036",
|
|
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.1792409717036"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@testing-library/react": "^16.3.1",
|
|
@@ -52,9 +52,9 @@
|
|
|
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.
|
|
55
|
+
"@graphysdk/react": "1.9.0-beta.1792409717036",
|
|
56
56
|
"@graphytools/typescript-config": "0.0.1",
|
|
57
|
-
"@graphysdk/viz-engine": "1.9.0-beta.
|
|
57
|
+
"@graphysdk/viz-engine": "1.9.0-beta.1792409717036",
|
|
58
58
|
"@graphytools/vitest-config": "1.0.0",
|
|
59
59
|
"@graphytools/eslint-config": "0.0.1"
|
|
60
60
|
},
|