@spaced-out/genesis-mcp 1.0.11 → 1.0.13
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 +4 -4
- package/package.json +1 -1
package/data/design-system.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"metadata": {
|
|
3
|
-
"buildDate": "2026-02-
|
|
4
|
-
"version": "0.5.
|
|
3
|
+
"buildDate": "2026-02-18T06:37:04.494Z",
|
|
4
|
+
"version": "0.5.47",
|
|
5
5
|
"designSystemPath": "/home/runner/work/ui-design-system/ui-design-system"
|
|
6
6
|
},
|
|
7
7
|
"components": {
|
|
@@ -1755,7 +1755,7 @@
|
|
|
1755
1755
|
},
|
|
1756
1756
|
"css": {
|
|
1757
1757
|
"path": "Panel.module.css",
|
|
1758
|
-
"content": "@value (spaceNegFluid, spaceNone, spaceMedium, spaceSmall, spaceFluid) from '../../styles/variables/_space.css';\n@value (size4, size60, size480, size580, size720, sizeFluid) from '../../styles/variables/_size.css';\n@value (motionDurationNormal, motionEaseInEaseOut) from '../../styles/variables/_motion.css';\n@value (colorBackgroundTertiary, colorBackgroundPrimary) from '../../styles/variables/_color.css';\n@value (borderRadiusNone) from '../../styles/variables/_border.css';\n\n.panel {\n opacity: initial;\n height: sizeFluid;\n background-color: colorBackgroundTertiary;\n border-radius: borderRadiusNone;\n}\n\n.
|
|
1758
|
+
"content": "@value (spaceNegFluid, spaceNone, spaceMedium, spaceSmall, spaceFluid) from '../../styles/variables/_space.css';\n@value (size4, size60, size480, size580, size720, sizeFluid) from '../../styles/variables/_size.css';\n@value (motionDurationNormal, motionEaseInEaseOut) from '../../styles/variables/_motion.css';\n@value (colorBackgroundTertiary, colorBackgroundPrimary) from '../../styles/variables/_color.css';\n@value (borderRadiusNone) from '../../styles/variables/_border.css';\n\n.panel {\n opacity: initial;\n height: sizeFluid;\n background-color: colorBackgroundTertiary;\n border-radius: borderRadiusNone;\n}\n\n.small {\n width: size480;\n}\n\n.medium {\n width: size580;\n}\n\n.large {\n width: size720;\n}\n\n.panel.left {\n top: spaceNone;\n left: spaceNone;\n right: initial;\n transform: translateX(spaceNegFluid);\n}\n\n.panel.right {\n top: spaceNone;\n right: spaceNone;\n left: initial;\n transform: translateX(spaceFluid);\n}\n\n.panelContainer.open.in .left,\n.panelContainer.open.in .right {\n transform: translateX(spaceNone);\n}\n\n.panelHeader {\n composes: borderBottomPrimary from '../../styles/border.module.css';\n composes: subTitleLarge from '../../styles/typography.module.css';\n padding: spaceNone spaceSmall spaceNone spaceMedium;\n min-height: size60;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: spaceMedium;\n background-color: colorBackgroundTertiary;\n}\n\n.headerContent {\n display: flex;\n}\n\n.panelBody {\n padding: spaceMedium;\n height: sizeFluid;\n overflow: auto;\n background-color: colorBackgroundPrimary;\n}\n\n.panelFooter {\n composes: borderTopPrimary from '../../styles/border.module.css';\n background-color: colorBackgroundTertiary;\n margin-top: auto;\n padding: spaceMedium;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: spaceMedium;\n}\n\n.panelFooterActions {\n display: flex;\n gap: spaceSmall;\n}\n"
|
|
1759
1759
|
},
|
|
1760
1760
|
"index": {
|
|
1761
1761
|
"path": "index.d.ts",
|
|
@@ -1815,7 +1815,7 @@
|
|
|
1815
1815
|
},
|
|
1816
1816
|
"css": {
|
|
1817
1817
|
"path": "PreviewCard.module.css",
|
|
1818
|
-
"content": "@value (\n spaceSmall,\n spaceXSmall,\n spaceXXSmall,\n spaceXLarge,\n spaceNone\n) from '../../styles/variables/_space.css';\n\n@value (\n colorBorderPrimary,\n colorBackgroundTertiary,\n colorNeutralLightest,\n colorFillSecondary,\n colorInformationLightest,\n colorFillPrimary,\n colorInformation,\n colorTextClickable,\n colorFocusPrimary,\n colorDataViz1,\n colorDataViz2,\n colorTextDisabled\n) from '../../styles/variables/_color.css';\n\n@value (\n borderRadiusSmall,\n borderRadiusMedium,\n borderWidthPrimary,\n borderWidthTertiary,\n borderWidthNone\n) from '../../styles/variables/_border.css';\n\n@value (\n shadowBoxShadow1X,\n shadowBoxShadow1Y,\n shadowBoxShadow1Blur,\n shadowBoxShadow2X,\n shadowBoxShadow2Y,\n shadowBoxShadow2Blur,\n shadowBoxShadow1Spread,\n shadowBoxShadow1Color,\n shadowBoxShadow4Spread\n) from '../../styles/variables/_shadow.css';\n\n@value (\n sizeFluid,\n size66,\n size50,\n size4,\n size120,\n size10\n) from '../../styles/variables/_size.css';\n\n@value (\n motionDurationNormal,\n motionDurationSlow,\n motionEaseInEaseOut\n) from '../../styles/variables/_motion.css';\n\n.wrapper {\n display: flex;\n flex-direction: column;\n gap: spaceXSmall;\n width: sizeFluid;\n}\n\n.previewTextContainer {\n display: flex;\n align-items: center;\n gap: spaceXXSmall;\n}\n\n.card {\n background-color: colorBackgroundTertiary;\n border: borderWidthPrimary solid colorBorderPrimary;\n border-radius: borderRadiusMedium;\n cursor: pointer;\n outline: none;\n transition: all motionDurationNormal motionEaseInEaseOut;\n width: sizeFluid;\n min-height: fit-content;\n overflow: hidden;\n\n &:focus {\n border-color: colorTextClickable;\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n }\n\n &:hover:not(:focus) {\n box-shadow: shadowBoxShadow1X shadowBoxShadow1Y shadowBoxShadow1Blur\n shadowBoxShadow1Spread shadowBoxShadow1Color;\n background-color: colorNeutralLightest;\n border-color: transparent;\n background-image: linear-gradient(\n colorNeutralLightest,\n colorNeutralLightest\n ),\n linear-gradient(to right, colorDataViz2, colorDataViz1);\n background-clip: content-box, border-box;\n background-origin: border-box;\n }\n\n &:focus:hover {\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n background-color: colorNeutralLightest;\n }\n\n &.selected {\n border: borderWidthPrimary solid transparent;\n border-radius: borderRadiusMedium;\n background-image: linear-gradient(\n colorFillSecondary,\n colorInformationLightest\n ),\n linear-gradient(to right, colorFillPrimary, colorInformation);\n background-clip: content-box, border-box;\n background-origin: border-box;\n box-shadow: none;\n\n &:focus {\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n border-color: colorTextClickable;\n }\n\n &:focus:hover {\n background-image: linear-gradient(\n colorNeutralLightest,\n colorNeutralLightest\n );\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n pointer-events: none;\n background-color: colorBackgroundTertiary;\n border: borderWidthPrimary solid colorBorderPrimary;\n }\n}\n\n.cardContent {\n display: flex;\n align-items: flex-start;\n padding: spaceSmall;\n gap: spaceSmall;\n position: relative;\n min-height: size66;\n}\n\n.mainContent {\n display: flex;\n flex-direction: column;\n gap: spaceXSmall;\n flex: 1;\n min-width: spaceNone;\n padding-right: calc(spaceXLarge + spaceXSmall + spaceSmall);\n}\n\n.titleText {\n width: sizeFluid;\n}\n\n.previewText {\n width: fit-content;\n}\n\n.cardIconSection {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n height: calc(size120 + size10);\n width: calc(size50 + size4);\n flex-shrink: 0;\n border-radius: borderRadiusSmall;\n background-color: colorNeutralLightest;\n border: borderWidthPrimary solid colorBorderPrimary;\n transition: all motionDurationSlow motionEaseInEaseOut;\n transform: rotate(-3deg);\n padding-top: spaceSmall;\n position: absolute;\n right: spaceXSmall;\n box-shadow: shadowBoxShadow2X shadowBoxShadow2Y shadowBoxShadow2Blur\n shadowBoxShadow4Spread shadowBoxShadow1Color;\n}\n\n.card:hover .cardIconSection {\n transform: rotate(5deg);\n}\n\n.card.selected .cardIconSection,\n.card:hover .cardIconSection {\n border: borderWidthPrimary solid colorBorderPrimary;\n background-image: linear-gradient(\n colorBackgroundTertiary,\n colorBackgroundTertiary\n );\n background-clip: border-box;\n background-origin: border-box;\n}\n\n.card.selected .cardIconSection > div,\n.card:hover .cardIconSection > div {\n color: colorTextClickable;\n}\n\n.card.disabled .cardIconSection > div {\n color: colorTextDisabled;\n}\n\n.helperText {\n display: flex;\n align-items: center;\n gap: spaceXXSmall;\n}\n"
|
|
1818
|
+
"content": "@value (\n spaceSmall,\n spaceXSmall,\n spaceXXSmall,\n spaceXLarge,\n spaceNone\n) from '../../styles/variables/_space.css';\n\n@value (\n colorBorderPrimary,\n colorBackgroundTertiary,\n colorNeutralLightest,\n colorFillSecondary,\n colorInformationLightest,\n colorFillPrimary,\n colorInformation,\n colorTextClickable,\n colorFocusPrimary,\n colorDataViz1,\n colorDataViz2,\n colorTextDisabled\n) from '../../styles/variables/_color.css';\n\n@value (\n borderRadiusSmall,\n borderRadiusMedium,\n borderWidthPrimary,\n borderWidthTertiary,\n borderWidthNone\n) from '../../styles/variables/_border.css';\n\n@value (\n shadowBoxShadow1X,\n shadowBoxShadow1Y,\n shadowBoxShadow1Blur,\n shadowBoxShadow2X,\n shadowBoxShadow2Y,\n shadowBoxShadow2Blur,\n shadowBoxShadow1Spread,\n shadowBoxShadow1Color,\n shadowBoxShadow4Spread\n) from '../../styles/variables/_shadow.css';\n\n@value (\n sizeFluid,\n size66,\n size50,\n size4,\n size120,\n size10\n) from '../../styles/variables/_size.css';\n\n@value (\n motionDurationNormal,\n motionDurationSlow,\n motionEaseInEaseOut\n) from '../../styles/variables/_motion.css';\n\n.wrapper {\n display: flex;\n flex-direction: column;\n gap: spaceXSmall;\n width: sizeFluid;\n}\n\n.previewTextContainer {\n display: flex;\n align-items: center;\n gap: spaceXXSmall;\n}\n\n.card {\n background-color: colorBackgroundTertiary;\n border: borderWidthPrimary solid colorBorderPrimary;\n border-radius: borderRadiusMedium;\n cursor: pointer;\n outline: none;\n transition: all motionDurationNormal motionEaseInEaseOut;\n width: sizeFluid;\n min-height: fit-content;\n overflow: hidden;\n\n &:focus {\n border-color: colorTextClickable;\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n }\n\n &:hover:not(:focus) {\n box-shadow: shadowBoxShadow1X shadowBoxShadow1Y shadowBoxShadow1Blur\n shadowBoxShadow1Spread shadowBoxShadow1Color;\n background-color: colorNeutralLightest;\n border-color: transparent;\n background-image: linear-gradient(\n colorNeutralLightest,\n colorNeutralLightest\n ),\n linear-gradient(to right, colorDataViz2, colorDataViz1);\n background-clip: content-box, border-box;\n background-origin: border-box;\n }\n\n &:focus:hover {\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n background-color: colorNeutralLightest;\n }\n\n &.selected {\n border: borderWidthPrimary solid transparent;\n border-radius: borderRadiusMedium;\n background-image: linear-gradient(\n colorFillSecondary,\n colorInformationLightest\n ),\n linear-gradient(to right, colorFillPrimary, colorInformation);\n background-clip: content-box, border-box;\n background-origin: border-box;\n box-shadow: none;\n\n &:focus {\n box-shadow: borderWidthNone borderWidthNone borderWidthNone\n borderWidthTertiary colorFocusPrimary;\n border-color: colorTextClickable;\n }\n\n &:focus:hover {\n background-image: linear-gradient(\n colorNeutralLightest,\n colorNeutralLightest\n );\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n pointer-events: none;\n background-color: colorBackgroundTertiary;\n border: borderWidthPrimary solid colorBorderPrimary;\n }\n}\n\n.cardContent {\n display: flex;\n align-items: flex-start;\n padding: spaceSmall;\n gap: spaceSmall;\n position: relative;\n min-height: size66;\n width: sizeFluid;\n}\n\n.mainContent {\n display: flex;\n flex-direction: column;\n gap: spaceXSmall;\n flex: 1;\n min-width: spaceNone;\n padding-right: calc(spaceXLarge + spaceXSmall + spaceSmall);\n}\n\n.titleText {\n width: sizeFluid;\n}\n\n.previewText {\n width: fit-content;\n}\n\n.cardIconSection {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n height: calc(size120 + size10);\n width: calc(size50 + size4);\n flex-shrink: 0;\n border-radius: borderRadiusSmall;\n background-color: colorNeutralLightest;\n border: borderWidthPrimary solid colorBorderPrimary;\n transition: all motionDurationSlow motionEaseInEaseOut;\n transform: rotate(-3deg);\n padding-top: spaceSmall;\n position: absolute;\n right: spaceXSmall;\n box-shadow: shadowBoxShadow2X shadowBoxShadow2Y shadowBoxShadow2Blur\n shadowBoxShadow4Spread shadowBoxShadow1Color;\n}\n\n.card:hover .cardIconSection {\n transform: rotate(5deg);\n}\n\n.card.selected .cardIconSection,\n.card:hover .cardIconSection {\n border: borderWidthPrimary solid colorBorderPrimary;\n background-image: linear-gradient(\n colorBackgroundTertiary,\n colorBackgroundTertiary\n );\n background-clip: border-box;\n background-origin: border-box;\n}\n\n.card.selected .cardIconSection > div,\n.card:hover .cardIconSection > div {\n color: colorTextClickable;\n}\n\n.card.disabled .cardIconSection > div {\n color: colorTextDisabled;\n}\n\n.helperText {\n display: flex;\n align-items: center;\n gap: spaceXXSmall;\n}\n"
|
|
1819
1819
|
},
|
|
1820
1820
|
"index": {
|
|
1821
1821
|
"path": "index.d.ts",
|
package/package.json
CHANGED