@backstage/plugin-mui-to-bui 0.2.4-next.1 → 0.2.4-next.2

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @backstage/plugin-mui-to-bui
 
+## 0.2.4-next.2
+
+### Patch Changes
+
+- a7e0d50: Prepare for React Router v7 migration by updating to v6.30.2 across all NFS packages and enabling v7 future flags. Convert routes from splat paths to parent/child structure with Outlet components.
+- Updated dependencies
+  - @backstage/ui@0.12.0-next.2
+  - @backstage/frontend-plugin-api@0.14.0-next.2
+  - @backstage/core-plugin-api@1.12.3-next.1
+  - @backstage/theme@0.7.2-next.1
+
 ## 0.2.4-next.1
 
 ### Patch Changes

package/dist/components/BuiThemerPage/BuiThemePreview.esm.js

@@ -11,7 +11,7 @@ function BuiThemePreview({ mode, styleObject }) {
         // This creates a scoped context where the variables take precedence
         ...styleObject,
         width: "100%",
-        backgroundColor: "var(--bui-bg-surface-2)",
+        backgroundColor: "var(--bui-bg-neutral-2)",
         padding: "var(--bui-space-3)",
         borderRadius: "var(--bui-radius-2)",
         border: "1px solid var(--bui-border)"

package/dist/components/BuiThemerPage/BuiThemePreview.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuiThemePreview.esm.js","sources":["../../../src/components/BuiThemerPage/BuiThemePreview.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Box,\n  Button,\n  Card,\n  CardBody,\n  CardHeader,\n  Checkbox,\n  Flex,\n  Radio,\n  RadioGroup,\n  Select,\n  Text,\n  TextField,\n  TagGroup,\n  Tag,\n} from '@backstage/ui';\n\ninterface IsolatedPreviewProps {\n  mode: 'light' | 'dark';\n  styleObject: Record<string, string>;\n}\n\nexport function BuiThemePreview({ mode, styleObject }: IsolatedPreviewProps) {\n  return (\n    <div\n      // Setting the theme mode ensures that the correct defaults are picked up from the BUI theme\n      data-theme-mode={mode}\n      style={{\n        // Apply the generated CSS variables directly to this container\n        // This creates a scoped context where the variables take precedence\n        ...styleObject,\n        width: '100%',\n        backgroundColor: 'var(--bui-bg-surface-2)',\n        padding: 'var(--bui-space-3)',\n        borderRadius: 'var(--bui-radius-2)',\n        border: '1px solid var(--bui-border)',\n      }}\n    >\n      <Flex direction=\"column\" gap=\"4\">\n        <Card>\n          <CardHeader>Button Variants</CardHeader>\n          <CardBody>\n            <Flex gap=\"3\">\n              <Flex direction=\"column\" gap=\"2\">\n                <Button variant=\"primary\">Primary</Button>\n                <Button isDisabled variant=\"primary\">\n                  Disabled\n                </Button>\n              </Flex>\n              <Flex direction=\"column\" gap=\"2\">\n                <Button variant=\"secondary\">Secondary</Button>\n                <Button isDisabled variant=\"secondary\">\n                  Disabled\n                </Button>\n              </Flex>\n              <Flex direction=\"column\" gap=\"2\">\n                <Button variant=\"tertiary\">Tertiary</Button>\n                <Button isDisabled variant=\"tertiary\">\n                  Disabled\n                </Button>\n              </Flex>\n            </Flex>\n          </CardBody>\n        </Card>\n\n        <Card>\n          <CardHeader>Form Inputs</CardHeader>\n          <CardBody>\n            <Flex direction=\"column\" gap=\"3\">\n              <TextField label=\"Text Input\" placeholder=\"Enter some text\" />\n              <Select\n                label=\"Select Input\"\n                options={[\n                  { value: 'option1', label: 'Option 1' },\n                  { value: 'option2', label: 'Option 2' },\n                  { value: 'option3', label: 'Option 3' },\n                ]}\n              />\n              <Checkbox>Checkbox Option</Checkbox>\n              <RadioGroup label=\"Radio Group\" orientation=\"horizontal\">\n                <Radio value=\"option-1\">Option 1</Radio>\n                <Radio value=\"option-2\">Option 2</Radio>\n                <Radio value=\"option-3\">Option 3</Radio>\n              </RadioGroup>\n            </Flex>\n          </CardBody>\n        </Card>\n\n        <Card>\n          <CardHeader>Tag Variants</CardHeader>\n          <CardBody>\n            <Flex gap=\"3\">\n              <TagGroup>\n                <Tag>Default</Tag>\n                <Tag\n                  style={{\n                    backgroundColor: 'var(--bui-bg-danger)',\n                    color: 'var(--bui-fg-danger)',\n                    border: `1px solid var(--bui-border-danger)`,\n                  }}\n                >\n                  Danger\n                </Tag>\n                <Tag\n                  style={{\n                    backgroundColor: 'var(--bui-bg-warning)',\n                    color: 'var(--bui-fg-warning)',\n                    border: `1px solid var(--bui-border-warning)`,\n                  }}\n                >\n                  Warning\n                </Tag>\n                <Tag\n                  style={{\n                    backgroundColor: 'var(--bui-bg-success)',\n                    color: 'var(--bui-fg-success)',\n                    border: `1px solid var(--bui-border-success)`,\n                  }}\n                >\n                  Success\n                </Tag>\n              </TagGroup>\n            </Flex>\n          </CardBody>\n        </Card>\n\n        <Card>\n          <CardHeader>Text Variants</CardHeader>\n          <CardBody>\n            <Box\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: 'var(--bui-space-3)',\n              }}\n            >\n              <Text variant=\"title-x-small\">Title X Small</Text>\n              <Text variant=\"body-x-small\">Body X Small</Text>\n              <Text variant=\"title-small\">Title Small</Text>\n              <Text variant=\"body-small\">Body Small</Text>\n              <Text variant=\"title-medium\">Title Medium</Text>\n              <Text variant=\"body-medium\">Body Medium</Text>\n              <Text variant=\"title-large\">Title Large</Text>\n              <Text variant=\"body-large\">Body Large</Text>\n            </Box>\n          </CardBody>\n        </Card>\n      </Flex>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BuiThemePreview.esm.js","sources":["../../../src/components/BuiThemerPage/BuiThemePreview.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Box,\n  Button,\n  Card,\n  CardBody,\n  CardHeader,\n  Checkbox,\n  Flex,\n  Radio,\n  RadioGroup,\n  Select,\n  Text,\n  TextField,\n  TagGroup,\n  Tag,\n} from '@backstage/ui';\n\ninterface IsolatedPreviewProps {\n  mode: 'light' | 'dark';\n  styleObject: Record<string, string>;\n}\n\nexport function BuiThemePreview({ mode, styleObject }: IsolatedPreviewProps) {\n  return (\n    <div\n      // Setting the theme mode ensures that the correct defaults are picked up from the BUI theme\n      data-theme-mode={mode}\n      style={{\n        // Apply the generated CSS variables directly to this container\n        // This creates a scoped context where the variables take precedence\n        ...styleObject,\n        width: '100%',\n        backgroundColor: 'var(--bui-bg-neutral-2)',\n        padding: 'var(--bui-space-3)',\n        borderRadius: 'var(--bui-radius-2)',\n        border: '1px solid var(--bui-border)',\n      }}\n    >\n      <Flex direction=\"column\" gap=\"4\">\n        <Card>\n          <CardHeader>Button Variants</CardHeader>\n          <CardBody>\n            <Flex gap=\"3\">\n              <Flex direction=\"column\" gap=\"2\">\n                <Button variant=\"primary\">Primary</Button>\n                <Button isDisabled variant=\"primary\">\n                  Disabled\n                </Button>\n              </Flex>\n              <Flex direction=\"column\" gap=\"2\">\n                <Button variant=\"secondary\">Secondary</Button>\n                <Button isDisabled variant=\"secondary\">\n                  Disabled\n                </Button>\n              </Flex>\n              <Flex direction=\"column\" gap=\"2\">\n                <Button variant=\"tertiary\">Tertiary</Button>\n                <Button isDisabled variant=\"tertiary\">\n                  Disabled\n                </Button>\n              </Flex>\n            </Flex>\n          </CardBody>\n        </Card>\n\n        <Card>\n          <CardHeader>Form Inputs</CardHeader>\n          <CardBody>\n            <Flex direction=\"column\" gap=\"3\">\n              <TextField label=\"Text Input\" placeholder=\"Enter some text\" />\n              <Select\n                label=\"Select Input\"\n                options={[\n                  { value: 'option1', label: 'Option 1' },\n                  { value: 'option2', label: 'Option 2' },\n                  { value: 'option3', label: 'Option 3' },\n                ]}\n              />\n              <Checkbox>Checkbox Option</Checkbox>\n              <RadioGroup label=\"Radio Group\" orientation=\"horizontal\">\n                <Radio value=\"option-1\">Option 1</Radio>\n                <Radio value=\"option-2\">Option 2</Radio>\n                <Radio value=\"option-3\">Option 3</Radio>\n              </RadioGroup>\n            </Flex>\n          </CardBody>\n        </Card>\n\n        <Card>\n          <CardHeader>Tag Variants</CardHeader>\n          <CardBody>\n            <Flex gap=\"3\">\n              <TagGroup>\n                <Tag>Default</Tag>\n                <Tag\n                  style={{\n                    backgroundColor: 'var(--bui-bg-danger)',\n                    color: 'var(--bui-fg-danger)',\n                    border: `1px solid var(--bui-border-danger)`,\n                  }}\n                >\n                  Danger\n                </Tag>\n                <Tag\n                  style={{\n                    backgroundColor: 'var(--bui-bg-warning)',\n                    color: 'var(--bui-fg-warning)',\n                    border: `1px solid var(--bui-border-warning)`,\n                  }}\n                >\n                  Warning\n                </Tag>\n                <Tag\n                  style={{\n                    backgroundColor: 'var(--bui-bg-success)',\n                    color: 'var(--bui-fg-success)',\n                    border: `1px solid var(--bui-border-success)`,\n                  }}\n                >\n                  Success\n                </Tag>\n              </TagGroup>\n            </Flex>\n          </CardBody>\n        </Card>\n\n        <Card>\n          <CardHeader>Text Variants</CardHeader>\n          <CardBody>\n            <Box\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: 'var(--bui-space-3)',\n              }}\n            >\n              <Text variant=\"title-x-small\">Title X Small</Text>\n              <Text variant=\"body-x-small\">Body X Small</Text>\n              <Text variant=\"title-small\">Title Small</Text>\n              <Text variant=\"body-small\">Body Small</Text>\n              <Text variant=\"title-medium\">Title Medium</Text>\n              <Text variant=\"body-medium\">Body Medium</Text>\n              <Text variant=\"title-large\">Title Large</Text>\n              <Text variant=\"body-large\">Body Large</Text>\n            </Box>\n          </CardBody>\n        </Card>\n      </Flex>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/BuiThemerPage/ThemeContent.esm.js

@@ -55,7 +55,7 @@ function ThemeContent({
             {
               p: "3",
               style: {
-                backgroundColor: "var(--bui-bg-surface-2)",
+                backgroundColor: "var(--bui-bg-neutral-2)",
                 border: "1px solid var(--bui-border)",
                 borderRadius: "var(--bui-radius-2)",
                 fontFamily: "monospace",

package/dist/components/BuiThemerPage/ThemeContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContent.esm.js","sources":["../../../src/components/BuiThemerPage/ThemeContent.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo, useState, useCallback } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport {\n  Box,\n  Button,\n  Card,\n  Flex,\n  Text,\n  Tabs,\n  TabList,\n  Tab,\n  TabPanel,\n} from '@backstage/ui';\nimport { convertMuiToBuiTheme } from './convertMuiToBuiTheme';\nimport { BuiThemePreview } from './BuiThemePreview';\n\ninterface ThemeContentProps {\n  themeId: string;\n  themeTitle: string;\n  variant: 'light' | 'dark';\n  muiTheme: Theme;\n}\n\nexport function ThemeContent({\n  themeId,\n  themeTitle,\n  variant,\n  muiTheme,\n}: ThemeContentProps) {\n  const [activeTab, setActiveTab] = useState<string>('css');\n\n  const { css, styleObject } = useMemo(() => {\n    return convertMuiToBuiTheme(muiTheme);\n  }, [muiTheme]);\n\n  const handleCopy = useCallback(() => {\n    window.navigator.clipboard.writeText(css);\n  }, [css]);\n\n  const handleDownload = useCallback(() => {\n    const blob = new Blob([css], { type: 'text/css' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `bui-theme-${themeId}.css`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  }, [css, themeId]);\n\n  return (\n    <Card>\n      <Box p=\"6\">\n        <Flex direction=\"column\" gap=\"4\">\n          <Flex justify=\"between\" align=\"center\">\n            <Text variant=\"title-medium\">{themeTitle}</Text>\n            <Text variant=\"body-small\" color=\"secondary\">\n              {variant} theme\n            </Text>\n          </Flex>\n\n          <Flex gap=\"3\">\n            <Button onClick={handleCopy} variant=\"secondary\">\n              Copy CSS\n            </Button>\n            <Button onClick={handleDownload} variant=\"secondary\">\n              Download CSS\n            </Button>\n          </Flex>\n\n          <Tabs\n            selectedKey={activeTab}\n            onSelectionChange={key => setActiveTab(key as string)}\n          >\n            <TabList>\n              <Tab id=\"css\">Generated CSS</Tab>\n              <Tab id=\"preview\">Live Preview</Tab>\n            </TabList>\n\n            <TabPanel id=\"css\">\n              <Box\n                p=\"3\"\n                style={{\n                  backgroundColor: 'var(--bui-bg-surface-2)',\n                  border: '1px solid var(--bui-border)',\n                  borderRadius: 'var(--bui-radius-2)',\n                  fontFamily: 'monospace',\n                  fontSize: '14px',\n                  lineHeight: '1.5',\n                  height: '600px',\n                  overflow: 'auto',\n                  whiteSpace: 'pre-wrap',\n                  wordBreak: 'break-all',\n                }}\n              >\n                {css}\n              </Box>\n            </TabPanel>\n\n            <TabPanel id=\"preview\">\n              <Box>\n                <BuiThemePreview mode={variant} styleObject={styleObject} />\n              </Box>\n            </TabPanel>\n          </Tabs>\n        </Flex>\n      </Box>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeContent.esm.js","sources":["../../../src/components/BuiThemerPage/ThemeContent.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo, useState, useCallback } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport {\n  Box,\n  Button,\n  Card,\n  Flex,\n  Text,\n  Tabs,\n  TabList,\n  Tab,\n  TabPanel,\n} from '@backstage/ui';\nimport { convertMuiToBuiTheme } from './convertMuiToBuiTheme';\nimport { BuiThemePreview } from './BuiThemePreview';\n\ninterface ThemeContentProps {\n  themeId: string;\n  themeTitle: string;\n  variant: 'light' | 'dark';\n  muiTheme: Theme;\n}\n\nexport function ThemeContent({\n  themeId,\n  themeTitle,\n  variant,\n  muiTheme,\n}: ThemeContentProps) {\n  const [activeTab, setActiveTab] = useState<string>('css');\n\n  const { css, styleObject } = useMemo(() => {\n    return convertMuiToBuiTheme(muiTheme);\n  }, [muiTheme]);\n\n  const handleCopy = useCallback(() => {\n    window.navigator.clipboard.writeText(css);\n  }, [css]);\n\n  const handleDownload = useCallback(() => {\n    const blob = new Blob([css], { type: 'text/css' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `bui-theme-${themeId}.css`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  }, [css, themeId]);\n\n  return (\n    <Card>\n      <Box p=\"6\">\n        <Flex direction=\"column\" gap=\"4\">\n          <Flex justify=\"between\" align=\"center\">\n            <Text variant=\"title-medium\">{themeTitle}</Text>\n            <Text variant=\"body-small\" color=\"secondary\">\n              {variant} theme\n            </Text>\n          </Flex>\n\n          <Flex gap=\"3\">\n            <Button onClick={handleCopy} variant=\"secondary\">\n              Copy CSS\n            </Button>\n            <Button onClick={handleDownload} variant=\"secondary\">\n              Download CSS\n            </Button>\n          </Flex>\n\n          <Tabs\n            selectedKey={activeTab}\n            onSelectionChange={key => setActiveTab(key as string)}\n          >\n            <TabList>\n              <Tab id=\"css\">Generated CSS</Tab>\n              <Tab id=\"preview\">Live Preview</Tab>\n            </TabList>\n\n            <TabPanel id=\"css\">\n              <Box\n                p=\"3\"\n                style={{\n                  backgroundColor: 'var(--bui-bg-neutral-2)',\n                  border: '1px solid var(--bui-border)',\n                  borderRadius: 'var(--bui-radius-2)',\n                  fontFamily: 'monospace',\n                  fontSize: '14px',\n                  lineHeight: '1.5',\n                  height: '600px',\n                  overflow: 'auto',\n                  whiteSpace: 'pre-wrap',\n                  wordBreak: 'break-all',\n                }}\n              >\n                {css}\n              </Box>\n            </TabPanel>\n\n            <TabPanel id=\"preview\">\n              <Box>\n                <BuiThemePreview mode={variant} styleObject={styleObject} />\n              </Box>\n            </TabPanel>\n          </Tabs>\n        </Flex>\n      </Box>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/BuiThemerPage/convertMuiToBuiTheme.esm.js

@@ -56,10 +56,10 @@ function generateBuiVariables(theme) {
     styleObject[`--bui-fg-${key}`] = value;
   });
   Object.entries({
-    "surface-0": palette.background.default,
-    "surface-1": palette.background.paper,
-    "surface-2": palette.background.default,
-    "surface-3": palette.background.default,
+    "neutral-0": palette.background.default,
+    "neutral-1": palette.background.paper,
+    "neutral-2": palette.background.default,
+    "neutral-3": palette.background.default,
     solid: palette.primary.main,
     "solid-hover": blend(palette.primary.main, palette.primary.dark, 0.5),
     "solid-pressed": palette.primary.dark,

package/dist/components/BuiThemerPage/convertMuiToBuiTheme.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"convertMuiToBuiTheme.esm.js","sources":["../../../src/components/BuiThemerPage/convertMuiToBuiTheme.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Theme as Mui5Theme } from '@mui/material/styles';\nimport { BackstagePaletteAdditions } from '@backstage/theme';\nimport { blend, alpha } from '@mui/system/colorManipulator';\n\nexport interface ConvertMuiToBuiThemeResult {\n  css: string;\n  styleObject: Record<string, string>;\n}\n\n/**\n * Converts a MUI v5 Theme to BUI CSS variables\n * @param theme - The MUI v5 theme to convert\n * @returns Object containing CSS string and style object with BUI variables\n */\nexport function convertMuiToBuiTheme(\n  theme: Mui5Theme,\n): ConvertMuiToBuiThemeResult {\n  const styleObject = generateBuiVariables(theme);\n\n  const selector =\n    theme.palette.mode === 'dark' ? \"[data-theme-mode='dark']\" : ':root';\n\n  const css = `${selector} {\\n${Object.entries(styleObject)\n    .map(([key, value]) => `  ${key}: ${value};`)\n    .join('\\n')}\\n}`;\n\n  return { css, styleObject };\n}\n\n/**\n * Generates BUI CSS variables from MUI theme\n */\nfunction generateBuiVariables(theme: Mui5Theme): Record<string, string> {\n  const styleObject: Record<string, string> = {};\n\n  // Font families\n  if (theme.typography.fontFamily) {\n    styleObject['--bui-font-regular'] = theme.typography.fontFamily;\n  }\n\n  // Font weights\n  if (theme.typography.fontWeightRegular) {\n    styleObject['--bui-font-weight-regular'] = String(\n      theme.typography.fontWeightRegular,\n    );\n  }\n  if (theme.typography.fontWeightBold) {\n    styleObject['--bui-font-weight-bold'] = String(\n      theme.typography.fontWeightBold,\n    );\n  }\n\n  const spacing = theme.spacing(1);\n  // Skip spacing if the theme is using the default\n  if (spacing !== '8px') {\n    styleObject['--bui-space'] = `calc(${spacing} * 0.5)`;\n  }\n\n  // Border radius, only translate a 0 radius\n  if (theme.shape.borderRadius === 0) {\n    styleObject['--bui-radius-1'] = '0';\n    styleObject['--bui-radius-2'] = '0';\n    styleObject['--bui-radius-3'] = '0';\n    styleObject['--bui-radius-4'] = '0';\n    styleObject['--bui-radius-5'] = '0';\n    styleObject['--bui-radius-6'] = '0';\n  }\n\n  // Colors - map MUI palette to BUI color tokens\n  const palette = theme.palette as typeof theme.palette &\n    Partial<BackstagePaletteAdditions>;\n\n  // Base colors\n  styleObject['--bui-black'] = palette.common.black;\n  styleObject['--bui-white'] = palette.common.white;\n\n  // Generate foreground colors\n  Object.entries({\n    primary: palette.text.primary,\n    secondary: palette.textSubtle,\n    disabled: palette.text.disabled,\n    solid: palette.primary.contrastText,\n    'solid-disabled': palette.text.disabled,\n    danger: palette.error.main,\n    warning: palette.warning.main,\n    success: palette.success.main,\n    info: palette.info?.main ?? palette.primary.main,\n    'danger-on-bg': palette.error.dark,\n    'warning-on-bg': palette.warning.dark,\n    'success-on-bg': palette.success.dark,\n    'info-on-bg': palette.info?.dark ?? palette.primary.dark,\n  }).forEach(([key, value]) => {\n    styleObject[`--bui-fg-${key}`] = value;\n  });\n\n  // Generate surface colors\n  Object.entries({\n    'surface-0': palette.background.default,\n    'surface-1': palette.background.paper,\n    'surface-2': palette.background.default,\n    'surface-3': palette.background.default,\n    solid: palette.primary.main,\n    'solid-hover': blend(palette.primary.main, palette.primary.dark, 0.5),\n    'solid-pressed': palette.primary.dark,\n    'solid-disabled': palette.action.disabledBackground,\n    danger: palette.error.light,\n    warning: palette.warning.light,\n    success: palette.success.light,\n    info: palette.info?.light ?? alpha(palette.primary.main, 0.1),\n  }).forEach(([key, value]) => {\n    styleObject[`--bui-bg-${key}`] = value;\n  });\n\n  // Border colors\n  Object.entries({\n    danger: palette.error.main,\n    warning: palette.warning.main,\n    success: palette.success.main,\n    info: palette.info?.main ?? palette.primary.main,\n  }).forEach(([key, value]) => {\n    styleObject[`--bui-border-${key}`] = value;\n  });\n\n  // Base border color if available\n  styleObject['--bui-border'] = palette.border || palette.divider;\n  styleObject['--bui-border-danger'] = palette.error.main;\n  styleObject['--bui-border-warning'] = palette.warning.main;\n  styleObject['--bui-border-success'] = palette.success.main;\n\n  // Special colors\n  styleObject['--bui-ring'] = palette.highlight || palette.primary.main;\n\n  return styleObject;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"convertMuiToBuiTheme.esm.js","sources":["../../../src/components/BuiThemerPage/convertMuiToBuiTheme.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Theme as Mui5Theme } from '@mui/material/styles';\nimport { BackstagePaletteAdditions } from '@backstage/theme';\nimport { blend, alpha } from '@mui/system/colorManipulator';\n\nexport interface ConvertMuiToBuiThemeResult {\n  css: string;\n  styleObject: Record<string, string>;\n}\n\n/**\n * Converts a MUI v5 Theme to BUI CSS variables\n * @param theme - The MUI v5 theme to convert\n * @returns Object containing CSS string and style object with BUI variables\n */\nexport function convertMuiToBuiTheme(\n  theme: Mui5Theme,\n): ConvertMuiToBuiThemeResult {\n  const styleObject = generateBuiVariables(theme);\n\n  const selector =\n    theme.palette.mode === 'dark' ? \"[data-theme-mode='dark']\" : ':root';\n\n  const css = `${selector} {\\n${Object.entries(styleObject)\n    .map(([key, value]) => `  ${key}: ${value};`)\n    .join('\\n')}\\n}`;\n\n  return { css, styleObject };\n}\n\n/**\n * Generates BUI CSS variables from MUI theme\n */\nfunction generateBuiVariables(theme: Mui5Theme): Record<string, string> {\n  const styleObject: Record<string, string> = {};\n\n  // Font families\n  if (theme.typography.fontFamily) {\n    styleObject['--bui-font-regular'] = theme.typography.fontFamily;\n  }\n\n  // Font weights\n  if (theme.typography.fontWeightRegular) {\n    styleObject['--bui-font-weight-regular'] = String(\n      theme.typography.fontWeightRegular,\n    );\n  }\n  if (theme.typography.fontWeightBold) {\n    styleObject['--bui-font-weight-bold'] = String(\n      theme.typography.fontWeightBold,\n    );\n  }\n\n  const spacing = theme.spacing(1);\n  // Skip spacing if the theme is using the default\n  if (spacing !== '8px') {\n    styleObject['--bui-space'] = `calc(${spacing} * 0.5)`;\n  }\n\n  // Border radius, only translate a 0 radius\n  if (theme.shape.borderRadius === 0) {\n    styleObject['--bui-radius-1'] = '0';\n    styleObject['--bui-radius-2'] = '0';\n    styleObject['--bui-radius-3'] = '0';\n    styleObject['--bui-radius-4'] = '0';\n    styleObject['--bui-radius-5'] = '0';\n    styleObject['--bui-radius-6'] = '0';\n  }\n\n  // Colors - map MUI palette to BUI color tokens\n  const palette = theme.palette as typeof theme.palette &\n    Partial<BackstagePaletteAdditions>;\n\n  // Base colors\n  styleObject['--bui-black'] = palette.common.black;\n  styleObject['--bui-white'] = palette.common.white;\n\n  // Generate foreground colors\n  Object.entries({\n    primary: palette.text.primary,\n    secondary: palette.textSubtle,\n    disabled: palette.text.disabled,\n    solid: palette.primary.contrastText,\n    'solid-disabled': palette.text.disabled,\n    danger: palette.error.main,\n    warning: palette.warning.main,\n    success: palette.success.main,\n    info: palette.info?.main ?? palette.primary.main,\n    'danger-on-bg': palette.error.dark,\n    'warning-on-bg': palette.warning.dark,\n    'success-on-bg': palette.success.dark,\n    'info-on-bg': palette.info?.dark ?? palette.primary.dark,\n  }).forEach(([key, value]) => {\n    styleObject[`--bui-fg-${key}`] = value;\n  });\n\n  // Generate neutral background colors\n  Object.entries({\n    'neutral-0': palette.background.default,\n    'neutral-1': palette.background.paper,\n    'neutral-2': palette.background.default,\n    'neutral-3': palette.background.default,\n    solid: palette.primary.main,\n    'solid-hover': blend(palette.primary.main, palette.primary.dark, 0.5),\n    'solid-pressed': palette.primary.dark,\n    'solid-disabled': palette.action.disabledBackground,\n    danger: palette.error.light,\n    warning: palette.warning.light,\n    success: palette.success.light,\n    info: palette.info?.light ?? alpha(palette.primary.main, 0.1),\n  }).forEach(([key, value]) => {\n    styleObject[`--bui-bg-${key}`] = value;\n  });\n\n  // Border colors\n  Object.entries({\n    danger: palette.error.main,\n    warning: palette.warning.main,\n    success: palette.success.main,\n    info: palette.info?.main ?? palette.primary.main,\n  }).forEach(([key, value]) => {\n    styleObject[`--bui-border-${key}`] = value;\n  });\n\n  // Base border color if available\n  styleObject['--bui-border'] = palette.border || palette.divider;\n  styleObject['--bui-border-danger'] = palette.error.main;\n  styleObject['--bui-border-warning'] = palette.warning.main;\n  styleObject['--bui-border-success'] = palette.success.main;\n\n  // Special colors\n  styleObject['--bui-ring'] = palette.highlight || palette.primary.main;\n\n  return styleObject;\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-mui-to-bui",
-  "version": "0.2.4-next.1",
+  "version": "0.2.4-next.2",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "mui-to-bui",
@@ -38,29 +38,29 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-plugin-api": "1.12.3-next.0",
-    "@backstage/frontend-plugin-api": "0.14.0-next.1",
-    "@backstage/theme": "0.7.2-next.0",
-    "@backstage/ui": "0.12.0-next.1",
+    "@backstage/core-plugin-api": "1.12.3-next.1",
+    "@backstage/frontend-plugin-api": "0.14.0-next.2",
+    "@backstage/theme": "0.7.2-next.1",
+    "@backstage/ui": "0.12.0-next.2",
     "@mui/material": "^5.12.2",
     "@mui/system": "^5.16.14"
   },
   "devDependencies": {
-    "@backstage/cli": "0.35.4-next.1",
-    "@backstage/dev-utils": "1.1.20-next.1",
-    "@backstage/test-utils": "1.7.15-next.1",
+    "@backstage/cli": "0.35.4-next.2",
+    "@backstage/dev-utils": "1.1.20-next.2",
+    "@backstage/test-utils": "1.7.15-next.2",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.0.0",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.30.2"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.30.2"
   },
   "peerDependenciesMeta": {
     "@types/react": {