@spaced-out/genesis-mcp 1.0.36 → 1.0.38
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/data/design-system.json +15 -8
- package/package.json +1 -1
package/data/design-system.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"metadata": {
|
|
3
|
-
"buildDate": "2026-
|
|
4
|
-
"version": "0.6.
|
|
3
|
+
"buildDate": "2026-07-01T10:45:47.586Z",
|
|
4
|
+
"version": "0.6.25",
|
|
5
5
|
"designSystemPath": "/home/runner/work/ui-design-system/ui-design-system"
|
|
6
6
|
},
|
|
7
7
|
"components": {
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
},
|
|
435
435
|
"DonutChart/DonutChart.d.ts": {
|
|
436
436
|
"path": "DonutChart/DonutChart.d.ts",
|
|
437
|
-
"content": "import * as React from 'react';\nimport type { ChartOptions, Drilldown, LegendOptionsType, PieSeriesOptions } from '../../../types/charts';\nimport type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';\ntype ClassNames = Readonly<ChartWrapperClassNames & {\n highChart?: string;\n subtitleClassNames?: SubtitleClassNames;\n}>;\ninterface SubtitleClassNames {\n wrapper?: string;\n text?: string;\n subtext?: string;\n}\nexport interface DonutChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'headerActions' | 'centerText' | 'centerSubtext' | 'series' | 'drilldown' | 'legend' | 'hasEmptyData' | 'emptyText'> {\n isLoading?: boolean;\n classNames?: ClassNames;\n cardTitle?: React.ReactNode;\n customExportOptions?: Array<ExportOptionType> | null;\n headerActions?: React.ReactNode;\n centerText?: string;\n centerSubtext?: string;\n series: Array<PieSeriesOptions>;\n drilldown?: Drilldown;\n legend?: LegendOptionsType;\n hasEmptyData?: boolean;\n emptyText?: React.ReactNode;\n testId?: string;\n}\nexport declare const DonutChart: ({ isLoading, classNames, cardTitle, customExportOptions, headerActions, series, drilldown, legend, centerText, centerSubtext, hasEmptyData, emptyText, testId, ...userOptions }: DonutChartProps) => React.JSX.Element;\nexport {};\n//# sourceMappingURL=DonutChart.d.ts.map"
|
|
437
|
+
"content": "import * as React from 'react';\nimport type { ChartOptions, Drilldown, LegendOptionsType, PieSeriesOptions } from '../../../types/charts';\nimport type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';\ntype ClassNames = Readonly<ChartWrapperClassNames & {\n highChart?: string;\n subtitleClassNames?: SubtitleClassNames;\n}>;\ninterface SubtitleClassNames {\n wrapper?: string;\n text?: string;\n subtext?: string;\n}\nexport interface DonutChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'headerActions' | 'centerText' | 'centerSubtext' | 'series' | 'drilldown' | 'legend' | 'hasEmptyData' | 'emptyText'> {\n isLoading?: boolean;\n classNames?: ClassNames;\n cardTitle?: React.ReactNode;\n customExportOptions?: Array<ExportOptionType> | null;\n headerActions?: React.ReactNode;\n centerText?: string;\n centerSubtext?: string;\n showTotal?: boolean;\n showLegendValues?: boolean;\n formatValue?: (value: number) => string;\n series: Array<PieSeriesOptions>;\n drilldown?: Drilldown;\n legend?: LegendOptionsType;\n hasEmptyData?: boolean;\n emptyText?: React.ReactNode;\n testId?: string;\n}\nexport declare const DonutChart: ({ isLoading, classNames, cardTitle, customExportOptions, headerActions, series, drilldown, legend, centerText, centerSubtext, showTotal, showLegendValues, formatValue, hasEmptyData, emptyText, testId, ...userOptions }: DonutChartProps) => React.JSX.Element;\nexport {};\n//# sourceMappingURL=DonutChart.d.ts.map"
|
|
438
438
|
},
|
|
439
439
|
"DonutChart/index.d.ts": {
|
|
440
440
|
"path": "DonutChart/index.d.ts",
|
|
@@ -671,19 +671,26 @@
|
|
|
671
671
|
},
|
|
672
672
|
"css": {
|
|
673
673
|
"path": "Chip.module.css",
|
|
674
|
-
"content": "@value (\n colorNeutralLightest,\n colorNeutralLight,\n colorInformationLightest,\n colorInformationLight,\n colorSuccessLightest,\n colorSuccessLight,\n colorWarningLightest,\n colorWarningLight,\n colorDangerLightest,\n colorDangerLight,\n colorBackgroundTertiary,\n colorGrayLightest,\n colorTextDisabled,\n colorFillDisabled,\n colorFocusPrimary\n) from '../../styles/variables/_color.css';\n@value (\n spaceXXSmall,\n spaceXSmall,\n spaceSmall\n) from '../../styles/variables/_space.css';\n@value (\n borderRadiusXSmall\n) from '../../styles/variables/_border.css';\n@value (\n size18,\n size26,\n size34\n) from '../../styles/variables/_size.css';\n\n@value (\n borderWidthNone,\n borderWidthTertiary\n) from '../../styles/variables/_border.css';\n\n.chipWrapper {\n composes: formLabelSmall from '../../styles/typography.module.css';\n composes: motionEaseInEaseOut from '../../styles/animation.module.css';\n display: flex;\n background-color: colorNeutralLightest;\n align-items: center;\n max-width: fit-content;\n max-height: fit-content;\n gap: spaceXXSmall;\n border-radius: borderRadiusXSmall;\n cursor: pointer;\n}\n\n.chipWrapper:focus {\n outline: none;\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n}\n\n.large {\n padding: spaceXSmall spaceSmall;\n min-height: size34;\n}\n\n.medium {\n min-height: size26;\n padding: spaceXXSmall spaceSmall;\n}\n\n.small {\n padding: calc(spaceXXSmall / 2) spaceXSmall;\n min-height: size18;\n}\n\n.primary {\n background-color: colorNeutralLightest;\n}\n\n.noHoverState {\n cursor: initial;\n}\n\n.primary:not(.noHoverState):hover {\n background-color: colorNeutralLight;\n}\n\n.information {\n background-color: colorInformationLightest;\n}\n\n.information:not(.noHoverState):hover {\n background-color: colorInformationLight;\n}\n\n.success {\n background-color: colorSuccessLightest;\n}\n\n.success:not(.noHoverState):hover {\n background-color: colorSuccessLight;\n}\n\n.warning {\n background-color: colorWarningLightest;\n}\n\n.warning:not(.noHoverState):hover {\n background-color: colorWarningLight;\n}\n\n.danger {\n background-color: colorDangerLightest;\n}\n\n.danger:not(.noHoverState):hover {\n background-color: colorDangerLight;\n}\n\n.secondary {\n composes: borderPrimary from '../../styles/border.module.css';\n background-color: colorBackgroundTertiary;\n}\n\n.secondary:not(.noHoverState):hover {\n background-color: colorGrayLightest;\n}\n\n.withIcon {\n padding: spaceXXSmall spaceSmall spaceXXSmall spaceXSmall;\n}\n\n.dismissable {\n padding: spaceXXSmall spaceXSmall spaceXXSmall spaceSmall;\n}\n\n.dismissIconWrapper {\n margin-left: spaceXSmall;\n cursor: pointer;\n}\n\n.statusIndicatorBlock {\n margin-right: spaceXXSmall;\n}\n\n.alignTop {\n align-self: flex-start;\n}\n\n/* This should be last section for CSS Specificity */\n\n.disabled {\n color: colorTextDisabled;\n background-color: colorFillDisabled;\n border: initial;\n pointer-events: none;\n cursor: not-allowed;\n}\n\n.disabled .dismissIcon {\n color: colorTextDisabled;\n}\n\n.disabled .chipIcon {\n color: colorTextDisabled;\n}\n"
|
|
674
|
+
"content": "@value (\n colorNeutralLightest,\n colorNeutralLight,\n colorInformationLightest,\n colorInformationLight,\n colorSuccessLightest,\n colorSuccessLight,\n colorWarningLightest,\n colorWarningLight,\n colorDangerLightest,\n colorDangerLight,\n colorBackgroundTertiary,\n colorGrayLightest,\n colorTextDisabled,\n colorFillDisabled,\n colorFocusPrimary\n) from '../../styles/variables/_color.css';\n@value (\n spaceXXSmall,\n spaceXSmall,\n spaceSmall\n) from '../../styles/variables/_space.css';\n@value (\n borderRadiusXSmall,\n borderRadiusXLarge\n) from '../../styles/variables/_border.css';\n@value (\n size18,\n size26,\n size34\n) from '../../styles/variables/_size.css';\n\n@value (\n borderWidthNone,\n borderWidthTertiary\n) from '../../styles/variables/_border.css';\n\n.chipWrapper {\n composes: formLabelSmall from '../../styles/typography.module.css';\n composes: motionEaseInEaseOut from '../../styles/animation.module.css';\n display: flex;\n background-color: colorNeutralLightest;\n align-items: center;\n max-width: fit-content;\n max-height: fit-content;\n gap: spaceXXSmall;\n border-radius: borderRadiusXSmall;\n cursor: pointer;\n}\n\n.chipWrapper:focus {\n outline: none;\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n}\n\n.large {\n padding: spaceXSmall spaceSmall;\n min-height: size34;\n}\n\n.medium {\n min-height: size26;\n padding: spaceXXSmall spaceSmall;\n}\n\n.small {\n padding: calc(spaceXXSmall / 2) spaceXSmall;\n min-height: size18;\n}\n\n.primary {\n background-color: colorNeutralLightest;\n}\n\n.pill {\n border-radius: borderRadiusXLarge;\n}\n\n.noHoverState {\n cursor: initial;\n}\n\n.primary:not(.noHoverState):hover {\n background-color: colorNeutralLight;\n}\n\n.information {\n background-color: colorInformationLightest;\n}\n\n.information:not(.noHoverState):hover {\n background-color: colorInformationLight;\n}\n\n.success {\n background-color: colorSuccessLightest;\n}\n\n.success:not(.noHoverState):hover {\n background-color: colorSuccessLight;\n}\n\n.warning {\n background-color: colorWarningLightest;\n}\n\n.warning:not(.noHoverState):hover {\n background-color: colorWarningLight;\n}\n\n.danger {\n background-color: colorDangerLightest;\n}\n\n.danger:not(.noHoverState):hover {\n background-color: colorDangerLight;\n}\n\n.secondary {\n composes: borderPrimary from '../../styles/border.module.css';\n background-color: colorBackgroundTertiary;\n}\n\n.secondary:not(.noHoverState):hover {\n background-color: colorGrayLightest;\n}\n\n.withIcon {\n padding: spaceXXSmall spaceSmall spaceXXSmall spaceXSmall;\n}\n\n.dismissable {\n padding: spaceXXSmall spaceXSmall spaceXXSmall spaceSmall;\n}\n\n.dismissIconWrapper {\n margin-left: spaceXSmall;\n cursor: pointer;\n}\n\n.statusIndicatorBlock {\n margin-right: spaceXXSmall;\n}\n\n.alignTop {\n align-self: flex-start;\n}\n\n/* This should be last section for CSS Specificity */\n\n.disabled {\n color: colorTextDisabled;\n background-color: colorFillDisabled;\n border: initial;\n pointer-events: none;\n cursor: not-allowed;\n}\n\n.disabled .dismissIcon {\n color: colorTextDisabled;\n}\n\n.disabled .chipIcon {\n color: colorTextDisabled;\n}\n"
|
|
675
675
|
},
|
|
676
676
|
"index": {
|
|
677
677
|
"path": "index.d.ts",
|
|
678
|
-
"content": "export type { ChipProps, ChipSemanticType } from '../../components/Chip/Chip';\nexport { Chip, CHIP_SEMANTIC } from '../../components/Chip/Chip';\n//# sourceMappingURL=index.d.ts.map"
|
|
678
|
+
"content": "export type { ChipProps, ChipSemanticType } from '../../components/Chip/Chip';\nexport { Chip, CHIP_SEMANTIC } from '../../components/Chip/Chip';\nexport type { PillProps, PillSemanticType } from '../../components/Chip/Pill';\nexport { Pill, PILL_SEMANTIC } from '../../components/Chip/Pill';\n//# sourceMappingURL=index.d.ts.map"
|
|
679
679
|
},
|
|
680
|
-
"additional": {
|
|
680
|
+
"additional": {
|
|
681
|
+
"Pill.d.ts": {
|
|
682
|
+
"path": "Pill.d.ts",
|
|
683
|
+
"content": "import * as React from 'react';\nimport type { Flow } from 'flow-to-typescript-codemod';\nimport type { ChipSemanticType } from '../../components/Chip/Chip';\nimport type { IconType } from '../../components/Icon';\ntype ClassNames = Readonly<{\n wrapper?: string;\n icon?: string;\n}>;\nexport declare const PILL_SEMANTIC: Readonly<{\n primary: \"primary\";\n information: \"information\";\n success: \"success\";\n warning: \"warning\";\n danger: \"danger\";\n secondary: \"secondary\";\n}>;\nexport type PillSemanticType = ChipSemanticType;\nexport interface PillProps {\n classNames?: ClassNames;\n semantic?: PillSemanticType;\n size?: 'large' | 'medium' | 'small';\n children: React.ReactNode;\n disabled?: boolean;\n line?: number;\n wordBreak?: string;\n iconName?: string;\n iconType?: IconType;\n testId?: string;\n}\nexport declare const Pill: Flow.AbstractComponent<PillProps, HTMLDivElement>;\nexport {};\n//# sourceMappingURL=Pill.d.ts.map"
|
|
684
|
+
}
|
|
685
|
+
}
|
|
681
686
|
},
|
|
682
687
|
"allFiles": [
|
|
683
688
|
"Chip.module.css",
|
|
684
689
|
"Chip.stories.module.css",
|
|
685
690
|
"Chip.stories.tsx",
|
|
686
691
|
"Chip.tsx",
|
|
692
|
+
"Pill.stories.tsx",
|
|
693
|
+
"Pill.tsx",
|
|
687
694
|
"index.ts"
|
|
688
695
|
]
|
|
689
696
|
},
|
|
@@ -5019,7 +5026,7 @@
|
|
|
5019
5026
|
},
|
|
5020
5027
|
"donutChart.d.ts": {
|
|
5021
5028
|
"path": "donutChart.d.ts",
|
|
5022
|
-
"content": "import type { ChartOptions, LegendOptionsType } from '../../types/charts';\ninterface DonutChartPropsType {\n legend?: LegendOptionsType;\n defaultCenterHTML?: string;\n}\nexport declare const rightLegendColumn: {\n readonly layout: \"vertical\";\n readonly align: \"right\";\n readonly verticalAlign: \"middle\";\n readonly itemMarginBottom: 12;\n readonly symbolPadding: 8;\n readonly symbolWidth: 8;\n readonly width: \"36%\";\n};\n/**\n * This function modifies the the common chart behavior to donut chart default behavior.\n * It will not take userPassed option into account.\n */\nexport declare const getDonutChartOptions: ({ legend, defaultCenterHTML, }: DonutChartPropsType) => ChartOptions;\nexport {};\n//# sourceMappingURL=donutChart.d.ts.map"
|
|
5029
|
+
"content": "import type { ChartOptions, LegendOptionsType } from '../../types/charts';\ninterface DonutChartPropsType {\n legend?: LegendOptionsType;\n defaultCenterHTML?: string;\n /**\n * Formatter for each legend item. When provided, the legend renders as HTML\n * so items can show the point value and percentage alongside the name.\n */\n legendLabelFormatter?: LegendOptionsType['labelFormatter'];\n /**\n * Formats the center total for a given value. When provided, the center is\n * recomputed from the visible points on every render (applied via\n * textContent) so an auto-computed total stays in sync with the\n * (redistributed) legend percentages after a slice is toggled off.\n */\n getCenterTextForVisibleTotal?: (visibleTotal: number) => string;\n}\n/**\n * Marker class on the center total element. The auto-total's text is updated\n * in place (via textContent) as slices are toggled, so it must be locatable\n * without rebuilding the subtitle HTML. A class is used (not a data-attribute)\n * because Highcharts' useHTML sanitizer keeps the class attribute but strips\n * unknown data-* attributes.\n */\nexport declare const CENTER_TOTAL_CLASS = \"donut-center-total\";\nexport declare const rightLegendColumn: {\n readonly layout: \"vertical\";\n readonly align: \"right\";\n readonly verticalAlign: \"middle\";\n readonly itemMarginBottom: 12;\n readonly symbolPadding: 8;\n readonly symbolWidth: 8;\n readonly width: \"36%\";\n};\n/**\n * This function modifies the the common chart behavior to donut chart default behavior.\n * It will not take userPassed option into account.\n */\nexport declare const getDonutChartOptions: ({ legend, defaultCenterHTML, legendLabelFormatter, getCenterTextForVisibleTotal, }: DonutChartPropsType) => ChartOptions;\nexport {};\n//# sourceMappingURL=donutChart.d.ts.map"
|
|
5023
5030
|
},
|
|
5024
5031
|
"funnelChart.d.ts": {
|
|
5025
5032
|
"path": "funnelChart.d.ts",
|
|
@@ -5027,7 +5034,7 @@
|
|
|
5027
5034
|
},
|
|
5028
5035
|
"helpers.d.ts": {
|
|
5029
5036
|
"path": "helpers.d.ts",
|
|
5030
|
-
"content": "export declare const deepMerge: <T extends object>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;\nexport declare const rightLineLegendColumn: {\n readonly layout: \"vertical\";\n readonly align: \"right\";\n readonly verticalAlign: \"middle\";\n readonly itemMarginBottom: 12;\n readonly symbolPadding: 4;\n readonly symbolWidth: 16;\n readonly width: \"40%\";\n};\nexport declare const bottomLegendRow: {\n readonly layout: \"horizontal\";\n readonly align: \"center\";\n readonly verticalAlign: \"bottom\";\n readonly itemDistance: 20;\n readonly symbolPadding: 4;\n readonly symbolWidth: 16;\n};\nexport declare const yAxisTitleStyle: {\n readonly color: \"#565656\";\n readonly fontSize: \"12px\";\n readonly fontWeight: \"400\";\n readonly letterSpacing: \"0.04em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const xAxisTitleStyle: {\n readonly color: \"#565656\";\n readonly fontSize: \"12px\";\n readonly fontWeight: \"400\";\n readonly letterSpacing: \"0.04em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const yAxisLabelStyle: {\n readonly fontSize: \"12px\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly color: \"#17172A\";\n readonly letterSpacing: \"0em\";\n readonly fontWeight: \"500\";\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const xAxisLabelStyle: {\n readonly fontSize: \"12px\";\n readonly letterSpacing: \"0.01em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly color: \"#17172A\";\n readonly fontWeight: \"500\";\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const activeLabelStyle: {\n readonly color: \"#17172A\";\n readonly fill: \"#17172A\";\n readonly textDecoration: \"underline\";\n readonly fontSize: \"12px\";\n readonly letterSpacing: \"0.01em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly fontWeight: \"500\";\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\n//# sourceMappingURL=helpers.d.ts.map"
|
|
5037
|
+
"content": "export declare const deepMerge: <T extends object>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;\n/**\n * Default number formatter used by charts for center totals and legend values.\n * Abbreviates large numbers into a compact, locale-aware form, keeping up to\n * two decimal places (e.g. 1460 -> \"1.46K\", 1260 -> \"1.26K\", 1200 -> \"1.2K\",\n * 200 -> \"200\").\n */\nexport declare const formatCompactNumber: (value: number) => string;\nexport declare const rightLineLegendColumn: {\n readonly layout: \"vertical\";\n readonly align: \"right\";\n readonly verticalAlign: \"middle\";\n readonly itemMarginBottom: 12;\n readonly symbolPadding: 4;\n readonly symbolWidth: 16;\n readonly width: \"40%\";\n};\nexport declare const bottomLegendRow: {\n readonly layout: \"horizontal\";\n readonly align: \"center\";\n readonly verticalAlign: \"bottom\";\n readonly itemDistance: 20;\n readonly symbolPadding: 4;\n readonly symbolWidth: 16;\n};\nexport declare const yAxisTitleStyle: {\n readonly color: \"#565656\";\n readonly fontSize: \"12px\";\n readonly fontWeight: \"400\";\n readonly letterSpacing: \"0.04em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const xAxisTitleStyle: {\n readonly color: \"#565656\";\n readonly fontSize: \"12px\";\n readonly fontWeight: \"400\";\n readonly letterSpacing: \"0.04em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const yAxisLabelStyle: {\n readonly fontSize: \"12px\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly color: \"#17172A\";\n readonly letterSpacing: \"0em\";\n readonly fontWeight: \"500\";\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const xAxisLabelStyle: {\n readonly fontSize: \"12px\";\n readonly letterSpacing: \"0.01em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly color: \"#17172A\";\n readonly fontWeight: \"500\";\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\nexport declare const activeLabelStyle: {\n readonly color: \"#17172A\";\n readonly fill: \"#17172A\";\n readonly textDecoration: \"underline\";\n readonly fontSize: \"12px\";\n readonly letterSpacing: \"0.01em\";\n readonly fontFamily: \"Centra No 2\";\n readonly fontStyle: \"normal\";\n readonly margin: 0;\n readonly fontWeight: \"500\";\n readonly display: \"flex\";\n readonly alignItems: \"center\";\n};\n//# sourceMappingURL=helpers.d.ts.map"
|
|
5031
5038
|
},
|
|
5032
5039
|
"index.d.ts": {
|
|
5033
5040
|
"path": "index.d.ts",
|
package/package.json
CHANGED