@graphysdk/react-renderer 1.8.1-beta.1787150640613 → 2.0.0-beta.1786389736654

package/dist/{dev.utils-CrfRPKW8.js → font-values-CPxYeqns.js}

@@ -1,5 +1,5 @@
-import { NAMED_WEIGHTS as l } from "@graphysdk/viz-engine";
-import './dev.css';var u = [
+import { NAMED_WEIGHTS as d } from "@graphysdk/viz-engine";
+import './font-values.css';var H = [
   "canvasDefault",
   "canvasBlue",
   "canvasCyan",
@@ -11,7 +11,7 @@ import './dev.css';var u = [
   "canvasPurple",
   "canvasGray",
   "canvasInverse"
-], e = {
+], t = {
   white: "var(--graphy-white)",
   black: "var(--graphy-black)",
   transparent: "var(--graphy-transparent)",
@@ -70,13 +70,22 @@ import './dev.css';var u = [
   trendPositiveColor: "var(--graphy-trend-positive-color)",
   trendNeutralColor: "var(--graphy-trend-neutral-color)",
   defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)",
+  defaultAnnotationShapeStroke: "var(--graphy-default-annotation-shape-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)",
+  dataLabelOutsideBackground: "var(--graphy-data-label-outside-background)",
+  dataLabelTextColor: "var(--graphy-data-label-text-color)",
+  dataLabelInsideTextColor: "var(--graphy-data-label-inside-text-color)",
+  stackTotalTextColor: "var(--graphy-stack-total-text-color)",
+  stackTotalBackground: "var(--graphy-stack-total-background)",
+  stackTotalStroke: "var(--graphy-stack-total-stroke)",
   gridLineWidth: "var(--graphy-grid-line-width)",
+  gridLineDash: "var(--graphy-grid-line-dash)",
+  gridLineDotted: "var(--graphy-grid-line-dotted)",
   tooltipBorderRadius: "var(--graphy-tooltip-border-radius)",
   tooltipBorderWidth: "var(--graphy-tooltip-border-width)",
   tooltipPaddingBlock: "var(--graphy-tooltip-padding-block)",
@@ -84,6 +93,7 @@ import './dev.css';var u = [
   tooltipRowGap: "var(--graphy-tooltip-row-gap)",
   tooltipShadow: "var(--graphy-tooltip-shadow)",
   editorControlHeight: "var(--graphy-editor-control-height)",
+  tickLabelOffset: "var(--graphy-tick-label-offset)",
   legendItemGap: "var(--graphy-legend-item-gap)",
   legendSwatchGap: "var(--graphy-legend-swatch-gap)",
   legendSwatchWidth: "var(--graphy-legend-swatch-width)",
@@ -164,6 +174,11 @@ import './dev.css';var u = [
   fontLineHeightHeadingSm: "var(--graphy-font-line-height-heading-sm)",
   fontLineHeightHeadingMd: "var(--graphy-font-line-height-heading-md)",
   fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)",
+  fontTickLabel: "var(--graphy-font-tick-label)",
+  fontAxisLabel: "var(--graphy-font-axis-label)",
+  fontDataLabel: "var(--graphy-font-data-label)",
+  fontStackTotal: "var(--graphy-font-stack-total)",
+  fontCategoryLabel: "var(--graphy-font-category-label)",
   fontLegendLabel: "var(--graphy-font-legend-label)",
   fontSeriesLabel: "var(--graphy-font-series-label)",
   fontTooltipLabel: "var(--graphy-font-tooltip-label)",
@@ -177,6 +192,7 @@ import './dev.css';var u = [
   fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)",
   fontTrendTag: "var(--graphy-font-trend-tag)",
   fontTrendTagSmall: "var(--graphy-font-trend-tag-small)",
+  fontGoalLineLabel: "var(--graphy-font-goal-line-label)",
   fontPieLabel: "var(--graphy-font-pie-label)",
   fontPieChartTotal: "var(--graphy-font-pie-chart-total)",
   fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)",
@@ -212,15 +228,15 @@ import './dev.css';var u = [
   fontEditorControlValue: "var(--graphy-font-editor-control-value)",
   fontEditorSectionTitle: "var(--graphy-font-editor-section-title)",
   fontEditorCaption: "var(--graphy-font-editor-caption)"
-}, m = `var(--typography-chart-font-family, ${e.fontFamilyDefault})`, y = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
-'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, s = y, h = {
-  regular: l.regular,
-  medium: l.medium,
-  semibold: l.semiBold,
-  bold: l.bold,
-  extraBold: l.extraBold,
-  black: l.black
-}, a = {
+}, v = `'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, S = v, p = {
+  regular: d.regular,
+  medium: d.medium,
+  semibold: d.semiBold,
+  bold: d.bold,
+  extraBold: d.extraBold,
+  black: d.black
+}, n = {
   xxs: 1,
   xs: 1.1,
   sm: 1.2,
@@ -231,7 +247,7 @@ import './dev.css';var u = [
   headingSm: 1.8,
   headingMd: 2.2,
   headingLg: 2.8
-}, r = {
+}, i = {
   xxs: 1,
   xs: 1,
   sm: 1.3,
@@ -242,107 +258,169 @@ import './dev.css';var u = [
   headingSm: 1.25,
   headingMd: 1.41,
   headingLg: 1.29
-}, p = { fontLegendLabel: {
-  weight: "fontWeightMedium",
-  size: "fontSizeSm",
-  lineHeight: "fontLineHeightSm"
-} }, v = m, f = `var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`, b = (i) => i in p, L = (i, o) => {
-  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);
-  return o.style === void 0 || o.style === "normal" ? d : `${o.style} ${d}`;
-}, n = (i) => `${i}em`, H = {
+}, l = {
+  fontTickLabel: {
+    weight: "fontWeightMedium",
+    size: "fontSizeSm",
+    lineHeight: "fontLineHeightSm"
+  },
+  fontAxisLabel: {
+    weight: "fontWeightMedium",
+    size: "fontSizeSm",
+    lineHeight: "fontLineHeightSm"
+  },
+  fontDataLabel: {
+    weight: "fontWeightMedium",
+    size: "fontSizeXs",
+    lineHeight: "fontLineHeightXs"
+  },
+  fontStackTotal: {
+    weight: "fontWeightSemibold",
+    size: "fontSizeXs",
+    lineHeight: "fontLineHeightXs"
+  },
+  fontCategoryLabel: {
+    weight: "fontWeightMedium",
+    size: "fontSizeXs",
+    lineHeight: "fontLineHeightXs"
+  },
+  fontLegendLabel: {
+    weight: "fontWeightMedium",
+    size: "fontSizeSm",
+    lineHeight: "fontLineHeightSm"
+  },
+  fontGoalLineLabel: {
+    weight: "fontWeightMedium",
+    size: "fontSizeXs",
+    lineHeight: "fontLineHeightXs"
+  }
+}, 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) => {
+  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);
+  return o.style === void 0 || o.style === "normal" ? h : `${o.style} ${h}`;
+}, g = (a) => `${a}em`, x = {
   textScale: "1",
-  fontFamilyDefault: y,
-  fontFamilyHeading: s,
-  fontWeightRegular: h.regular.toString(),
-  fontWeightMedium: h.medium.toString(),
-  fontWeightSemibold: h.semibold.toString(),
-  fontWeightBold: h.bold.toString(),
-  fontWeightExtraBold: h.extraBold.toString(),
-  fontWeightBlack: h.black.toString(),
-  fontSizeXxs: n(a.xxs),
-  fontSizeXs: n(a.xs),
-  fontSizeSm: n(a.sm),
-  fontSizeMd: n(a.md),
-  fontSizeLg: n(a.lg),
-  fontSizeXl: n(a.xl),
-  fontLineHeightXxs: r.xxs.toString(),
-  fontLineHeightXs: r.xs.toString(),
-  fontLineHeightSm: r.sm.toString(),
-  fontLineHeightMd: r.md.toString(),
-  fontLineHeightLg: r.lg.toString(),
-  fontLineHeightXl: r.xl.toString()
-}, M = {
-  fontSizeEditorBody: n(a.editorBody),
-  fontSizeHeadingSm: n(a.headingSm),
-  fontSizeHeadingMd: n(a.headingMd),
-  fontSizeHeadingLg: n(a.headingLg),
-  fontLineHeightEditorBody: r.editorBody.toString(),
-  fontLineHeightHeadingSm: r.headingSm.toString(),
-  fontLineHeightHeadingMd: r.headingMd.toString(),
-  fontLineHeightHeadingLg: r.headingLg.toString()
-}, 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 = {
-  fontLegendLabel: S(p.fontLegendLabel),
-  fontSeriesLabel: t(e.fontWeightSemibold, e.fontSizeSm, e.fontLineHeightSm),
-  fontTooltipLabel: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
-  fontTooltipHeading: t(e.fontWeightMedium, 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, f),
-  fontTextEditorH2: t(e.fontWeightBold, e.fontSizeHeadingMd, e.fontLineHeightHeadingMd, f),
-  fontTextEditorH3: t(e.fontWeightSemibold, e.fontSizeHeadingSm, e.fontLineHeightHeadingSm, f),
-  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)
-}, z = process.env.NODE_ENV !== "production";
+  fontFamilyDefault: v,
+  fontFamilyHeading: S,
+  fontWeightRegular: p.regular.toString(),
+  fontWeightMedium: p.medium.toString(),
+  fontWeightSemibold: p.semibold.toString(),
+  fontWeightBold: p.bold.toString(),
+  fontWeightExtraBold: p.extraBold.toString(),
+  fontWeightBlack: p.black.toString(),
+  fontSizeXxs: g(n.xxs),
+  fontSizeXs: g(n.xs),
+  fontSizeSm: g(n.sm),
+  fontSizeMd: g(n.md),
+  fontSizeLg: g(n.lg),
+  fontSizeXl: g(n.xl),
+  fontLineHeightXxs: i.xxs.toString(),
+  fontLineHeightXs: i.xs.toString(),
+  fontLineHeightSm: i.sm.toString(),
+  fontLineHeightMd: i.md.toString(),
+  fontLineHeightLg: i.lg.toString(),
+  fontLineHeightXl: i.xl.toString()
+}, z = {
+  fontSizeEditorBody: g(n.editorBody),
+  fontSizeHeadingSm: g(n.headingSm),
+  fontSizeHeadingMd: g(n.headingMd),
+  fontSizeHeadingLg: g(n.headingLg),
+  fontLineHeightEditorBody: i.editorBody.toString(),
+  fontLineHeightHeadingSm: i.headingSm.toString(),
+  fontLineHeightHeadingMd: i.headingMd.toString(),
+  fontLineHeightHeadingLg: i.headingLg.toString()
+}, 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 = {
+  fontTickLabel: f(l.fontTickLabel),
+  fontAxisLabel: f(l.fontAxisLabel),
+  fontDataLabel: f(l.fontDataLabel),
+  fontStackTotal: f(l.fontStackTotal),
+  fontCategoryLabel: f(l.fontCategoryLabel),
+  fontLegendLabel: f(l.fontLegendLabel),
+  fontSeriesLabel: e(t.fontWeightSemibold, t.fontSizeSm, t.fontLineHeightSm),
+  fontTooltipLabel: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontTooltipHeading: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontTooltipFooter: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
+  fontJumboTooltipLabel: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
+  fontJumboTooltip: e(t.fontWeightMedium, t.fontSizeHeadingMd, t.fontLineHeightHeadingMd),
+  fontMiniTooltipLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontMiniTooltipFooter: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
+  fontTooltipCaption: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontTooltipCaptionSmall: e(t.fontWeightMedium, t.fontSizeXxs, t.fontLineHeightXxs),
+  fontUITooltip: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontUITooltipSecondary: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontTrendTag: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontTrendTagSmall: e(t.fontWeightMedium, t.fontSizeXs, t.fontLineHeightXs),
+  fontGoalLineLabel: f(l.fontGoalLineLabel),
+  fontPieLabel: e(t.fontWeightMedium, t.fontSizeXs, t.fontLineHeightXs),
+  fontPieChartTotal: e(t.fontWeightBold, t.fontSizeHeadingLg, t.fontLineHeightHeadingLg),
+  fontDifferenceArrowSmall: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontDifferenceArrowMedium: e(t.fontWeightMedium, t.fontSizeLg, t.fontLineHeightLg),
+  fontDifferenceArrowLarge: e(t.fontWeightSemibold, t.fontSizeXl, t.fontLineHeightXl),
+  fontButton: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontInput: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontInputLabel: e(t.fontWeightMedium, t.fontSizeXxs, t.fontLineHeightXxs),
+  fontSelectLabel: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontSelectDescription: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontColorSelectLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontMenuTitle: e(t.fontWeightSemibold, t.fontSizeMd, t.fontLineHeightMd),
+  fontMenuGroupTitle: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontMenuItemLabel: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontMenuItemLabelSecondary: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontErrorBoundaryTitle: e(t.fontWeightSemibold, t.fontSizeHeadingSm, t.fontLineHeightHeadingSm),
+  fontErrorBoundaryMessage: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontTableCell: e(t.fontWeightMedium, t.fontSizeMd, t.fontLineHeightMd),
+  fontTableHeaderCell: e(t.fontWeightSemibold, t.fontSizeSm, t.fontLineHeightSm),
+  fontSourceLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontSourceLink: e(t.fontWeightRegular, t.fontSizeSm, t.fontLineHeightSm),
+  fontTextEditorH1: e(t.fontWeightBold, t.fontSizeHeadingLg, t.fontLineHeightHeadingLg, y),
+  fontTextEditorH2: e(t.fontWeightBold, t.fontSizeHeadingMd, t.fontLineHeightHeadingMd, y),
+  fontTextEditorH3: e(t.fontWeightSemibold, t.fontSizeHeadingSm, t.fontLineHeightHeadingSm, y),
+  fontTextEditorH6: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontTextEditorBody: e(t.fontWeightMedium, t.fontSizeEditorBody, t.fontLineHeightEditorBody),
+  fontTextEditorLink: e(t.fontWeightRegular, t.fontSizeMd, t.fontLineHeightMd),
+  fontHighlightModeTitle: e(t.fontWeightBold, t.fontSizeMd, t.fontLineHeightMd),
+  fontHighlightModeSubtitle: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontEditorControlLabel: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontEditorControlValue: e(t.fontWeightMedium, t.fontSizeSm, t.fontLineHeightSm),
+  fontEditorSectionTitle: e(t.fontWeightSemibold, t.fontSizeSm, t.fontLineHeightSm),
+  fontEditorCaption: e(t.fontWeightMedium, t.fontSizeXxs, t.fontLineHeightXxs)
+}, c = [
+  "normal",
+  "italic",
+  "oblique"
+], u = /^(\d*\.?\d+)(px|em)$/, m = /^\d*\.?\d+$/, b = {
+  normal: d.normal,
+  bold: d.bold
+}, W = (a) => c.includes(a), B = (a) => {
+  const o = u.exec(a.trim());
+  return o === null || o[1] === void 0 || o[2] === void 0 ? null : {
+    value: Number.parseFloat(o[1]),
+    unit: o[2] === "px" ? "px" : "em"
+  };
+}, C = (a) => {
+  const o = a.trim(), r = b[o];
+  if (r !== void 0) return r;
+  if (!m.test(o)) return null;
+  const h = Number.parseFloat(o);
+  return h >= 1 && h <= 1e3 ? h : null;
+}, E = (a) => {
+  const o = a.trim();
+  return m.test(o) ? Number.parseFloat(o) : null;
+};
 export {
-  h as a,
-  L as c,
-  M as d,
-  m as f,
-  a as i,
-  x as l,
-  e as m,
-  y as n,
-  p as o,
-  u as p,
-  r,
-  H as s,
-  z as t,
-  b as u
+  v as a,
+  p as c,
+  T as d,
+  k as f,
+  t as g,
+  H as h,
+  E as i,
+  l,
+  z as m,
+  B as n,
+  i as o,
+  M as p,
+  C as r,
+  n as s,
+  W as t,
+  x as u
 };

package/dist/font-values-CStAZ2d1.cjs

@@ -0,0 +1,2 @@
+require('./font-values.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)",defaultAnnotationShapeStroke:"var(--graphy-default-annotation-shape-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)",dataLabelOutsideBackground:"var(--graphy-data-label-outside-background)",dataLabelTextColor:"var(--graphy-data-label-text-color)",dataLabelInsideTextColor:"var(--graphy-data-label-inside-text-color)",stackTotalTextColor:"var(--graphy-stack-total-text-color)",stackTotalBackground:"var(--graphy-stack-total-background)",stackTotalStroke:"var(--graphy-stack-total-stroke)",gridLineWidth:"var(--graphy-grid-line-width)",gridLineDash:"var(--graphy-grid-line-dash)",gridLineDotted:"var(--graphy-grid-line-dotted)",tooltipBorderRadius:"var(--graphy-tooltip-border-radius)",tooltipBorderWidth:"var(--graphy-tooltip-border-width)",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)",tickLabelOffset:"var(--graphy-tick-label-offset)",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)",tooltipHeadingTextColor:"var(--graphy-tooltip-heading-text-color)",tooltipLabelTextColor:"var(--graphy-tooltip-label-text-color)",tooltipValueTextColor:"var(--graphy-tooltip-value-text-color)",tooltipPrimaryRowColor:"var(--graphy-tooltip-primary-row-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)",fontTickLabel:"var(--graphy-font-tick-label)",fontAxisLabel:"var(--graphy-font-axis-label)",fontDataLabel:"var(--graphy-font-data-label)",fontStackTotal:"var(--graphy-font-stack-total)",fontCategoryLabel:"var(--graphy-font-category-label)",fontLegendLabel:"var(--graphy-font-legend-label)",fontSeriesLabel:"var(--graphy-font-series-label)",fontTooltipLabel:"var(--graphy-font-tooltip-label)",fontTooltipHeading:"var(--graphy-font-tooltip-heading)",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)",fontGoalLineLabel:"var(--graphy-font-goal-line-label)",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=`'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu',
+'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`,c=v,p={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},a={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},g={fontTickLabel:{weight:"fontWeightMedium",size:"fontSizeSm",lineHeight:"fontLineHeightSm"},fontAxisLabel:{weight:"fontWeightMedium",size:"fontSizeSm",lineHeight:"fontLineHeightSm"},fontDataLabel:{weight:"fontWeightMedium",size:"fontSizeXs",lineHeight:"fontLineHeightXs"},fontStackTotal:{weight:"fontWeightSemibold",size:"fontSizeXs",lineHeight:"fontLineHeightXs"},fontCategoryLabel:{weight:"fontWeightMedium",size:"fontSizeXs",lineHeight:"fontLineHeightXs"},fontLegendLabel:{weight:"fontWeightMedium",size:"fontSizeSm",lineHeight:"fontLineHeightSm"},fontGoalLineLabel:{weight:"fontWeightMedium",size:"fontSizeXs",lineHeight:"fontLineHeightXs"}},u=`var(--typography-chart-font-family, ${e.fontFamilyDefault})`,y=`var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`,S=r=>r in g,b=(r,o)=>{const i=g[r],f=t(o.weight?.toString()??e[i.weight],o.size===void 0?e[i.size]:`${o.size.value}${o.size.unit}`,o.lineHeight?.toString()??e[i.lineHeight],o.family??u);return o.style===void 0||o.style==="normal"?f:`${o.style} ${f}`},l=r=>`${r}em`,L={textScale:"1",fontFamilyDefault:v,fontFamilyHeading:c,fontWeightRegular:p.regular.toString(),fontWeightMedium:p.medium.toString(),fontWeightSemibold:p.semibold.toString(),fontWeightBold:p.bold.toString(),fontWeightExtraBold:p.extraBold.toString(),fontWeightBlack:p.black.toString(),fontSizeXxs:l(a.xxs),fontSizeXs:l(a.xs),fontSizeSm:l(a.sm),fontSizeMd:l(a.md),fontSizeLg:l(a.lg),fontSizeXl:l(a.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()},H={fontSizeEditorBody:l(a.editorBody),fontSizeHeadingSm:l(a.headingSm),fontSizeHeadingMd:l(a.headingMd),fontSizeHeadingLg:l(a.headingLg),fontLineHeightEditorBody:n.editorBody.toString(),fontLineHeightHeadingSm:n.headingSm.toString(),fontLineHeightHeadingMd:n.headingMd.toString(),fontLineHeightHeadingLg:n.headingLg.toString()},t=(r,o,i,f=u)=>`${r} ${o}/${i} ${f}`,h=({weight:r,size:o,lineHeight:i})=>t(e[r],e[o],e[i]),T={fontTickLabel:h(g.fontTickLabel),fontAxisLabel:h(g.fontAxisLabel),fontDataLabel:h(g.fontDataLabel),fontStackTotal:h(g.fontStackTotal),fontCategoryLabel:h(g.fontCategoryLabel),fontLegendLabel:h(g.fontLegendLabel),fontSeriesLabel:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),fontTooltipLabel:t(e.fontWeightMedium,e.fontSizeMd,e.fontLineHeightMd),fontTooltipHeading:t(e.fontWeightMedium,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),fontGoalLineLabel:h(g.fontGoalLineLabel),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,y),fontTextEditorH2:t(e.fontWeightBold,e.fontSizeHeadingMd,e.fontLineHeightHeadingMd,y),fontTextEditorH3:t(e.fontWeightSemibold,e.fontSizeHeadingSm,e.fontLineHeightHeadingSm,y),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)},M=["normal","italic","oblique"],x=/^(\d*\.?\d+)(px|em)$/,s=/^\d*\.?\d+$/,z={normal:d.NAMED_WEIGHTS.normal,bold:d.NAMED_WEIGHTS.bold},k=r=>M.includes(r),E=r=>{const o=x.exec(r.trim());return o===null||o[1]===void 0||o[2]===void 0?null:{value:Number.parseFloat(o[1]),unit:o[2]==="px"?"px":"em"}},W=r=>{const o=r.trim(),i=z[o];if(i!==void 0)return i;if(!s.test(o))return null;const f=Number.parseFloat(o);return f>=1&&f<=1e3?f:null},B=r=>{const o=r.trim();return s.test(o)?Number.parseFloat(o):null};Object.defineProperty(exports,"CANVAS_COLOR_KEYS",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"DEFAULT_FONT_FAMILY",{enumerable:!0,get:function(){return v}});Object.defineProperty(exports,"FONT_LINE_HEIGHT",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"FONT_SIZE_EM",{enumerable:!0,get:function(){return a}});Object.defineProperty(exports,"FONT_WEIGHT",{enumerable:!0,get:function(){return p}});Object.defineProperty(exports,"MEASURED_ELEMENT_FONT_DEFINITIONS",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"baseTypographyTokens",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"buildFontShorthand",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"elementTypographyTokens",{enumerable:!0,get:function(){return T}});Object.defineProperty(exports,"isFontStyle",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"isMeasuredFontTokenKey",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"parseFontLength",{enumerable:!0,get:function(){return E}});Object.defineProperty(exports,"parseFontWeight",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"parseUnitlessLineHeight",{enumerable:!0,get:function(){return B}});Object.defineProperty(exports,"semanticTypographyTokens",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return e}});

package/dist/graph-config.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./dev.utils-C5lJv1aB.cjs");let s=require("@graphysdk/viz-engine/graph-config");var v=(e,n)=>{const r=e.appearance?.textStyle;return{...f(e.themeOverrides),...n&&r?l(r,n):void 0}},l=(e,n)=>{const r=i=>i===void 0?void 0:n.find(d=>d.id===i)?.fontFamily,o=r(e.body?.fontId),t=r(e.heading?.fontId);return{...o?{fontFamilyDefault:o}:void 0,...t?{fontFamilyHeading:t}:void 0}},f=e=>{if(e===void 0)return;const n={};for(const[r,o]of Object.entries(e))if(a.isMeasuredFontTokenKey(r)&&typeof o=="string"){const t=(0,s.parseFontShorthand)(o);if(t===null){c(r,o);continue}n[r]=t}else n[r]=o;return n},c=(e,n)=>{a.IS_DEV&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${e}": "${n}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./font-values-CStAZ2d1.cjs");var h=(r,e)=>{const n=r.appearance?.textStyle;return{...m(r.themeOverrides),...e&&n?g(n,e):void 0}},p=r=>{const e=r.trim().replace(/\s*\/\s*/g,"/").split(/\s+/);let n="normal",o=400,t=0;for(;t<e.length;){const l=e[t];if(l===void 0)return null;if(l==="normal")t++;else if(s.isFontStyle(l))n=l,t++;else{const v=s.parseFontWeight(l);if(v===null)break;o=v,t++}}const i=e[t];if(i===void 0)return null;const[a="",d]=i.split("/"),u=s.parseFontLength(a);if(u===null)return null;const c=d===void 0?null:s.parseUnitlessLineHeight(d),f=e.slice(t+1).join(" ").trim();return f===""?null:{style:n,weight:o,size:u,family:f,...c!==null?{lineHeight:c}:{}}},g=(r,e)=>{const n=i=>i===void 0?void 0:e.find(a=>a.id===i)?.fontFamily,o=n(r.body?.fontId),t=n(r.heading?.fontId);return{...o?{fontFamilyDefault:o}:void 0,...t?{fontFamilyHeading:t}:void 0}},m=r=>{if(r===void 0)return;const e={};for(const[n,o]of Object.entries(r))if(s.isMeasuredFontTokenKey(n)&&typeof o=="string"){const t=p(o);if(t===null){y(n,o);continue}e[n]=t}else e[n]=o;return e},y=(r,e)=>{process.env.NODE_ENV!=="production"&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${r}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=h;

package/dist/graph-config.d.ts

@@ -1,5 +1,3 @@
-import { FontLength } from '@graphysdk/viz-engine/graph-config';
-import { FontStyle } from '@graphysdk/viz-engine/graph-config';
 import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
 
 /**
@@ -12,12 +10,26 @@ import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
  */
 export declare const convertGraphConfigTheme: (config: GraphConfig, fontList?: FontListInput) => ThemeOverrides;
 
+declare const FONT_STYLES: readonly ["normal", "italic", "oblique"];
+
+/**
+ * A CSS length keeping its unit so measurement can treat it like CSS paint does: em scales with
+ * `textScale` (see `emToPx`), px stays absolute.
+ */
+declare interface FontLength {
+    value: number;
+    unit: 'px' | 'em';
+}
+
 /** Host font catalog mapping each font id a `GraphConfig` may reference to a CSS `font-family` string. */
 export declare type FontListInput = Array<{
     id: string;
     fontFamily: string;
 }>;
 
+/** A CSS `font-style` keyword accepted by a measured font token override. */
+declare type FontStyle = (typeof FONT_STYLES)[number];
+
 /**
  * A structured override of a measured font token. Omitted fields keep the token's default (which
  * still cascades from the leaf tokens, e.g. `fontSizeXs`), so `{ weight: 600 }` changes only the
@@ -37,7 +49,7 @@ declare interface FontTokenOverride {
  * ({@link FontTokenOverride}); the CSS variable's shorthand is serialized from the same object
  * measurement reads, so paint and layout move together.
  */
-declare type MeasuredFontTokenKey = 'fontLegendLabel';
+declare type MeasuredFontTokenKey = 'fontDataLabel' | 'fontStackTotal' | 'fontCategoryLabel' | 'fontTickLabel' | 'fontAxisLabel' | 'fontLegendLabel' | 'fontGoalLineLabel';
 
 /**
  * A partial set of token values layered over a base theme — the shape of the `themeOverrides`
@@ -111,13 +123,22 @@ declare const vars: {
     trendPositiveColor: `var(--${string})`;
     trendNeutralColor: `var(--${string})`;
     defaultAnnotationArrowStroke: `var(--${string})`;
+    defaultAnnotationShapeStroke: `var(--${string})`;
     defaultAnnotationShapeFill: `var(--${string})`;
     arrowAnnotationStickerOutlineColor: `var(--${string})`;
     arrowAnnotationStickerOutlineColorInverse: `var(--${string})`;
     annotationFrameBorderColor: `var(--${string})`;
     editMenuTriggerIconColor: `var(--${string})`;
     heatmapEmptyTileBackground: `var(--${string})`;
+    dataLabelOutsideBackground: `var(--${string})`;
+    dataLabelTextColor: `var(--${string})`;
+    dataLabelInsideTextColor: `var(--${string})`;
+    stackTotalTextColor: `var(--${string})`;
+    stackTotalBackground: `var(--${string})`;
+    stackTotalStroke: `var(--${string})`;
     gridLineWidth: `var(--${string})`;
+    gridLineDash: `var(--${string})`;
+    gridLineDotted: `var(--${string})`;
     tooltipBorderRadius: `var(--${string})`;
     tooltipBorderWidth: `var(--${string})`;
     tooltipPaddingBlock: `var(--${string})`;
@@ -125,6 +146,7 @@ declare const vars: {
     tooltipRowGap: `var(--${string})`;
     tooltipShadow: `var(--${string})`;
     editorControlHeight: `var(--${string})`;
+    tickLabelOffset: `var(--${string})`;
     legendItemGap: `var(--${string})`;
     legendSwatchGap: `var(--${string})`;
     legendSwatchWidth: `var(--${string})`;
@@ -205,6 +227,11 @@ declare const vars: {
     fontLineHeightHeadingSm: `var(--${string})`;
     fontLineHeightHeadingMd: `var(--${string})`;
     fontLineHeightHeadingLg: `var(--${string})`;
+    fontTickLabel: `var(--${string})`;
+    fontAxisLabel: `var(--${string})`;
+    fontDataLabel: `var(--${string})`;
+    fontStackTotal: `var(--${string})`;
+    fontCategoryLabel: `var(--${string})`;
     fontLegendLabel: `var(--${string})`;
     fontSeriesLabel: `var(--${string})`;
     fontTooltipLabel: `var(--${string})`;
@@ -218,6 +245,7 @@ declare const vars: {
     fontTooltipCaptionSmall: `var(--${string})`;
     fontTrendTag: `var(--${string})`;
     fontTrendTagSmall: `var(--${string})`;
+    fontGoalLineLabel: `var(--${string})`;
     fontPieLabel: `var(--${string})`;
     fontPieChartTotal: `var(--${string})`;
     fontDifferenceArrowSmall: `var(--${string})`;

package/dist/graph-config.mjs

@@ -1,32 +1,58 @@
-import { t as d, u as s } from "./dev.utils-CrfRPKW8.js";
-import { parseFontShorthand as v } from "@graphysdk/viz-engine/graph-config";
-var y = (e, n) => {
-  const r = e.appearance?.textStyle;
+import { i as v, n as h, p, r as m, t as g } from "./font-values-CPxYeqns.js";
+var w = (r, e) => {
+  const n = r.appearance?.textStyle;
   return {
-    ...l(e.themeOverrides),
-    ...n && r ? f(r, n) : void 0
+    ...b(r.themeOverrides),
+    ...e && n ? F(n, e) : void 0
   };
-}, f = (e, n) => {
-  const r = (a) => a === void 0 ? void 0 : n.find((i) => i.id === a)?.fontFamily, o = r(e.body?.fontId), t = r(e.heading?.fontId);
+}, y = (r) => {
+  const e = r.trim().replace(/\s*\/\s*/g, "/").split(/\s+/);
+  let n = "normal", i = 400, t = 0;
+  for (; t < e.length; ) {
+    const s = e[t];
+    if (s === void 0) return null;
+    if (s === "normal") t++;
+    else if (g(s))
+      n = s, t++;
+    else {
+      const u = m(s);
+      if (u === null) break;
+      i = u, t++;
+    }
+  }
+  const o = e[t];
+  if (o === void 0) return null;
+  const [a = "", l] = o.split("/"), d = h(a);
+  if (d === null) return null;
+  const c = l === void 0 ? null : v(l), f = e.slice(t + 1).join(" ").trim();
+  return f === "" ? null : {
+    style: n,
+    weight: i,
+    size: d,
+    family: f,
+    ...c !== null ? { lineHeight: c } : {}
+  };
+}, F = (r, e) => {
+  const n = (o) => o === void 0 ? void 0 : e.find((a) => a.id === o)?.fontFamily, i = n(r.body?.fontId), t = n(r.heading?.fontId);
   return {
-    ...o ? { fontFamilyDefault: o } : void 0,
+    ...i ? { fontFamilyDefault: i } : void 0,
     ...t ? { fontFamilyHeading: t } : void 0
   };
-}, l = (e) => {
-  if (e === void 0) return;
-  const n = {};
-  for (const [r, o] of Object.entries(e)) if (s(r) && typeof o == "string") {
-    const t = v(o);
+}, b = (r) => {
+  if (r === void 0) return;
+  const e = {};
+  for (const [n, i] of Object.entries(r)) if (p(n) && typeof i == "string") {
+    const t = y(i);
     if (t === null) {
-      m(r, o);
+      k(n, i);
       continue;
     }
-    n[r] = t;
-  } else n[r] = o;
-  return n;
-}, m = (e, n) => {
-  d && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${e}": "${n}" is not a measurable font shorthand (needs a px/em size and a family).`);
+    e[n] = t;
+  } else e[n] = i;
+  return e;
+}, k = (r, e) => {
+  process.env.NODE_ENV !== "production" && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${r}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`);
 };
 export {
-  y as convertGraphConfigTheme
+  w as convertGraphConfigTheme
 };