@graphysdk/react-renderer 2.0.0-beta.1786440210947 → 2.0.0-beta.1787253424098

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 CHANGED
@@ -1,24 +1,17 @@
1
1
  # @graphysdk/react-renderer
2
2
 
3
- React renderer for `@graphysdk/viz-engine`. Paints a compiled Graphy chart in the browser.
3
+ React components that paint a Graphy chart. The "Powered by Graphy" mark is off by default.
4
4
 
5
- ## Docs
6
-
7
- - [Provider and renderer](https://docs.graphy.dev/sdk-next/rendering/provider-and-renderer)
8
- - [Quickstart](https://docs.graphy.dev/sdk-next/quickstart) — recommended starting point via `@graphysdk/react`
9
-
10
- ## Recommended entry
11
-
12
- For most apps, install **`@graphysdk/react`** instead. That package re-exports this renderer and turns the provenance mark **on by default**.
13
-
14
- Use `@graphysdk/react-renderer` directly when you want the neutral layer (mark **off** by default) or are building your own opinionated wrapper.
5
+ Most apps should start with [`@graphysdk/react`](https://www.npmjs.com/package/@graphysdk/react) instead — same components, plus the chart builders, with the mark on.
15
6
 
16
7
  ## Install
17
8
 
18
9
  ```bash
19
- pnpm add @graphysdk/react-renderer @graphysdk/viz-engine
10
+ npm install @graphysdk/react-renderer @graphysdk/viz-engine
20
11
  ```
21
12
 
13
+ Requires React 19. There is no stylesheet to import.
14
+
22
15
  ## Usage
23
16
 
24
17
  ```tsx
@@ -36,7 +29,22 @@ export function Chart({ data }) {
36
29
  }
37
30
  ```
38
31
 
39
- ## Entry points
32
+ ## Docs
33
+
34
+ - [Quickstart](https://docs.graphy.dev/sdk-next/quickstart)
35
+ - [Provider and renderer](https://docs.graphy.dev/sdk-next/rendering/provider-and-renderer)
36
+
37
+ ## Editable charts
38
+
39
+ Import `EditableGraphRenderer` from `@graphysdk/react-renderer/editable`.
40
40
 
41
41
  - **`@graphysdk/react-renderer`** — read-only surface: `GraphProvider`, `GraphRenderer`, hooks, slots, theme, and types
42
42
  - **`@graphysdk/react-renderer/editable`** — editing surface: `EditableGraphRenderer`, `EditorPanel`, and related controls
43
+
44
+ ## Licence
45
+
46
+ This package is available under PolyForm Noncommercial, Small Business, or a 32-day Free Trial. Free Trial is local or internal evaluation only — it does not cover a public page. See [what you can do under the trial](https://docs.graphy.dev/licence/evaluation).
47
+
48
+ ## Support
49
+
50
+ Questions and community help: [Discord](https://discord.gg/yGmYCjkSr).
@@ -1,5 +1,5 @@
1
- import { NAMED_WEIGHTS as d } from "@graphysdk/viz-engine";
2
- import './font-values.css';var H = [
1
+ import { NAMED_WEIGHTS as l } from "@graphysdk/viz-engine";
2
+ import './dev.css';var u = [
3
3
  "canvasDefault",
4
4
  "canvasBlue",
5
5
  "canvasCyan",
@@ -11,7 +11,7 @@ import './font-values.css';var H = [
11
11
  "canvasPurple",
12
12
  "canvasGray",
13
13
  "canvasInverse"
14
- ], t = {
14
+ ], e = {
15
15
  white: "var(--graphy-white)",
16
16
  black: "var(--graphy-black)",
17
17
  transparent: "var(--graphy-transparent)",
@@ -70,30 +70,19 @@ import './font-values.css';var H = [
70
70
  trendPositiveColor: "var(--graphy-trend-positive-color)",
71
71
  trendNeutralColor: "var(--graphy-trend-neutral-color)",
72
72
  defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)",
73
- defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-stroke)",
74
73
  defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)",
75
74
  arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)",
76
75
  arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)",
77
76
  annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)",
78
77
  editMenuTriggerIconColor: "var(--graphy-edit-menu-trigger-icon-color)",
79
78
  heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)",
80
- dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)",
81
- dataLabelTextColor: "var(--graphy-data-label-text-color)",
82
- dataLabelInsideTextColor: "var(--graphy-data-label-inside-text-color)",
83
- stackTotalTextColor: "var(--graphy-stack-total-text-color)",
84
- stackTotalBackground: "var(--graphy-stack-total-background)",
85
- stackTotalStroke: "var(--graphy-stack-total-stroke)",
86
79
  gridLineWidth: "var(--graphy-grid-line-width)",
87
- gridLineDash: "var(--graphy-grid-line-dash)",
88
- gridLineDotted: "var(--graphy-grid-line-dotted)",
89
80
  tooltipBorderRadius: "var(--graphy-tooltip-border-radius)",
90
- tooltipBorderWidth: "var(--graphy-tooltip-border-width)",
91
81
  tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)",
92
82
  tooltipPaddingInline: "var(--graphy-tooltip-padding-inline)",
93
83
  tooltipRowGap: "var(--graphy-tooltip-row-gap)",
94
84
  tooltipShadow: "var(--graphy-tooltip-shadow)",
95
85
  editorControlHeight: "var(--graphy-editor-control-height)",
96
- tickLabelOffset: "var(--graphy-tick-label-offset)",
97
86
  legendItemGap: "var(--graphy-legend-item-gap)",
98
87
  legendSwatchGap: "var(--graphy-legend-swatch-gap)",
99
88
  legendSwatchWidth: "var(--graphy-legend-swatch-width)",
@@ -139,10 +128,7 @@ import './font-values.css';var H = [
139
128
  toolbarSeparatorColor: "var(--graphy-toolbar-separator-color)",
140
129
  tooltipBackground: "var(--graphy-tooltip-background)",
141
130
  tooltipBorderColor: "var(--graphy-tooltip-border-color)",
142
- tooltipHeadingTextColor: "var(--graphy-tooltip-heading-text-color)",
143
- tooltipLabelTextColor: "var(--graphy-tooltip-label-text-color)",
144
131
  tooltipValueTextColor: "var(--graphy-tooltip-value-text-color)",
145
- tooltipPrimaryRowColor: "var(--graphy-tooltip-primary-row-color)",
146
132
  hoverGuideLineColor: "var(--graphy-hover-guide-line-color)",
147
133
  hoverGuideFillColor: "var(--graphy-hover-guide-fill-color)",
148
134
  fontFamilyDefault: "var(--graphy-font-family-default)",
@@ -174,15 +160,8 @@ import './font-values.css';var H = [
174
160
  fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)",
175
161
  fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)",
176
162
  fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)",
177
- fontTickLabel: "var(--graphy-font-tick-label)",
178
- fontAxisLabel: "var(--graphy-font-axis-label)",
179
- fontDataLabel: "var(--graphy-font-data-label)",
180
- fontStackTotal: "var(--graphy-font-stack-total)",
181
- fontCategoryLabel: "var(--graphy-font-category-label)",
182
163
  fontLegendLabel: "var(--graphy-font-legend-label)",
183
164
  fontSeriesLabel: "var(--graphy-font-series-label)",
184
- fontTooltipLabel: "var(--graphy-font-tooltip-label)",
185
- fontTooltipHeading: "var(--graphy-font-tooltip-heading)",
186
165
  fontTooltipFooter: "var(--graphy-font-tooltip-footer)",
187
166
  fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)",
