@spaced-out/genesis-mcp 1.0.35 → 1.0.37
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 +16 -9
- package/package.json +1 -1
package/data/design-system.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"metadata": {
|
|
3
|
-
"buildDate": "2026-06-
|
|
4
|
-
"version": "0.6.
|
|
3
|
+
"buildDate": "2026-06-25T04:00:35.037Z",
|
|
4
|
+
"version": "0.6.24",
|
|
5
5
|
"designSystemPath": "/home/runner/work/ui-design-system/ui-design-system"
|
|
6
6
|
},
|
|
7
7
|
"components": {
|
|
@@ -474,7 +474,7 @@
|
|
|
474
474
|
},
|
|
475
475
|
"StackedBarChart/StackedBarChart.d.ts": {
|
|
476
476
|
"path": "StackedBarChart/StackedBarChart.d.ts",
|
|
477
|
-
"content": "import * as React from 'react';\nimport type { SeriesColumnOptions } from 'highcharts';\nimport type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';\nimport type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';\ntype ClassNames = Readonly<ChartWrapperClassNames & {\n highChart?: string;\n}>;\nexport type StackedBarSeries = Omit<SeriesColumnOptions, 'data' | 'type'> & {\n name: string;\n data: DataOptionsType[];\n};\nexport interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {\n series: Array<StackedBarSeries>;\n isLoading?: boolean;\n drilldown?: Drilldown;\n cardTitle?: React.ReactNode;\n emptyText?: React.ReactNode;\n classNames?: ClassNames;\n hasEmptyData?: boolean;\n headerActions?: React.ReactNode;\n customExportOptions?: Array<ExportOptionType> | null;\n testId?: string;\n}\nexport declare const StackedBarChart: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, testId, ...userOptions }: StackedBarChartProps) => React.ReactNode;\nexport {};\n//# sourceMappingURL=StackedBarChart.d.ts.map"
|
|
477
|
+
"content": "import * as React from 'react';\nimport type { SeriesColumnOptions } from 'highcharts';\nimport type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';\nimport type { StackedBarOrientation } from '../../../utils/charts';\nimport type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';\ntype ClassNames = Readonly<ChartWrapperClassNames & {\n highChart?: string;\n}>;\nexport type StackedBarSeries = Omit<SeriesColumnOptions, 'data' | 'type'> & {\n name: string;\n data: DataOptionsType[];\n};\nexport interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {\n series: Array<StackedBarSeries>;\n /**\n * Orientation of the stacked bars. Defaults to `horizontal`.\n * Pass `vertical` to render columns with categories on the x-axis.\n */\n orientation?: StackedBarOrientation;\n isLoading?: boolean;\n drilldown?: Drilldown;\n cardTitle?: React.ReactNode;\n emptyText?: React.ReactNode;\n classNames?: ClassNames;\n hasEmptyData?: boolean;\n headerActions?: React.ReactNode;\n customExportOptions?: Array<ExportOptionType> | null;\n testId?: string;\n}\nexport declare const StackedBarChart: ({ series, orientation, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, testId, ...userOptions }: StackedBarChartProps) => React.ReactNode;\nexport {};\n//# sourceMappingURL=StackedBarChart.d.ts.map"
|
|
478
478
|
},
|
|
479
479
|
"StackedBarChart/index.d.ts": {
|
|
480
480
|
"path": "StackedBarChart/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
|
},
|
|
@@ -2376,7 +2383,7 @@
|
|
|
2376
2383
|
},
|
|
2377
2384
|
"css": {
|
|
2378
2385
|
"path": "Stepper.module.css",
|
|
2379
|
-
"content": "@value (\n colorFillPrimary,\n colorFillSecondary,\n
|
|
2386
|
+
"content": "@value (\n colorFillPrimary,\n colorFillSecondary,\n colorButtonFillPrimaryEnabled,\n colorFillDisabled,\n colorTextSecondary,\n colorTextPrimary,\n colorTextClickable,\n colorTextDisabled,\n colorTextInversePrimary,\n colorBorderSecondary\n) from '../../styles/variables/_color.css';\n@value (\n size12,\n size24,\n sizeFluid\n) from '../../styles/variables/_size.css';\n@value (\n spaceNone,\n spaceLarge,\n spaceMedium,\n spaceSmall,\n spaceXXSmall\n) from '../../styles/variables/_space.css';\n@value (\n borderWidthPrimary,\n borderRadiusCircle\n) from '../../styles/variables/_border.css';\n\n.stepperWrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: spaceXXSmall;\n}\n\n.stepperWrapper.vertical {\n flex-direction: column;\n gap: spaceNone;\n justify-content: initial;\n}\n\n.stepWrapper {\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: spaceSmall;\n width: sizeFluid;\n}\n\n.stepWrapperCounter {\n display: flex;\n composes: motionEaseInEaseOut from '../../styles/animation.module.css';\n composes: subTitleExtraSmall from '../../styles/typography.module.css';\n height: size24;\n width: size24;\n min-height: size24;\n min-width: size24;\n justify-content: center;\n align-items: center;\n border-radius: borderRadiusCircle;\n background-color: transparent;\n border: borderWidthPrimary solid colorBorderSecondary;\n color: colorTextSecondary;\n}\n\n.stepWrapperCounter.completed {\n background-color: colorFillPrimary;\n border: borderWidthPrimary solid transparent;\n color: colorTextInversePrimary;\n}\n\n.stepWrapperCounter.selected {\n background-color: colorFillSecondary;\n border: borderWidthPrimary solid transparent;\n color: colorTextClickable;\n}\n\n.stepWrapperCounter.completed.selected:not(.disabled) {\n background-color: colorButtonFillPrimaryEnabled;\n border: borderWidthPrimary solid transparent;\n color: colorTextInversePrimary;\n}\n\n.stepWrapperCounter.disabled {\n background-color: colorFillDisabled;\n border: borderWidthPrimary solid transparent;\n color: colorTextDisabled;\n}\n\n.stepIcon {\n color: inherit;\n}\n\n.stepContent {\n display: flex;\n flex-flow: column;\n gap: spaceXXSmall;\n margin-top: spaceXXSmall;\n}\n\n.stepLabelWrapper {\n composes: subTitleSmall from '../../styles/typography.module.css';\n color: colorTextSecondary;\n}\n\n.stepLabelWrapper.active {\n color: colorTextPrimary;\n}\n\n.stepLabelWrapper.disabled {\n color: colorTextDisabled;\n}\n\n.stepContentWrapper {\n composes: bodySmall from '../../styles/typography.module.css';\n color: colorTextSecondary;\n}\n\n.stepContentWrapper.disabled {\n color: colorTextDisabled;\n}\n\n.clickable {\n cursor: pointer;\n}\n\n.stepCounterColumn {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: spaceXXSmall;\n}\n\n.connector {\n pointer-events: none;\n}\n\n.stepperWrapper.vertical .stepCounterColumn {\n align-self: stretch;\n}\n\n.stepperWrapper.vertical .connector {\n flex: 1;\n width: calc(size2 / 2);\n}\n\n.stepperWrapper.vertical .stepWrapper:not(:last-child) .stepContent {\n padding-bottom: spaceMedium;\n}\n\n.stepperWrapper:not(.vertical) .connector {\n flex: 1;\n align-self: flex-start;\n margin-top: size12;\n min-width: spaceLarge;\n}\n"
|
|
2380
2387
|
},
|
|
2381
2388
|
"index": {
|
|
2382
2389
|
"path": "index.d.ts",
|
|
@@ -2385,7 +2392,7 @@
|
|
|
2385
2392
|
"additional": {
|
|
2386
2393
|
"Step/Step.d.ts": {
|
|
2387
2394
|
"path": "Step/Step.d.ts",
|
|
2388
|
-
"content": "import * as React from 'react';\nimport type { Flow } from 'flow-to-typescript-codemod';\nimport type { IconType } from '../../../components/Icon';\ntype ClassNames = Readonly<{\n wrapper?: string;\n stepCounter?: string;\n content?: string;\n}>;\nexport interface StepProps {\n active?: boolean;\n children: React.ReactNode;\n completed?: boolean;\n disabled?: boolean;\n expanded?: boolean;\n index: number;\n last?: boolean;\n classNames?: ClassNames;\n allowClick?: boolean;\n onClick?: (idx: number, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;\n iconName?: string;\n iconType?: IconType;\n testId?: string;\n}\nexport declare const Step: Flow.AbstractComponent<StepProps, HTMLDivElement>;\nexport {};\n//# sourceMappingURL=Step.d.ts.map"
|
|
2395
|
+
"content": "import * as React from 'react';\nimport type { Flow } from 'flow-to-typescript-codemod';\nimport type { IconType } from '../../../components/Icon';\ntype ClassNames = Readonly<{\n wrapper?: string;\n stepCounter?: string;\n content?: string;\n}>;\nexport interface StepProps {\n active?: boolean;\n children: React.ReactNode;\n completed?: boolean;\n disabled?: boolean;\n expanded?: boolean;\n index: number;\n last?: boolean;\n classNames?: ClassNames;\n allowClick?: boolean;\n onClick?: (idx: number, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;\n iconName?: string;\n iconType?: IconType;\n orientation?: 'horizontal' | 'vertical';\n testId?: string;\n}\nexport declare const Step: Flow.AbstractComponent<StepProps, HTMLDivElement>;\nexport {};\n//# sourceMappingURL=Step.d.ts.map"
|
|
2389
2396
|
},
|
|
2390
2397
|
"Step/StepContent.d.ts": {
|
|
2391
2398
|
"path": "Step/StepContent.d.ts",
|
|
@@ -5047,7 +5054,7 @@
|
|
|
5047
5054
|
},
|
|
5048
5055
|
"stackedBarChart.d.ts": {
|
|
5049
5056
|
"path": "stackedBarChart.d.ts",
|
|
5050
|
-
"content": "import type { ChartOptions } from '../../types/charts';\nexport declare const getStackedBarChartOptions: () => ChartOptions;\n//# sourceMappingURL=stackedBarChart.d.ts.map"
|
|
5057
|
+
"content": "import type { ChartOptions } from '../../types/charts';\n/**\n * Orientation of the stacked bars.\n * - `horizontal` (default): bars run left-to-right; categories on the vertical\n * axis. Backed by Highcharts `chart.type: 'bar'` (an inverted chart).\n * - `vertical`: bars run bottom-to-top; categories on the horizontal x-axis.\n * Backed by Highcharts `chart.type: 'column'`.\n */\nexport type StackedBarOrientation = 'horizontal' | 'vertical';\nexport declare const getStackedBarChartOptions: (orientation?: StackedBarOrientation) => ChartOptions;\n//# sourceMappingURL=stackedBarChart.d.ts.map"
|
|
5051
5058
|
},
|
|
5052
5059
|
"stackedBarLineChart.d.ts": {
|
|
5053
5060
|
"path": "stackedBarLineChart.d.ts",
|
package/package.json
CHANGED