diff --git a/change/@fluentui-react-migration-v0-v9-f1f7af36-9864-40cc-8dad-6ad1306da991.json b/change/@fluentui-react-migration-v0-v9-f1f7af36-9864-40cc-8dad-6ad1306da991.json new file mode 100644 index 00000000000000..0465c310dee767 --- /dev/null +++ b/change/@fluentui-react-migration-v0-v9-f1f7af36-9864-40cc-8dad-6ad1306da991.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Remove dependency on v0", + "packageName": "@fluentui/react-migration-v0-v9", + "email": "jurokapsiar@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index c6863c558ec795..6aa2777b34d9a7 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -27,6 +27,7 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "*", + "@fluentui/react-northstar": "*", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-storybook": "*" @@ -37,7 +38,6 @@ "@fluentui/react-context-selector": "^9.1.46", "@fluentui/react-icons": "^2.0.224", "@fluentui/react-jsx-runtime": "^9.0.24", - "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-shared-contexts": "^9.13.2", "@fluentui/react-tabster": "^9.17.0", "@fluentui/react-theme": "^9.1.16", diff --git a/packages/react-components/react-migration-v0-v9/src/components/Button/ButtonMigration.mixins.ts b/packages/react-components/react-migration-v0-v9/src/components/Button/ButtonMigration.mixins.ts index b920d69055b961..75b6acdf9151b3 100644 --- a/packages/react-components/react-migration-v0-v9/src/components/Button/ButtonMigration.mixins.ts +++ b/packages/react-components/react-migration-v0-v9/src/components/Button/ButtonMigration.mixins.ts @@ -1,7 +1,12 @@ import { GriffelStyle, shorthands } from '@fluentui/react-components'; -import { iconClassNames } from '@fluentui/react-northstar'; import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons'; +// class names from v0 - not imported as we do not want to keep depending on v0. +const iconClassNames = { + filled: 'ui-icon__filled', + outline: 'ui-icon__outline', +}; + export const v9HoverClasses = (): GriffelStyle => ({ [`& .${iconFilledClassName}`]: { display: 'none',