188
167
  fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)",
@@ -192,7 +171,6 @@ import './font-values.css';var H = [
192
171
  fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)",
193
172
  fontTrendTag: "var(--graphy-font-trend-tag)",
194
173
  fontTrendTagSmall: "var(--graphy-font-trend-tag-small)",
195
- fontGoalLineLabel: "var(--graphy-font-goal-line-label)",
196
174
  fontPieLabel: "var(--graphy-font-pie-label)",
197
175
  fontPieChartTotal: "var(--graphy-font-pie-chart-total)",
198
176
  fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)",
@@ -228,15 +206,15 @@ import './font-values.css';var H = [
228
206
  fontEditorControlValue: "var(--graphy-font-editor-control-value)",
229
207
  fontEditorSectionTitle: "var(--graphy-font-editor-section-title)",
230
208
  fontEditorCaption: "var(--graphy-font-editor-caption)"
231
- }, v = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
232
- 'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, S = v, p = {
233
- regular: d.regular,
234
- medium: d.medium,
235
- semibold: d.semiBold,
236
- bold: d.bold,
237
- extraBold: d.extraBold,
238
- black: d.black
239
- }, n = {
209
+ }, s = `var(--typography-chart-font-family, ${e.fontFamilyDefault})`, y = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
210
+ 'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, m = y, h = {
211
+ regular: l.regular,
212
+ medium: l.medium,
213
+ semibold: l.semiBold,
214
+ bold: l.bold,
215
+ extraBold: l.extraBold,
216
+ black: l.black
217
+ }, a = {
240
218
  xxs: 1,
241
219
  xs: 1.1,
242
220
  sm: 1.2,
@@ -247,7 +225,7 @@ import './font-values.css';var H = [
247
225
  headingSm: 1.8,
248
226
  headingMd: 2.2,
249
227
  headingLg: 2.8
250
- }, i = {
228
+ }, r = {
251
229
  xxs: 1,
252
230
  xs: 1,
253
231
  sm: 1.3,
@@ -258,169 +236,105 @@ import './font-values.css';var H = [
258
236
  headingSm: 1.25,
259
237
  headingMd: 1.41,
260
238
  headingLg: 1.29
261
- }, l = {
262
- fontTickLabel: {
263
- weight: "fontWeightMedium",
264
- size: "fontSizeSm",
265
- lineHeight: "fontLineHeightSm"
266
- },
267
- fontAxisLabel: {
268
- weight: "fontWeightMedium",
269
- size: "fontSizeSm",
270
- lineHeight: "fontLineHeightSm"
271
- },
272
- fontDataLabel: {
273
- weight: "fontWeightMedium",
274
- size: "fontSizeXs",
275
- lineHeight: "fontLineHeightXs"
276
- },
277
- fontStackTotal: {
278
- weight: "fontWeightSemibold",
279
- size: "fontSizeXs",
280
- lineHeight: "fontLineHeightXs"
281
- },
282
- fontCategoryLabel: {
283
- weight: "fontWeightMedium",
284
- size: "fontSizeXs",
285
- lineHeight: "fontLineHeightXs"
286
- },
287
- fontLegendLabel: {
288
- weight: "fontWeightMedium",
289
- size: "fontSizeSm",
290
- lineHeight: "fontLineHeightSm"
291
- },
292
- fontGoalLineLabel: {
293
- weight: "fontWeightMedium",
294
- size: "fontSizeXs",
295
- lineHeight: "fontLineHeightXs"
296
- }
297
- }, s = `var(--typography-chart-font-family, ${t.fontFamilyDefault})`, y = `var(--typography-chart-heading-font-family, ${t.fontFamilyHeading})`, M = (a) => a in l, T = (a, o) => {
298
- const r = l[a], h = e(o.weight?.toString() ?? t[r.weight], o.size === void 0 ? t[r.size] : `${o.size.value}${o.size.unit}`, o.lineHeight?.toString() ?? t[r.lineHeight], o.family ?? s);
299
- return o.style === void 0 || o.style === "normal" ? h : `${o.style} ${h}`;
300
- }, g = (a) => `${a}em`, x = {
239
+ }, p = { fontLegendLabel: {
240
+ weight: "fontWeightMedium",
241
+ size: "fontSizeSm",
242
+ lineHeight: "fontLineHeightSm"
243
+ } }, v = s, f = `var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`, b = (i) => i in p, L = (i, o) => {
244
+ const g = p[i], d = t(o.weight?.toString() ?? e[g.weight], o.size === void 0 ? e[g.size] : `${o.size.value}${o.size.unit}`, o.lineHeight?.toString() ?? e[g.lineHeight], o.family ?? v);
245
+ return o.style === void 0 || o.style === "normal" ? d : `${o.style} ${d}`;
246
+ }, n = (i) => `${i}em`, H = {
301
247
  textScale: "1",
302
- fontFamilyDefault: v,
303
- fontFamilyHeading: S,
304
- fontWeightRegular: p.regular.toString(),
305
- fontWeightMedium: p.medium.toString(),
306
- fontWeightSemibold: p.semibold.toString(),
307
- fontWeightBold: p.bold.toString(),
308
- fontWeightExtraBold: p.extraBold.toString(),
309
- fontWeightBlack: p.black.toString(),
310
- fontSizeXxs: g(n.xxs),
311
- fontSizeXs: g(n.xs),
312
- fontSizeSm: g(n.sm),
313
- fontSizeMd: g(n.md),
314
- fontSizeLg: g(n.lg),
315
- fontSizeXl: g(n.xl),
316
- fontLineHeightXxs: i.xxs.toString(),
317
- fontLineHeightXs: i.xs.toString(),
318
- fontLineHeightSm: i.sm.toString(),
319
- fontLineHeightMd: i.md.toString(),
320
- fontLineHeightLg: i.lg.toString(),
321
- fontLineHeightXl: i.xl.toString()
322
- }, z = {
323
- fontSizeEditorBody: g(n.editorBody),
324
- fontSizeHeadingSm: g(n.headingSm),
325
- fontSizeHeadingMd: g(n.headingMd),
326
- fontSizeHeadingLg: g(n.headingLg),
327
- fontLineHeightEditorBody: i.editorBody.toString(),
328
- fontLineHeightHeadingSm: i.headingSm.toString(),
329
- fontLineHeightHeadingMd: i.headingMd.toString(),
330
- fontLineHeightHeadingLg: i.headingLg.toString()
331
- }, e = (a, o, r, h = s) => `${a} ${o}/${r} ${h}`, f = ({ weight: a, size: o, lineHeight: r }) => e(t[a], t[o], t[r]), k = {
332
- fontTickLabel: f(l.fontTickLabel),
333
- fontAxisLabel: f(l.fontAxisLabel),
334
- fontDataLabel: f(l.fontDataLabel),
335
- fontStackTotal: f(l.fontStackTotal),
336
- fontCategoryLabel: f(l.fontCategoryLabel),
337
- fontLegendLabel: f(l.fontLegendLabel),
338
- fontSeriesLabel: e(t.fontWeightSemibold, t.fontSizeSm, t.fontLineHeightSm),
339
- fontTooltipLabel: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
340
- fontTooltipHeading: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
341
- fontTooltipFooter: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
342
- fontJumboTooltipLabel: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
343
- fontJumboTooltip: e(t.fontWeightMedium, t.fontSizeHeadingMd, t.fontLineHeightHeadingMd),
344
- fontMiniTooltipLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
345
- fontMiniTooltipFooter: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
346
- fontTooltipCaption: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
347
- fontTooltipCaptionSmall: e(t.fontWeightMedium, t.fontSizeXxs, t.fontLineHeightXxs),
348
- fontUITooltip: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
349
- fontUITooltipSecondary: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
350
- fontTrendTag: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
351
- fontTrendTagSmall: e(t.fontWeightMedium, t.fontSizeXs, t.fontLineHeightXs),
352
- fontGoalLineLabel: f(l.fontGoalLineLabel),
353
- fontPieLabel: e(t.fontWeightMedium, t.fontSizeXs, t.fontLineHeightXs),
354
- fontPieChartTotal: e(t.fontWeightBold, t.fontSizeHeadingLg, t.fontLineHeightHeadingLg),
355
- fontDifferenceArrowSmall: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
356
- fontDifferenceArrowMedium: e(t.fontWeightMedium, t.fontSizeLg, t.fontLineHeightLg),
357
- fontDifferenceArrowLarge: e(t.fontWeightSemibold, t.fontSizeXl, t.fontLineHeightXl),
358
- fontButton: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
359
- fontInput: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
360
- fontInputLabel: e(t.fontWeightMedium, t.fontSizeXxs, t.fontLineHeightXxs),
361
- fontSelectLabel: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
362
- fontSelectDescription: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
363
- fontColorSelectLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
364
- fontMenuTitle: e(t.fontWeightSemibold, t.fontSizeMd, t.fontLineHeightMd),
365
- fontMenuGroupTitle: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
366
- fontMenuItemLabel: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
367
- fontMenuItemLabelSecondary: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
368
- fontErrorBoundaryTitle: e(t.fontWeightSemibold, t.fontSizeHeadingSm, t.fontLineHeightHeadingSm),
369
- fontErrorBoundaryMessage: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
370
- fontTableCell: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
371
- fontTableHeaderCell: e(t.fontWeightSemibold, t.fontSizeSm, t.fontLineHeightSm),
372
- fontSourceLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
373
- fontSourceLink: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
374
- fontTextEditorH1: e(t.fontWeightBold, t.fontSizeHeadingLg, t.fontLineHeightHeadingLg, y),
375
- fontTextEditorH2: e(t.fontWeightBold, t.fontSizeHeadingMd, t.fontLineHeightHeadingMd, y),
376
- fontTextEditorH3: e(t.fontWeightSemibold, t.fontSizeHeadingSm, t.fontLineHeightHeadingSm, y),
377
- fontTextEditorH6: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
378
- fontTextEditorBody: e(t.fontWeightMedium, t.fontSizeEditorBody, t.fontLineHeightEditorBody),
379
- fontTextEditorLink: e(t.fontWeightRegular, t.fontSizeMd, t.fontLineHeightMd),
380
- fontHighlightModeTitle: e(t.fontWeightBold, t.fontSizeMd, t.fontLineHeightMd),
381
- fontHighlightModeSubtitle: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
382
- fontEditorControlLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
383
- fontEditorControlValue: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
384
- fontEditorSectionTitle: e(t.fontWeightSemibold, t.fontSizeSm, t.fontLineHeightSm),
385
- fontEditorCaption: e(t.fontWeightMedium, t.fontSizeXxs, t.fontLineHeightXxs)
386
- }, c = [
387
- "normal",
388
- "italic",
389
- "oblique"
390
- ], u = /^(\d*\.?\d+)(px|em)$/, m = /^\d*\.?\d+$/, b = {
391
- normal: d.normal,
392
- bold: d.bold
393
- }, W = (a) => c.includes(a), B = (a) => {
394
- const o = u.exec(a.trim());
395
- return o === null || o[1] === void 0 || o[2] === void 0 ? null : {
396
- value: Number.parseFloat(o[1]),
397
- unit: o[2] === "px" ? "px" : "em"
398
- };
399
- }, C = (a) => {
400
- const o = a.trim(), r = b[o];
401
- if (r !== void 0) return r;
402
- if (!m.test(o)) return null;
403
- const h = Number.parseFloat(o);
404
- return h >= 1 && h <= 1e3 ? h : null;
405
- }, E = (a) => {
406
- const o = a.trim();
407
- return m.test(o) ? Number.parseFloat(o) : null;
408
- };
248
+ fontFamilyDefault: y,
249
+ fontFamilyHeading: m,
250
+ fontWeightRegular: h.regular.toString(),
251
+ fontWeightMedium: h.medium.toString(),
252
+ fontWeightSemibold: h.semibold.toString(),
253
+ fontWeightBold: h.bold.toString(),
254
+ fontWeightExtraBold: h.extraBold.toString(),
255
+ fontWeightBlack: h.black.toString(),
256
+ fontSizeXxs: n(a.xxs),
257
+ fontSizeXs: n(a.xs),
258
+ fontSizeSm: n(a.sm),
259
+ fontSizeMd: n(a.md),
260
+ fontSizeLg: n(a.lg),
261
+ fontSizeXl: n(a.xl),
262
+ fontLineHeightXxs: r.xxs.toString(),
263
+ fontLineHeightXs: r.xs.toString(),
264
+ fontLineHeightSm: r.sm.toString(),
265
+ fontLineHeightMd: r.md.toString(),
266
+ fontLineHeightLg: r.lg.toString(),
267
+ fontLineHeightXl: r.xl.toString()
268
+ }, M = {
269
+ fontSizeEditorBody: n(a.editorBody),
270
+ fontSizeHeadingSm: n(a.headingSm),
271
+ fontSizeHeadingMd: n(a.headingMd),
272
+ fontSizeHeadingLg: n(a.headingLg),
273
+ fontLineHeightEditorBody: r.editorBody.toString(),
274
+ fontLineHeightHeadingSm: r.headingSm.toString(),
275
+ fontLineHeightHeadingMd: r.headingMd.toString(),
276
+ fontLineHeightHeadingLg: r.headingLg.toString()
277
+ }, t = (i, o, g, d = v) => `${i} ${o}/${g} ${d}`, S = ({ weight: i, size: o, lineHeight: g }) => t(e[i], e[o], e[g]), x = {
278
+ fontLegendLabel: S(p.fontLegendLabel),
279
+ fontSeriesLabel: t(e.fontWeightSemibold, e.fontSizeSm, e.fontLineHeightSm),
280
+ fontTooltipFooter: t(e.fontWeightRegular, e.fontSizeSm, e.fontLineHeightSm),
281
+ fontJumboTooltipLabel: t(e.fontWeightRegular, e.fontSizeSm, e.fontLineHeightSm),
282
+ fontJumboTooltip: t(e.fontWeightMedium, e.fontSizeHeadingMd, e.fontLineHeightHeadingMd),
283
+ fontMiniTooltipLabel: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
284
+ fontMiniTooltipFooter: t(e.fontWeightRegular, e.fontSizeSm, e.fontLineHeightSm),
285
+ fontTooltipCaption: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
286
+ fontTooltipCaptionSmall: t(e.fontWeightMedium, e.fontSizeXxs, e.fontLineHeightXxs),
287
+ fontUITooltip: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
288
+ fontUITooltipSecondary: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
289
+ fontTrendTag: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
290
+ fontTrendTagSmall: t(e.fontWeightMedium, e.fontSizeXs, e.fontLineHeightXs),
291
+ fontPieLabel: t(e.fontWeightMedium, e.fontSizeXs, e.fontLineHeightXs),
292
+ fontPieChartTotal: t(e.fontWeightBold, e.fontSizeHeadingLg, e.fontLineHeightHeadingLg),
293
+ fontDifferenceArrowSmall: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
294
+ fontDifferenceArrowMedium: t(e.fontWeightMedium, e.fontSizeLg, e.fontLineHeightLg),
295
+ fontDifferenceArrowLarge: t(e.fontWeightSemibold, e.fontSizeXl, e.fontLineHeightXl),
296
+ fontButton: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
297
+ fontInput: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
298
+ fontInputLabel: t(e.fontWeightMedium, e.fontSizeXxs, e.fontLineHeightXxs),
299
+ fontSelectLabel: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
300
+ fontSelectDescription: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
301
+ fontColorSelectLabel: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
302
+ fontMenuTitle: t(e.fontWeightSemibold, e.fontSizeMd, e.fontLineHeightMd),
303
+ fontMenuGroupTitle: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
304
+ fontMenuItemLabel: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
305
+ fontMenuItemLabelSecondary: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
306
+ fontErrorBoundaryTitle: t(e.fontWeightSemibold, e.fontSizeHeadingSm, e.fontLineHeightHeadingSm),
307
+ fontErrorBoundaryMessage: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
308
+ fontTableCell: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
309
+ fontTableHeaderCell: t(e.fontWeightSemibold, e.fontSizeSm, e.fontLineHeightSm),
310
+ fontSourceLabel: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
311
+ fontSourceLink: t(e.fontWeightRegular, e.fontSizeSm, e.fontLineHeightSm),
312
+ fontTextEditorH1: t(e.fontWeightBold, e.fontSizeHeadingLg, e.fontLineHeightHeadingLg, f),
313
+ fontTextEditorH2: t(e.fontWeightBold, e.fontSizeHeadingMd, e.fontLineHeightHeadingMd, f),
314
+ fontTextEditorH3: t(e.fontWeightSemibold, e.fontSizeHeadingSm, e.fontLineHeightHeadingSm, f),
315
+ fontTextEditorH6: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
316
+ fontTextEditorBody: t(e.fontWeightMedium, e.fontSizeEditorBody, e.fontLineHeightEditorBody),
317
+ fontTextEditorLink: t(e.fontWeightRegular, e.fontSizeMd, e.fontLineHeightMd),
318
+ fontHighlightModeTitle: t(e.fontWeightBold, e.fontSizeMd, e.fontLineHeightMd),
319
+ fontHighlightModeSubtitle: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
320
+ fontEditorControlLabel: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
321
+ fontEditorControlValue: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
322
+ fontEditorSectionTitle: t(e.fontWeightSemibold, e.fontSizeSm, e.fontLineHeightSm),
323
+ fontEditorCaption: t(e.fontWeightMedium, e.fontSizeXxs, e.fontLineHeightXxs)
324
+ }, z = process.env.NODE_ENV !== "production";
409
325
  export {
410
- v as a,
411
- p as c,
412
- T as d,
413
- k as f,
414
- t as g,
415
- H as h,
416
- E as i,
417
- l,
418
- z as m,
419
- B as n,
420
- i as o,
421
- M as p,
422
- C as r,
423
- n as s,
424
- W as t,
425
- x as u
326
+ h as a,
327
+ L as c,
328
+ M as d,
329
+ s as f,
330
+ a as i,
331
+ x as l,
332
+ e as m,
333
+ y as n,
334
+ p as o,
335
+ u as p,
336
+ r,
337
+ H as s,
338
+ z as t,
339
+ b as u
426
340
  };
@@ -0,0 +1,2 @@
1
+ require('./dev.css');let d=require("@graphysdk/viz-engine");var m=["canvasDefault","canvasBlue","canvasCyan","canvasGreen","canvasYellow","canvasOrange","canvasRed","canvasPink","canvasPurple","canvasGray","canvasInverse"],e={white:"var(--graphy-white)",black:"var(--graphy-black)",transparent:"var(--graphy-transparent)",grey100:"var(--graphy-grey-100)",grey95:"var(--graphy-grey-95)",grey90:"var(--graphy-grey-90)",grey85:"var(--graphy-grey-85)",grey80:"var(--graphy-grey-80)",grey75:"var(--graphy-grey-75)",grey70:"var(--graphy-grey-70)",grey60:"var(--graphy-grey-60)",grey50:"var(--graphy-grey-50)",grey0:"var(--graphy-grey-0)",greyGradient80:"var(--graphy-grey-gradient-80)",green60:"var(--graphy-green-60)",green50:"var(--graphy-green-50)",red60:"var(--graphy-red-60)",red50:"var(--graphy-red-50)",amber70:"var(--graphy-amber-70)",amber50:"var(--graphy-amber-50)",amber40:"var(--graphy-amber-40)",amber30:"var(--graphy-amber-30)",blue80:"var(--graphy-blue-80)",blue60:"var(--graphy-blue-60)",purple50:"var(--graphy-purple-50)",purple30:"var(--graphy-purple-30)",brand:"var(--graphy-brand)",success:"var(--graphy-success)",warning:"var(--graphy-warning)",alert:"var(--graphy-alert)",textPrimary:"var(--graphy-text-primary)",textSecondary:"var(--graphy-text-secondary)",textDisabled:"var(--graphy-text-disabled)",iconPrimary:"var(--graphy-icon-primary)",iconSecondary:"var(--graphy-icon-secondary)",iconStickerBackground:"var(--graphy-icon-sticker-background)",border100:"var(--graphy-border-100)",border50:"var(--graphy-border-50)",border10:"var(--graphy-border-10)",sunkenBackground:"var(--graphy-sunken-background)",defaultBackground:"var(--graphy-default-background)",raisedBackground:"var(--graphy-raised-background)",overlayBackground:"var(--graphy-overlay-background)",overlayBorderGradient:"var(--graphy-overlay-border-gradient)",graphBackground:"var(--graphy-graph-background)",gridLineColor:"var(--graphy-grid-line-color)",axisTickColor:"var(--graphy-axis-tick-color)",originLineColor:"var(--graphy-origin-line-color)",legendBackground:"var(--graphy-legend-background)",legendBorderColor:"var(--graphy-legend-border-color)",legendFocusOutlineColor:"var(--graphy-legend-focus-outline-color)",legendTextColor:"var(--graphy-legend-text-color)",dimmedSeriesLabelTextColor:"var(--graphy-dimmed-series-label-text-color)",dimmedSeriesLabelLineColor:"var(--graphy-dimmed-series-label-line-color)",trendNegativeColor:"var(--graphy-trend-negative-color)",trendPositiveColor:"var(--graphy-trend-positive-color)",trendNeutralColor:"var(--graphy-trend-neutral-color)",defaultAnnotationArrowStroke:"var(--graphy-default-annotation-arrow-stroke)",defaultAnnotationShapeFill:"var(--graphy-default-annotation-shape-fill)",arrowAnnotationStickerOutlineColor:"var(--graphy-arrow-annotation-sticker-outline-color)",arrowAnnotationStickerOutlineColorInverse:"var(--graphy-arrow-annotation-sticker-outline-color-inverse)",annotationFrameBorderColor:"var(--graphy-annotation-frame-border-color)",editMenuTriggerIconColor:"var(--graphy-edit-menu-trigger-icon-color)",heatmapEmptyTileBackground:"var(--graphy-heatmap-empty-tile-background)",gridLineWidth:"var(--graphy-grid-line-width)",tooltipBorderRadius:"var(--graphy-tooltip-border-radius)",tooltipPaddingBlock:"var(--graphy-tooltip-padding-block)",tooltipPaddingInline:"var(--graphy-tooltip-padding-inline)",tooltipRowGap:"var(--graphy-tooltip-row-gap)",tooltipShadow:"var(--graphy-tooltip-shadow)",editorControlHeight:"var(--graphy-editor-control-height)",legendItemGap:"var(--graphy-legend-item-gap)",legendSwatchGap:"var(--graphy-legend-swatch-gap)",legendSwatchWidth:"var(--graphy-legend-swatch-width)",legendSwatchHeight:"var(--graphy-legend-swatch-height)",legendPillPaddingInline:"var(--graphy-legend-pill-padding-inline)",legendPillPaddingBlock:"var(--graphy-legend-pill-padding-block)",legendPillBorderWidth:"var(--graphy-legend-pill-border-width)",headlineRowGap:"var(--graphy-headline-row-gap)",headlineItemGap:"var(--graphy-headline-item-gap)",canvasDefault:"var(--graphy-canvas-default)",canvasBlue:"var(--graphy-canvas-blue)",canvasCyan:"var(--graphy-canvas-cyan)",canvasGreen:"var(--graphy-canvas-green)",canvasYellow:"var(--graphy-canvas-yellow)",canvasOrange:"var(--graphy-canvas-orange)",canvasRed:"var(--graphy-canvas-red)",canvasPink:"var(--graphy-canvas-pink)",canvasPurple:"var(--graphy-canvas-purple)",canvasGray:"var(--graphy-canvas-gray)",canvasInverse:"var(--graphy-canvas-inverse)",elevationXs:"var(--graphy-elevation-xs)",elevationSm:"var(--graphy-elevation-sm)",elevationMd:"var(--graphy-elevation-md)",elevationLg:"var(--graphy-elevation-lg)",radiiXs:"var(--graphy-radii-xs)",radiiSm:"var(--graphy-radii-sm)",radiiMd:"var(--graphy-radii-md)",radiiLg:"var(--graphy-radii-lg)",spaceXxs:"var(--graphy-space-xxs)",spaceXs:"var(--graphy-space-xs)",spaceSm:"var(--graphy-space-sm)",spaceMd:"var(--graphy-space-md)",spaceLg:"var(--graphy-space-lg)",spaceXl:"var(--graphy-space-xl)",zIndexToolbar:"var(--graphy-z-index-toolbar)",zIndexToolbarTooltip:"var(--graphy-z-index-toolbar-tooltip)",zIndexToolbarPopover:"var(--graphy-z-index-toolbar-popover)",zIndexEditorPopover:"var(--graphy-z-index-editor-popover)",toolbarBackgroundColor:"var(--graphy-toolbar-background-color)",toolbarButtonBackgroundColor:"var(--graphy-toolbar-button-background-color)",toolbarButtonBackgroundColorHovered:"var(--graphy-toolbar-button-background-color-hovered)",toolbarButtonBackgroundColorSelected:"var(--graphy-toolbar-button-background-color-selected)",toolbarSeparatorColor:"var(--graphy-toolbar-separator-color)",tooltipBackground:"var(--graphy-tooltip-background)",tooltipBorderColor:"var(--graphy-tooltip-border-color)",tooltipValueTextColor:"var(--graphy-tooltip-value-text-color)",hoverGuideLineColor:"var(--graphy-hover-guide-line-color)",hoverGuideFillColor:"var(--graphy-hover-guide-fill-color)",fontFamilyDefault:"var(--graphy-font-family-default)",fontFamilyHeading:"var(--graphy-font-family-heading)",fontWeightRegular:"var(--graphy-font-weight-regular)",fontWeightMedium:"var(--graphy-font-weight-medium)",fontWeightSemibold:"var(--graphy-font-weight-semibold)",fontWeightBold:"var(--graphy-font-weight-bold)",fontWeightExtraBold:"var(--graphy-font-weight-extra-bold)",fontWeightBlack:"var(--graphy-font-weight-black)",textScale:"var(--graphy-text-scale)",fontSizeXxs:"var(--graphy-font-size-xxs)",fontSizeXs:"var(--graphy-font-size-xs)",fontSizeSm:"var(--graphy-font-size-sm)",fontSizeMd:"var(--graphy-font-size-md)",fontSizeLg:"var(--graphy-font-size-lg)",fontSizeXl:"var(--graphy-font-size-xl)",fontLineHeightXxs:"var(--graphy-font-line-height-xxs)",fontLineHeightXs:"var(--graphy-font-line-height-xs)",fontLineHeightSm:"var(--graphy-font-line-height-sm)",fontLineHeightMd:"var(--graphy-font-line-height-md)",fontLineHeightLg:"var(--graphy-font-line-height-lg)",fontLineHeightXl:"var(--graphy-font-line-height-xl)",fontSizeEditorBody:"var(--graphy-font-size-editor-body)",fontSizeHeadingSm:"var(--graphy-font-size-heading-sm)",fontSizeHeadingMd:"var(--graphy-font-size-heading-md)",fontSizeHeadingLg:"var(--graphy-font-size-heading-lg)",fontLineHeightEditorBody:"var(--graphy-font-line-height-editor-body)",fontLineHeightHeadingSm:"var(--graphy-font-line-height-heading-sm)",fontLineHeightHeadingMd:"var(--graphy-font-line-height-heading-md)",fontLineHeightHeadingLg:"var(--graphy-font-line-height-heading-lg)",fontLegendLabel:"var(--graphy-font-legend-label)",fontSeriesLabel:"var(--graphy-font-series-label)",fontTooltipFooter:"var(--graphy-font-tooltip-footer)",fontJumboTooltipLabel:"var(--graphy-font-jumbo-tooltip-label)",fontJumboTooltip:"var(--graphy-font-jumbo-tooltip)",fontMiniTooltipLabel:"var(--graphy-font-mini-tooltip-label)",fontMiniTooltipFooter:"var(--graphy-font-mini-tooltip-footer)",fontTooltipCaption:"var(--graphy-font-tooltip-caption)",fontTooltipCaptionSmall:"var(--graphy-font-tooltip-caption-small)",fontTrendTag:"var(--graphy-font-trend-tag)",fontTrendTagSmall:"var(--graphy-font-trend-tag-small)",fontPieLabel:"var(--graphy-font-pie-label)",fontPieChartTotal:"var(--graphy-font-pie-chart-total)",fontDifferenceArrowSmall:"var(--graphy-font-difference-arrow-small)",fontDifferenceArrowMedium:"var(--graphy-font-difference-arrow-medium)",fontDifferenceArrowLarge:"var(--graphy-font-difference-arrow-large)",fontButton:"var(--graphy-font-button)",fontInput:"var(--graphy-font-input)",fontInputLabel:"var(--graphy-font-input-label)",fontSelectLabel:"var(--graphy-font-select-label)",fontSelectDescription:"var(--graphy-font-select-description)",fontColorSelectLabel:"var(--graphy-font-color-select-label)",fontMenuTitle:"var(--graphy-font-menu-title)",fontMenuGroupTitle:"var(--graphy-font-menu-group-title)",fontMenuItemLabel:"var(--graphy-font-menu-item-label)",fontMenuItemLabelSecondary:"var(--graphy-font-menu-item-label-secondary)",fontUITooltip:"var(--graphy-font-uitooltip)",fontUITooltipSecondary:"var(--graphy-font-uitooltip-secondary)",fontErrorBoundaryTitle:"var(--graphy-font-error-boundary-title)",fontErrorBoundaryMessage:"var(--graphy-font-error-boundary-message)",fontTableCell:"var(--graphy-font-table-cell)",fontTableHeaderCell:"var(--graphy-font-table-header-cell)",fontSourceLabel:"var(--graphy-font-source-label)",fontSourceLink:"var(--graphy-font-source-link)",fontTextEditorH1:"var(--graphy-font-text-editor-h1)",fontTextEditorH2:"var(--graphy-font-text-editor-h2)",fontTextEditorH3:"var(--graphy-font-text-editor-h3)",fontTextEditorH6:"var(--graphy-font-text-editor-h6)",fontTextEditorBody:"var(--graphy-font-text-editor-body)",fontTextEditorLink:"var(--graphy-font-text-editor-link)",fontHighlightModeTitle:"var(--graphy-font-highlight-mode-title)",fontHighlightModeSubtitle:"var(--graphy-font-highlight-mode-subtitle)",fontEditorControlLabel:"var(--graphy-font-editor-control-label)",fontEditorControlValue:"var(--graphy-font-editor-control-value)",fontEditorSectionTitle:"var(--graphy-font-editor-section-title)",fontEditorCaption:"var(--graphy-font-editor-caption)"},v=`var(--typography-chart-font-family, ${e.fontFamilyDefault})`,y=`'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
2
+ 'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`,c=y,l={regular:d.NAMED_WEIGHTS.regular,medium:d.NAMED_WEIGHTS.medium,semibold:d.NAMED_WEIGHTS.semiBold,bold:d.NAMED_WEIGHTS.bold,extraBold:d.NAMED_WEIGHTS.extraBold,black:d.NAMED_WEIGHTS.black},r={xxs:1,xs:1.1,sm:1.2,md:1.4,lg:1.6,xl:2,editorBody:1.5,headingSm:1.8,headingMd:2.2,headingLg:2.8},n={xxs:1,xs:1,sm:1.3,md:1.43,lg:1,xl:1,editorBody:1.47,headingSm:1.25,headingMd:1.41,headingLg:1.29},f={fontLegendLabel:{weight:"fontWeightMedium",size:"fontSizeSm",lineHeight:"fontLineHeightSm"}},u=v,p=`var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`,S=i=>i in f,s=(i,o)=>{const g=f[i],h=t(o.weight?.toString()??e[g.weight],o.size===void 0?e[g.size]:`${o.size.value}${o.size.unit}`,o.lineHeight?.toString()??e[g.lineHeight],o.family??u);return o.style===void 0||o.style==="normal"?h:`${o.style} ${h}`},a=i=>`${i}em`,b={textScale:"1",fontFamilyDefault:y,fontFamilyHeading:c,fontWeightRegular:l.regular.toString(),fontWeightMedium:l.medium.toString(),fontWeightSemibold:l.semibold.toString(),fontWeightBold:l.bold.toString(),fontWeightExtraBold:l.extraBold.toString(),fontWeightBlack:l.black.toString(),fontSizeXxs:a(r.xxs),fontSizeXs:a(r.xs),fontSizeSm:a(r.sm),fontSizeMd:a(r.md),fontSizeLg:a(r.lg),fontSizeXl:a(r.xl),fontLineHeightXxs:n.xxs.toString(),fontLineHeightXs:n.xs.toString(),fontLineHeightSm:n.sm.toString(),fontLineHeightMd:n.md.toString(),fontLineHeightLg:n.lg.toString(),fontLineHeightXl:n.xl.toString()},L={fontSizeEditorBody:a(r.editorBody),fontSizeHeadingSm:a(r.headingSm),fontSizeHeadingMd:a(r.headingMd),fontSizeHeadingLg:a(r.headingLg),fontLineHeightEditorBody:n.editorBody.toString(),fontLineHeightHeadingSm:n.headingSm.toString(),fontLineHeightHeadingMd:n.headingMd.toString(),fontLineHeightHeadingLg:n.headingLg.toString()},t=(i,o,g,h=u)=>`${i} ${o}/${g} ${h}`,H=({weight:i,size:o,lineHeight:g})=>t(e[i],e[o],e[g]),M={fontLegendLabel:H(f.fontLegendLabel),fontSeriesLabel:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontTooltipFooter:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontJumboTooltipLabel:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontJumboTooltip:t(e.fontWeightMedium,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd),fontMiniTooltipLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMiniTooltipFooter:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontTooltipCaption:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTooltipCaptionSmall:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs),fontUITooltip:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontUITooltipSecondary:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTrendTag:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTrendTagSmall:t(e.fontWeightMedium,e.fontSizeXs,e.fontLineHeightXs),fontPieLabel:t(e.fontWeightMedium,e.fontSizeXs,e.fontLineHeightXs),fontPieChartTotal:t(e.fontWeightBold,e.fontSizeHeadingLg,e.fontLineHeightHeadingLg),fontDifferenceArrowSmall:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontDifferenceArrowMedium:t(e.fontWeightMedium,e.fontSizeLg,e.fontLineHeightLg),fontDifferenceArrowLarge:t(e.fontWeightSemibold,e.fontSizeXl,e.fontLineHeightXl),fontButton:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontInput:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontInputLabel:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs),fontSelectLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontSelectDescription:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontColorSelectLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMenuTitle:t(e.fontWeightSemibold,e.fontSizeMd,e.fontLineHeightMd),fontMenuGroupTitle:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontMenuItemLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontMenuItemLabelSecondary:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontErrorBoundaryTitle:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm),fontErrorBoundaryMessage:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTableCell:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTableHeaderCell:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontSourceLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontSourceLink:t(e.fontWeightRegular,e.fontSizeSm,e.fontLineHeightSm),fontTextEditorH1:t(e.fontWeightBold,e.fontSizeHeadingLg,e.fontLineHeightHeadingLg,p),fontTextEditorH2:t(e.fontWeightBold,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd,p),fontTextEditorH3:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm,p),fontTextEditorH6:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontTextEditorBody:t(e.fontWeightMedium,e.fontSizeEditorBody,e.fontLineHeightEditorBody),fontTextEditorLink:t(e.fontWeightRegular,e.fontSizeMd,e.fontLineHeightMd),fontHighlightModeTitle:t(e.fontWeightBold,e.fontSizeMd,e.fontLineHeightMd),fontHighlightModeSubtitle:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorControlLabel:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorControlValue:t(e.fontWeightMedium,e.fontSizeSm,e.fontLineHeightSm),fontEditorSectionTitle:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontEditorCaption:t(e.fontWeightMedium,e.fontSizeXxs,e.fontLineHeightXxs)},T=process.env.NODE_ENV!=="production";Object.defineProperty(exports,"CANVAS_COLOR_KEYS",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"CHART_FONT_FAMILY",{enumerable:!0,get:function(){return v}});Object.defineProperty(exports,"DEFAULT_FONT_FAMILY",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"FONT_LINE_HEIGHT",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"FONT_SIZE_EM",{enumerable:!0,get:function(){return r}});Object.defineProperty(exports,"FONT_WEIGHT",{enumerable:!0,get:function(){return l}});Object.defineProperty(exports,"IS_DEV",{enumerable:!0,get:function(){return T}});Object.defineProperty(exports,"MEASURED_ELEMENT_FONT_DEFINITIONS",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"baseTypographyTokens",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"buildFontShorthand",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"elementTypographyTokens",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"isMeasuredFontTokenKey",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"semanticTypographyTokens",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return e}});