@graphysdk/react-renderer 2.0.0-beta.1787305269287 → 2.0.0-beta.1788419223711
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 +8 -0
- package/dist/dev.css +1 -0
- package/dist/dev.utils-Cu9g-Xx9.cjs +2 -0
- package/dist/{dev.utils-mjCzrz3g.js → dev.utils-DepuGtOF.js} +33 -59
- package/dist/editable.cjs +1 -1
- package/dist/editable.css +1 -1
- package/dist/editable.d.ts +2 -0
- package/dist/editable.mjs +3048 -2741
- package/dist/graph-config.cjs +1 -1
- package/dist/graph-config.d.ts +0 -14
- package/dist/graph-config.mjs +3 -3
- package/dist/history-chords-D03RTxpl.cjs +1 -0
- package/dist/history-chords-DxfgJrMV.js +6616 -0
- package/dist/history-chords.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -15
- package/dist/index.mjs +93 -93
- package/package.json +49 -2
- package/dist/dev.utils-CRuabbIv.cjs +0 -2
- package/dist/history-chords-DJ3EF6Ke.cjs +0 -1
- package/dist/history-chords-fIM-zVJc.js +0 -6498
package/README.md
CHANGED
|
@@ -4,6 +4,8 @@ React components that paint a Graphy chart. The "Powered by Graphy" mark is off
|
|
|
4
4
|
|
|
5
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.
|
|
6
6
|
|
|
7
|
+
Learn more at [graphy.dev](https://graphy.dev).
|
|
8
|
+
|
|
7
9
|
## Install
|
|
8
10
|
|
|
9
11
|
```bash
|
|
@@ -41,10 +43,16 @@ Import `EditableGraphRenderer` from `@graphysdk/react-renderer/editable`.
|
|
|
41
43
|
- **`@graphysdk/react-renderer`** — read-only surface: `GraphProvider`, `GraphRenderer`, hooks, slots, theme, and types
|
|
42
44
|
- **`@graphysdk/react-renderer/editable`** — editing surface: `EditableGraphRenderer`, `EditorPanel`, and related controls
|
|
43
45
|
|
|
46
|
+
## Agent skills
|
|
47
|
+
|
|
48
|
+
Install the Graphy agent skills from [github.com/graphysdk/skills](https://github.com/graphysdk/skills) to set up the SDK and author charts from Cursor, Claude Code, and other coding agents.
|
|
49
|
+
|
|
44
50
|
## Licence
|
|
45
51
|
|
|
46
52
|
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
53
|
|
|
54
|
+
For a commercial licence, [talk to us](https://graphy.dev/license).
|
|
55
|
+
|
|
48
56
|
## Support
|
|
49
57
|
|
|
50
58
|
Questions and community help: [Discord](https://discord.gg/yGmYCjkSr).
|
package/dist/dev.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
require('./dev.css');let l=require("@graphysdk/viz-engine");var s=["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)",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)",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)",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,d={regular:l.NAMED_WEIGHTS.regular,medium:l.NAMED_WEIGHTS.medium,semibold:l.NAMED_WEIGHTS.semiBold,bold:l.NAMED_WEIGHTS.bold,extraBold:l.NAMED_WEIGHTS.extraBold,black:l.NAMED_WEIGHTS.black},o={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},a={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})`,m=i=>i in f,S=(i,r)=>{const g=f[i],h=t(r.weight?.toString()??e[g.weight],r.size===void 0?e[g.size]:`${r.size.value}${r.size.unit}`,r.lineHeight?.toString()??e[g.lineHeight],r.family??u);return r.style===void 0||r.style==="normal"?h:`${r.style} ${h}`},n=i=>`${i}em`,b={textScale:"1",fontFamilyDefault:y,fontFamilyHeading:c,fontWeightRegular:d.regular.toString(),fontWeightMedium:d.medium.toString(),fontWeightSemibold:d.semibold.toString(),fontWeightBold:d.bold.toString(),fontWeightExtraBold:d.extraBold.toString(),fontWeightBlack:d.black.toString(),fontSizeXxs:n(o.xxs),fontSizeXs:n(o.xs),fontSizeSm:n(o.sm),fontSizeMd:n(o.md),fontSizeLg:n(o.lg),fontSizeXl:n(o.xl),fontLineHeightXxs:a.xxs.toString(),fontLineHeightXs:a.xs.toString(),fontLineHeightSm:a.sm.toString(),fontLineHeightMd:a.md.toString(),fontLineHeightLg:a.lg.toString(),fontLineHeightXl:a.xl.toString()},L={fontSizeEditorBody:n(o.editorBody),fontSizeHeadingSm:n(o.headingSm),fontSizeHeadingMd:n(o.headingMd),fontSizeHeadingLg:n(o.headingLg),fontLineHeightEditorBody:a.editorBody.toString(),fontLineHeightHeadingSm:a.headingSm.toString(),fontLineHeightHeadingMd:a.headingMd.toString(),fontLineHeightHeadingLg:a.headingLg.toString()},t=(i,r,g,h=u)=>`${i} ${r}/${g} ${h}`,H=({weight:i,size:r,lineHeight:g})=>t(e[i],e[r],e[g]),M={fontLegendLabel:H(f.fontLegendLabel),fontSeriesLabel:t(e.fontWeightSemibold,e.fontSizeSm,e.fontLineHeightSm),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),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 s}});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 a}});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 m}});Object.defineProperty(exports,"semanticTypographyTokens",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"vars",{enumerable:!0,get:function(){return e}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { NAMED_WEIGHTS as l } from "@graphysdk/viz-engine";
|
|
2
|
-
var u = [
|
|
2
|
+
import './dev.css';var u = [
|
|
3
3
|
"canvasDefault",
|
|
4
4
|
"canvasBlue",
|
|
5
5
|
"canvasCyan",
|
|
@@ -69,10 +69,6 @@ var u = [
|
|
|
69
69
|
trendNegativeColor: "var(--graphy-trend-negative-color)",
|
|
70
70
|
trendPositiveColor: "var(--graphy-trend-positive-color)",
|
|
71
71
|
trendNeutralColor: "var(--graphy-trend-neutral-color)",
|
|
72
|
-
defaultAnnotationArrowStroke: "var(--graphy-default-annotation-arrow-stroke)",
|
|
73
|
-
defaultAnnotationShapeFill: "var(--graphy-default-annotation-shape-fill)",
|
|
74
|
-
arrowAnnotationStickerOutlineColor: "var(--graphy-arrow-annotation-sticker-outline-color)",
|
|
75
|
-
arrowAnnotationStickerOutlineColorInverse: "var(--graphy-arrow-annotation-sticker-outline-color-inverse)",
|
|
76
72
|
annotationFrameBorderColor: "var(--graphy-annotation-frame-border-color)",
|
|
77
73
|
editMenuTriggerIconColor: "var(--graphy-edit-menu-trigger-icon-color)",
|
|
78
74
|
heatmapEmptyTileBackground: "var(--graphy-heatmap-empty-tile-background)",
|
|
@@ -162,20 +158,10 @@ var u = [
|
|
|
162
158
|
fontLineHeightHeadingLg: "var(--graphy-font-line-height-heading-lg)",
|
|
163
159
|
fontLegendLabel: "var(--graphy-font-legend-label)",
|
|
164
160
|
fontSeriesLabel: "var(--graphy-font-series-label)",
|
|
165
|
-
fontTooltipFooter: "var(--graphy-font-tooltip-footer)",
|
|
166
|
-
fontJumboTooltipLabel: "var(--graphy-font-jumbo-tooltip-label)",
|
|
167
|
-
fontJumboTooltip: "var(--graphy-font-jumbo-tooltip)",
|
|
168
|
-
fontMiniTooltipLabel: "var(--graphy-font-mini-tooltip-label)",
|
|
169
|
-
fontMiniTooltipFooter: "var(--graphy-font-mini-tooltip-footer)",
|
|
170
|
-
fontTooltipCaption: "var(--graphy-font-tooltip-caption)",
|
|
171
|
-
fontTooltipCaptionSmall: "var(--graphy-font-tooltip-caption-small)",
|
|
172
161
|
fontTrendTag: "var(--graphy-font-trend-tag)",
|
|
173
162
|
fontTrendTagSmall: "var(--graphy-font-trend-tag-small)",
|
|
174
163
|
fontPieLabel: "var(--graphy-font-pie-label)",
|
|
175
164
|
fontPieChartTotal: "var(--graphy-font-pie-chart-total)",
|
|
176
|
-
fontDifferenceArrowSmall: "var(--graphy-font-difference-arrow-small)",
|
|
177
|
-
fontDifferenceArrowMedium: "var(--graphy-font-difference-arrow-medium)",
|
|
178
|
-
fontDifferenceArrowLarge: "var(--graphy-font-difference-arrow-large)",
|
|
179
165
|
fontButton: "var(--graphy-font-button)",
|
|
180
166
|
fontInput: "var(--graphy-font-input)",
|
|
181
167
|
fontInputLabel: "var(--graphy-font-input-label)",
|
|
@@ -207,14 +193,14 @@ var u = [
|
|
|
207
193
|
fontEditorSectionTitle: "var(--graphy-font-editor-section-title)",
|
|
208
194
|
fontEditorCaption: "var(--graphy-font-editor-caption)"
|
|
209
195
|
}, 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,
|
|
196
|
+
'Cantarell', 'Helvetica Neue', 'NotoSansArabic', 'NotoSansJP', 'NotoSansSC', 'NotoSansKR', 'NotoSerifKR', sans-serif, 'Apple Color Emoji', 'NotoColorEmoji'`, m = y, d = {
|
|
211
197
|
regular: l.regular,
|
|
212
198
|
medium: l.medium,
|
|
213
199
|
semibold: l.semiBold,
|
|
214
200
|
bold: l.bold,
|
|
215
201
|
extraBold: l.extraBold,
|
|
216
202
|
black: l.black
|
|
217
|
-
},
|
|
203
|
+
}, o = {
|
|
218
204
|
xxs: 1,
|
|
219
205
|
xs: 1.1,
|
|
220
206
|
sm: 1.2,
|
|
@@ -240,59 +226,49 @@ var u = [
|
|
|
240
226
|
weight: "fontWeightMedium",
|
|
241
227
|
size: "fontSizeSm",
|
|
242
228
|
lineHeight: "fontLineHeightSm"
|
|
243
|
-
} }, v = s, f = `var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`, b = (i) => i in p, L = (i,
|
|
244
|
-
const g = p[i],
|
|
245
|
-
return
|
|
229
|
+
} }, v = s, f = `var(--typography-chart-heading-font-family, ${e.fontFamilyHeading})`, b = (i) => i in p, L = (i, a) => {
|
|
230
|
+
const g = p[i], h = t(a.weight?.toString() ?? e[g.weight], a.size === void 0 ? e[g.size] : `${a.size.value}${a.size.unit}`, a.lineHeight?.toString() ?? e[g.lineHeight], a.family ?? v);
|
|
231
|
+
return a.style === void 0 || a.style === "normal" ? h : `${a.style} ${h}`;
|
|
246
232
|
}, n = (i) => `${i}em`, H = {
|
|
247
233
|
textScale: "1",
|
|
248
234
|
fontFamilyDefault: y,
|
|
249
235
|
fontFamilyHeading: m,
|
|
250
|
-
fontWeightRegular:
|
|
251
|
-
fontWeightMedium:
|
|
252
|
-
fontWeightSemibold:
|
|
253
|
-
fontWeightBold:
|
|
254
|
-
fontWeightExtraBold:
|
|
255
|
-
fontWeightBlack:
|
|
256
|
-
fontSizeXxs: n(
|
|
257
|
-
fontSizeXs: n(
|
|
258
|
-
fontSizeSm: n(
|
|
259
|
-
fontSizeMd: n(
|
|
260
|
-
fontSizeLg: n(
|
|
261
|
-
fontSizeXl: n(
|
|
236
|
+
fontWeightRegular: d.regular.toString(),
|
|
237
|
+
fontWeightMedium: d.medium.toString(),
|
|
238
|
+
fontWeightSemibold: d.semibold.toString(),
|
|
239
|
+
fontWeightBold: d.bold.toString(),
|
|
240
|
+
fontWeightExtraBold: d.extraBold.toString(),
|
|
241
|
+
fontWeightBlack: d.black.toString(),
|
|
242
|
+
fontSizeXxs: n(o.xxs),
|
|
243
|
+
fontSizeXs: n(o.xs),
|
|
244
|
+
fontSizeSm: n(o.sm),
|
|
245
|
+
fontSizeMd: n(o.md),
|
|
246
|
+
fontSizeLg: n(o.lg),
|
|
247
|
+
fontSizeXl: n(o.xl),
|
|
262
248
|
fontLineHeightXxs: r.xxs.toString(),
|
|
263
249
|
fontLineHeightXs: r.xs.toString(),
|
|
264
250
|
fontLineHeightSm: r.sm.toString(),
|
|
265
251
|
fontLineHeightMd: r.md.toString(),
|
|
266
252
|
fontLineHeightLg: r.lg.toString(),
|
|
267
253
|
fontLineHeightXl: r.xl.toString()
|
|
268
|
-
},
|
|
269
|
-
fontSizeEditorBody: n(
|
|
270
|
-
fontSizeHeadingSm: n(
|
|
271
|
-
fontSizeHeadingMd: n(
|
|
272
|
-
fontSizeHeadingLg: n(
|
|
254
|
+
}, x = {
|
|
255
|
+
fontSizeEditorBody: n(o.editorBody),
|
|
256
|
+
fontSizeHeadingSm: n(o.headingSm),
|
|
257
|
+
fontSizeHeadingMd: n(o.headingMd),
|
|
258
|
+
fontSizeHeadingLg: n(o.headingLg),
|
|
273
259
|
fontLineHeightEditorBody: r.editorBody.toString(),
|
|
274
260
|
fontLineHeightHeadingSm: r.headingSm.toString(),
|
|
275
261
|
fontLineHeightHeadingMd: r.headingMd.toString(),
|
|
276
262
|
fontLineHeightHeadingLg: r.headingLg.toString()
|
|
277
|
-
}, t = (i,
|
|
278
|
-
fontLegendLabel:
|
|
263
|
+
}, t = (i, a, g, h = v) => `${i} ${a}/${g} ${h}`, c = ({ weight: i, size: a, lineHeight: g }) => t(e[i], e[a], e[g]), M = {
|
|
264
|
+
fontLegendLabel: c(p.fontLegendLabel),
|
|
279
265
|
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
266
|
fontUITooltip: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
|
|
288
267
|
fontUITooltipSecondary: t(e.fontWeightMedium, e.fontSizeSm, e.fontLineHeightSm),
|
|
289
268
|
fontTrendTag: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
|
|
290
269
|
fontTrendTagSmall: t(e.fontWeightMedium, e.fontSizeXs, e.fontLineHeightXs),
|
|
291
270
|
fontPieLabel: t(e.fontWeightMedium, e.fontSizeXs, e.fontLineHeightXs),
|
|
292
271
|
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
272
|
fontButton: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
|
|
297
273
|
fontInput: t(e.fontWeightMedium, e.fontSizeMd, e.fontLineHeightMd),
|
|
298
274
|
fontInputLabel: t(e.fontWeightMedium, e.fontSizeXxs, e.fontLineHeightXxs),
|
|
@@ -323,18 +299,16 @@ var u = [
|
|
|
323
299
|
fontEditorCaption: t(e.fontWeightMedium, e.fontSizeXxs, e.fontLineHeightXxs)
|
|
324
300
|
}, z = process.env.NODE_ENV !== "production";
|
|
325
301
|
export {
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
302
|
+
H as a,
|
|
303
|
+
b as c,
|
|
304
|
+
u as d,
|
|
305
|
+
e as f,
|
|
306
|
+
p as i,
|
|
331
307
|
x as l,
|
|
332
|
-
e as m,
|
|
333
308
|
y as n,
|
|
334
|
-
|
|
335
|
-
u as p,
|
|
309
|
+
L as o,
|
|
336
310
|
r,
|
|
337
|
-
|
|
311
|
+
M as s,
|
|
338
312
|
z as t,
|
|
339
|
-
|
|
313
|
+
s as u
|
|
340
314
|
};
|