@spaced-out/genesis-mcp 1.0.36 → 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 +12 -5
- 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": {
|
|
@@ -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
|
},
|
package/package.json
CHANGED