Android Svg Support (#652)
* added svg, transformer to android * base64 svgs do not load, font files do not link * Change files * bump package versions manually * Change files * upgrade react-native-svg * Change files * revert 'bump package versions manually' * Change files
This commit is contained in:
Родитель
23b0a399f1
Коммит
b8f260a8b9
|
@ -6,15 +6,47 @@
|
|||
*/
|
||||
|
||||
const {getWatchFolders} = require('@uifabricshared/build-native');
|
||||
const {getDefaultConfig} = require('metro-config');
|
||||
|
||||
module.exports = {
|
||||
watchFolders: getWatchFolders(),
|
||||
transformer: {
|
||||
getTransformOptions: async () => ({
|
||||
transform: {
|
||||
experimentalImportSupport: false,
|
||||
inlineRequires: false,
|
||||
module.exports = (async () => {
|
||||
const {
|
||||
resolver: {sourceExts, assetExts},
|
||||
} = await getDefaultConfig();
|
||||
return {
|
||||
watchFolders: getWatchFolders(),
|
||||
resolver: {
|
||||
// prettier-ignore
|
||||
assetExts: [assetExts.filter((ext) => ext !== 'svg'), 'ttf', 'otf', 'png'],
|
||||
sourceExts: [...sourceExts, 'svg'],
|
||||
},
|
||||
// Metro doesn't currently handle assets coming from hoisted packages within a monorepo. This is the current workaround people use
|
||||
// In this case this is to ensure that the image assets that are part of logbox get loaded correctly.
|
||||
server: {
|
||||
enhanceMiddleware: (middleware) => {
|
||||
return (req, res, next) => {
|
||||
if (req.url.startsWith('/fluent-tester/src')) {
|
||||
req.url = req.url.replace(
|
||||
'/fluent-tester/src',
|
||||
'/assets/../fluent-tester/src',
|
||||
);
|
||||
} else if (req.url.startsWith('/node_modules/react-native')) {
|
||||
req.url = req.url.replace(
|
||||
'/node_modules/react-native',
|
||||
'/assets/../../node_modules/react-native',
|
||||
);
|
||||
}
|
||||
return middleware(req, res, next);
|
||||
};
|
||||
},
|
||||
}),
|
||||
},
|
||||
};
|
||||
},
|
||||
transformer: {
|
||||
babelTransformerPath: require.resolve('react-native-svg-transformer'),
|
||||
getTransformOptions: async () => ({
|
||||
transform: {
|
||||
experimentalImportSupport: false,
|
||||
inlineRequires: false,
|
||||
},
|
||||
}),
|
||||
},
|
||||
};
|
||||
})();
|
||||
|
|
|
@ -22,6 +22,7 @@
|
|||
"@fluentui-react-native/tester": "^0.21.1",
|
||||
"react": "16.13.1",
|
||||
"react-native": "^0.63.4",
|
||||
"react-native-svg": "^12.1.0",
|
||||
"react-native-test-app": "^0.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
@ -34,6 +35,7 @@
|
|||
"babel-jest": "^24.9.0",
|
||||
"jest": "^24.9.0",
|
||||
"metro-react-native-babel-preset": "^0.59.0",
|
||||
"react-native-svg-transformer": "^0.14.3",
|
||||
"react-test-renderer": "~16.13.1"
|
||||
},
|
||||
"jest": {
|
||||
|
|
|
@ -0,0 +1,28 @@
|
|||
buildscript {
|
||||
ext.kotlin_version = "1.3.72"
|
||||
repositories {
|
||||
google()
|
||||
jcenter()
|
||||
mavenCentral()
|
||||
}
|
||||
dependencies {
|
||||
classpath "com.android.tools.build:gradle:4.0.1"
|
||||
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
|
||||
// NOTE: Do not place your application dependencies here; they belong
|
||||
// in the individual module build.gradle files
|
||||
}
|
||||
}
|
||||
allprojects {
|
||||
repositories {
|
||||
maven {
|
||||
// All of React Native (JS, Android binaries) is installed from npm
|
||||
url "$rootDir/../../../node_modules/react-native/android"
|
||||
}
|
||||
maven {
|
||||
// Android JSC is installed from npm
|
||||
url("$rootDir/../../../node_modules/jsc-android/dist")
|
||||
}
|
||||
google()
|
||||
jcenter()
|
||||
}
|
||||
}
|
|
@ -29,8 +29,8 @@
|
|||
"@fluentui-react-native/default-theme": ">=0.5.1 <1.0.0",
|
||||
"@fluentui-react-native/experimental-avatar": ">=0.7.0 <1.0.0",
|
||||
"@fluentui-react-native/experimental-button": "0.5.1",
|
||||
"@fluentui-react-native/experimental-text": ">=0.4.1 <1.0.0",
|
||||
"@fluentui-react-native/experimental-native-button": ">=0.5.3 <1.0.0",
|
||||
"@fluentui-react-native/experimental-text": ">=0.4.1 <1.0.0",
|
||||
"@fluentui-react-native/framework": ">=0.5.1 <1.0.0",
|
||||
"@fluentui-react-native/icon": "0.4.1",
|
||||
"@fluentui-react-native/interactive-hooks": ">=0.9.0 <1.0.0",
|
||||
|
@ -42,7 +42,7 @@
|
|||
"@fluentui/react-native": ">=0.23.4 <1.0.0",
|
||||
"@react-native-menu/menu": "^0.1.2",
|
||||
"@react-native-picker/picker": "^1.9.11",
|
||||
"react-native-svg": "^11.0.0"
|
||||
"react-native-svg": "12.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@office-iss/react-native-win32": "^0.63.7",
|
||||
|
|
|
@ -32,14 +32,15 @@ const icons: React.FunctionComponent<{}> = () => {
|
|||
// d20 icon by Lonnie Tapscott, licensed under CC BY, modified to use "currentColor"
|
||||
// https://thenounproject.com/search/?q=d20&i=2453700
|
||||
const svgD20DataUriProps: SvgIconProps = {
|
||||
uri: 'data:image/svg;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5BcnRib2FyZCA2PC90aXRsZT48cGF0aCBkPSJNOTEuOSw2MS4zN2wtMTQtNDJhMiwyLDAsMCwwLTEuMzMtMS4yOWwtMzctMTFhMiwyLDAsMCwwLTIsLjUxbC0zMSwzMWEyLDIsMCwwLDAtLjQ4LDIuMDZsMTUsNDRBMiwyLDAsMCwwLDIyLjczLDg2bDM2LDVMNTksOTFhMiwyLDAsMCwwLDEuMzEtLjQ5bDMxLTI3QTIsMiwwLDAsMCw5MS45LDYxLjM3Wk0yNC40NCw4MiwzMS42LDQ3LjA1bDMzLjA4LDM0Wk03Ny4yNiwzMS42OSwzMi4zMyw0My42MWw3LjA2LTMxLjc1Wm0tNDcsMTIuMTJMMTEuMTYsMzkuNjYsMzYuODgsMTRaTTY2LjM4LDc5LjkyLDMyLjkxLDQ1LjUzLDc4LjM4LDMzLjQ2bC4xMi4zNS0xMiw0NlpNNzcsMjkuMjlsLTMwLjUyLTE2LDI4LDguMzFaTTEwLjY2LDQxLjZsMTkuMTYsNC4xN0wyMy4xNiw3OC4yNlpNNTguMzcsODYuODksMzUuNSw4My43MmwyNy4yMy0uNjJabTEwLjg1LTkuNDRMNzkuNjYsMzcuMjlsOCwyNC4wOFpNNDEuNjQsMzUuNWE3LDcsMCwwLDEsMS44NS0zLjgyLDE2LjkzLDE2LjkzLDAsMCwwLDEuODQtMi41OEEyLjQ0LDIuNDQsMCwwLDAsNDUuNCwyN2EyLjY3LDIuNjcsMCwwLDAtMS4xMy0xLjI4LDIuMzQsMi4zNCwwLDAsMC0xLjc0LS4yMWMtLjkuMi0xLjM4LjY0LTEuNDYsMS4zMWE0LjM1LDQuMzUsMCwwLDAsLjM2LDEuNzRsLTMsLjdhNiw2LDAsMCwxLS40Mi0zYy4yNi0xLjUxLDEuNC0yLjQ3LDMuNC0yLjkxYTYuNjIsNi42MiwwLDAsMSw0LjIxLjMxLDUuMjcsNS4yNywwLDAsMSwyLjczLDIuNzEsMy44MiwzLjgyLDAsMCwxLC4yMSwyLjg2LDcuNDYsNy40NiwwLDAsMS0xLjM1LDIuMjhsLS44NSwxLjA4cS0uODEsMS0xLjA4LDEuNDdBMi44MSwyLjgxLDAsMCwwLDQ1LDM1bDYuNjItMS43NCwxLjExLDIuNDVMNDIuMDksMzguNkE2Ljc1LDYuNzUsMCwwLDEsNDEuNjQsMzUuNVpNNTYuNTcsMjEuODFBMTMsMTMsMCwwLDEsNjAsMjYuMzZhMTAuNDgsMTAuNDgsMCwwLDEsMS40Nyw1LjI4Yy0uMSwxLjQtMS4wNiwyLjM2LTIuODcsMi44NWE1LjExLDUuMTEsMCwwLDEtNC43Ni0uODIsMTMsMTMsMCwwLDEtMy41My00LjkzLDkuNzgsOS43OCwwLDAsMS0xLjItNS4yNWMuMi0xLjMsMS4xOS0yLjE0LDMtMi41M0E1LjE4LDUuMTgsMCwwLDEsNTYuNTcsMjEuODFabS0xLjI2LDkuNjZhMi4xMywyLjEzLDAsMCwwLDIuMjUuODEsMS4yOSwxLjI5LDAsMCwwLDEtMS42NiwxMy43MiwxMy43MiwwLDAsMC0xLjMzLTMuNTcsMTUsMTUsMCwwLDAtMi4wNi0zLjM0QTIuMDksMi4wOSwwLDAsMCw1My4wNywyMywxLjI0LDEuMjQsMCwwLDAsNTIsMjQuNDYsMTIuNjcsMTIuNjcsMCwwLDAsNTMuMjMsMjgsMTUuMzMsMTUuMzMsMCwwLDAsNTUuMzEsMzEuNDdaIj48L3BhdGg+PC9zdmc+',
|
||||
viewBox: '25 10 50 50'
|
||||
uri:
|
||||
'data:image/svg;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5BcnRib2FyZCA2PC90aXRsZT48cGF0aCBkPSJNOTEuOSw2MS4zN2wtMTQtNDJhMiwyLDAsMCwwLTEuMzMtMS4yOWwtMzctMTFhMiwyLDAsMCwwLTIsLjUxbC0zMSwzMWEyLDIsMCwwLDAtLjQ4LDIuMDZsMTUsNDRBMiwyLDAsMCwwLDIyLjczLDg2bDM2LDVMNTksOTFhMiwyLDAsMCwwLDEuMzEtLjQ5bDMxLTI3QTIsMiwwLDAsMCw5MS45LDYxLjM3Wk0yNC40NCw4MiwzMS42LDQ3LjA1bDMzLjA4LDM0Wk03Ny4yNiwzMS42OSwzMi4zMyw0My42MWw3LjA2LTMxLjc1Wm0tNDcsMTIuMTJMMTEuMTYsMzkuNjYsMzYuODgsMTRaTTY2LjM4LDc5LjkyLDMyLjkxLDQ1LjUzLDc4LjM4LDMzLjQ2bC4xMi4zNS0xMiw0NlpNNzcsMjkuMjlsLTMwLjUyLTE2LDI4LDguMzFaTTEwLjY2LDQxLjZsMTkuMTYsNC4xN0wyMy4xNiw3OC4yNlpNNTguMzcsODYuODksMzUuNSw4My43MmwyNy4yMy0uNjJabTEwLjg1LTkuNDRMNzkuNjYsMzcuMjlsOCwyNC4wOFpNNDEuNjQsMzUuNWE3LDcsMCwwLDEsMS44NS0zLjgyLDE2LjkzLDE2LjkzLDAsMCwwLDEuODQtMi41OEEyLjQ0LDIuNDQsMCwwLDAsNDUuNCwyN2EyLjY3LDIuNjcsMCwwLDAtMS4xMy0xLjI4LDIuMzQsMi4zNCwwLDAsMC0xLjc0LS4yMWMtLjkuMi0xLjM4LjY0LTEuNDYsMS4zMWE0LjM1LDQuMzUsMCwwLDAsLjM2LDEuNzRsLTMsLjdhNiw2LDAsMCwxLS40Mi0zYy4yNi0xLjUxLDEuNC0yLjQ3LDMuNC0yLjkxYTYuNjIsNi42MiwwLDAsMSw0LjIxLjMxLDUuMjcsNS4yNywwLDAsMSwyLjczLDIuNzEsMy44MiwzLjgyLDAsMCwxLC4yMSwyLjg2LDcuNDYsNy40NiwwLDAsMS0xLjM1LDIuMjhsLS44NSwxLjA4cS0uODEsMS0xLjA4LDEuNDdBMi44MSwyLjgxLDAsMCwwLDQ1LDM1bDYuNjItMS43NCwxLjExLDIuNDVMNDIuMDksMzguNkE2Ljc1LDYuNzUsMCwwLDEsNDEuNjQsMzUuNVpNNTYuNTcsMjEuODFBMTMsMTMsMCwwLDEsNjAsMjYuMzZhMTAuNDgsMTAuNDgsMCwwLDEsMS40Nyw1LjI4Yy0uMSwxLjQtMS4wNiwyLjM2LTIuODcsMi44NWE1LjExLDUuMTEsMCwwLDEtNC43Ni0uODIsMTMsMTMsMCwwLDEtMy41My00LjkzLDkuNzgsOS43OCwwLDAsMS0xLjItNS4yNWMuMi0xLjMsMS4xOS0yLjE0LDMtMi41M0E1LjE4LDUuMTgsMCwwLDEsNTYuNTcsMjEuODFabS0xLjI2LDkuNjZhMi4xMywyLjEzLDAsMCwwLDIuMjUuODEsMS4yOSwxLjI5LDAsMCwwLDEtMS42NiwxMy43MiwxMy43MiwwLDAsMC0xLjMzLTMuNTcsMTUsMTUsMCwwLDAtMi4wNi0zLjM0QTIuMDksMi4wOSwwLDAsMCw1My4wNywyMywxLjI0LDEuMjQsMCwwLDAsNTIsMjQuNDYsMTIuNjcsMTIuNjcsMCwwLDAsNTMuMjMsMjgsMTUuMzMsMTUuMzMsMCwwLDAsNTUuMzEsMzEuNDdaIj48L3BhdGg+PC9zdmc+',
|
||||
viewBox: '25 10 50 50',
|
||||
};
|
||||
|
||||
// This one doesn't get tinted because it doesn't use currentColor
|
||||
const svgUriProps: SvgIconProps = {
|
||||
uri: 'https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg',
|
||||
viewBox: '0 0 1000 1000'
|
||||
viewBox: '0 0 1000 1000',
|
||||
};
|
||||
|
||||
const rasterRainbowSpectrumProps: RasterImageIconProps = { src: testImage };
|
||||
|
@ -55,40 +56,39 @@ const icons: React.FunctionComponent<{}> = () => {
|
|||
|
||||
return (
|
||||
<View>
|
||||
{
|
||||
showFontIcons ?
|
||||
<View>
|
||||
<Text>Font icons</Text>
|
||||
{
|
||||
// We've seen some issues getting Font Awesome to link properly on Apple platforms in the FURN test app specifically.
|
||||
// This shouldn't be an issue in other apps, though, so keeping this icon Windows-only for now is an easy workaround.
|
||||
// When Android support comes, the platform check can be adjusted accordingly.
|
||||
Platform.OS == 'windows' ? <Icon fontSource={fontCustomFontProps} width={100} height={100} color="purple" /> : null
|
||||
}
|
||||
<Icon fontSource={fontBuiltInProps} width={100} height={100} color="#060" />
|
||||
</View> : null
|
||||
}
|
||||
{
|
||||
showSvgIcons ?
|
||||
<View>
|
||||
<Text>SVG icons</Text>
|
||||
{
|
||||
// TODO: Enable on iOS once we get react-native-svg-transformer working properly
|
||||
Platform.OS == 'ios' ? null :
|
||||
<Icon svgSource={svgProps} width={100} height={100} color="orange" />
|
||||
}
|
||||
<Icon svgSource={svgD20DataUriProps} width={100} height={100} color="#7a7" />
|
||||
<Icon svgSource={svgUriProps} width={100} height={100} color="red" />
|
||||
</View> : null
|
||||
}
|
||||
{
|
||||
showRasterIcons ?
|
||||
<View>
|
||||
<Text>Raster icons</Text>
|
||||
<Icon rasterImageSource={rasterRainbowSpectrumProps} width={100} height={100} color="green" />
|
||||
<Icon rasterImageSource={rasterChessProps} width={100} height={100} color="blue" />
|
||||
</View> : null
|
||||
}
|
||||
{showFontIcons ? (
|
||||
<View>
|
||||
<Text>Font icons</Text>
|
||||
{
|
||||
// We've seen some issues getting Font Awesome to link properly on Apple platforms in the FURN test app specifically.
|
||||
// This shouldn't be an issue in other apps, though, so keeping this icon Windows-only for now is an easy workaround.
|
||||
// When Android support comes, the platform check can be adjusted accordingly.
|
||||
Platform.OS == 'windows' ? <Icon fontSource={fontCustomFontProps} width={100} height={100} color="purple" /> : null
|
||||
}
|
||||
<Icon fontSource={fontBuiltInProps} width={100} height={100} color="#060" />
|
||||
</View>
|
||||
) : null}
|
||||
{showSvgIcons ? (
|
||||
<View>
|
||||
<Text>SVG icons</Text>
|
||||
{
|
||||
// TODO: Enable on iOS once we get react-native-svg-transformer working properly
|
||||
Platform.OS == 'ios' ? null : <Icon svgSource={svgProps} width={100} height={100} color="orange" />
|
||||
}
|
||||
{
|
||||
// TODO: Causes TypeError: Network request failed on Android
|
||||
Platform.OS == 'android' ? null : <Icon svgSource={svgD20DataUriProps} width={100} height={100} color="#7a7" />
|
||||
}
|
||||
<Icon svgSource={svgUriProps} width={100} height={100} color="red" />
|
||||
</View>
|
||||
) : null}
|
||||
{showRasterIcons ? (
|
||||
<View>
|
||||
<Text>Raster icons</Text>
|
||||
<Icon rasterImageSource={rasterRainbowSpectrumProps} width={100} height={100} color="green" />
|
||||
<Icon rasterImageSource={rasterChessProps} width={100} height={100} color="blue" />
|
||||
</View>
|
||||
) : null}
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -13,6 +13,7 @@ import { HOMEPAGE_SEPARATOR_BUTTON, SeparatorTest } from './TestComponents/Separ
|
|||
import { HOMEPAGE_SVG_BUTTON, SvgTest } from './TestComponents/Svg';
|
||||
import { HOMEPAGE_TEXT_BUTTON, TextTest } from './TestComponents/Text';
|
||||
import { HOMEPAGE_THEME_BUTTON, ThemeTest } from './TestComponents/Theme';
|
||||
import { HOMEPAGE_ICON_BUTTON, IconTest } from './TestComponents/Icon';
|
||||
|
||||
export const tests: TestDescription[] = [
|
||||
{
|
||||
|
@ -85,4 +86,9 @@ export const tests: TestDescription[] = [
|
|||
component: SvgTest,
|
||||
testPage: HOMEPAGE_SVG_BUTTON,
|
||||
},
|
||||
{
|
||||
name: 'Icon Test',
|
||||
component: IconTest,
|
||||
testPage: HOMEPAGE_ICON_BUTTON,
|
||||
},
|
||||
];
|
||||
|
|
|
@ -30,11 +30,11 @@
|
|||
"@fluentui-react-native/tester": "^0.21.1",
|
||||
"react": "16.13.1",
|
||||
"react-native": "^0.63.4",
|
||||
"react-native-svg": "^11.0.0"
|
||||
"react-native-svg": "12.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@office-iss/rex-win32": "0.63.22-devmain.13903.10000",
|
||||
"@office-iss/react-native-win32": "^0.63.7",
|
||||
"@office-iss/rex-win32": "0.63.22-devmain.13903.10000",
|
||||
"@react-native-community/eslint-config": "^1.1.0",
|
||||
"@rnx-kit/cli": "^0.0.3",
|
||||
"@types/jasmine": "3.5.10",
|
||||
|
@ -42,6 +42,15 @@
|
|||
"@types/react-native": "^0.63.0",
|
||||
"@uifabricshared/build-native": "^0.1.1",
|
||||
"@uifabricshared/eslint-config-rules": "^0.1.1",
|
||||
"@wdio/allure-reporter": "5.22.4",
|
||||
"@wdio/appium-service": "5.18.2",
|
||||
"@wdio/cli": "5.23.0",
|
||||
"@wdio/jasmine-framework": "5.18.6",
|
||||
"@wdio/local-runner": "5.23.0",
|
||||
"@wdio/spec-reporter": "5.22.4",
|
||||
"@wdio/sync": "5.20.1",
|
||||
"allure-commandline": "2.13.0",
|
||||
"appium": "1.17.1",
|
||||
"metro-config": "^0.58.0",
|
||||
"metro-react-native-babel-preset": "^0.59.0",
|
||||
"react-native-svg-transformer": "^0.14.3",
|
||||
|
@ -49,16 +58,7 @@
|
|||
"ts-node": "^8.10.1",
|
||||
"tsconfig-paths": "^3.9.0",
|
||||
"typescript": "3.8.3",
|
||||
"allure-commandline": "2.13.0",
|
||||
"appium": "1.17.1",
|
||||
"webdriverio": "5.22.4",
|
||||
"@wdio/allure-reporter": "5.22.4",
|
||||
"@wdio/appium-service": "5.18.2",
|
||||
"@wdio/cli": "5.23.0",
|
||||
"@wdio/jasmine-framework": "5.18.6",
|
||||
"@wdio/local-runner": "5.23.0",
|
||||
"@wdio/spec-reporter": "5.22.4",
|
||||
"@wdio/sync": "5.20.1"
|
||||
"webdriverio": "5.22.4"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "16.13.1",
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "patch",
|
||||
"comment": "upgrade react-native-svg",
|
||||
"packageName": "@fluentui/react-native",
|
||||
"email": "tamasane@gmail.com",
|
||||
"dependentChangeType": "patch",
|
||||
"date": "2021-04-07T22:56:51.842Z"
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "patch",
|
||||
"comment": "upgrade react-native-svg",
|
||||
"packageName": "@fluentui-react-native/android-theme",
|
||||
"email": "tamasane@gmail.com",
|
||||
"dependentChangeType": "patch",
|
||||
"date": "2021-04-07T22:57:08.820Z"
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "patch",
|
||||
"comment": "Add the rainbow gradient border image test case to experimental avatar (#654)",
|
||||
"packageName": "@fluentui-react-native/experimental-avatar",
|
||||
"email": "tamasane@gmail.com",
|
||||
"dependentChangeType": "patch",
|
||||
"date": "2021-04-07T22:56:31.314Z"
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "patch",
|
||||
"comment": "Update Radio Button focus border style to be WCAG 2.1 compliant (#653)",
|
||||
"packageName": "@fluentui-react-native/radio-group",
|
||||
"email": "tamasane@gmail.com",
|
||||
"dependentChangeType": "patch",
|
||||
"date": "2021-04-07T22:56:22.212Z"
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "minor",
|
||||
"comment": "added svg, transformer to android",
|
||||
"packageName": "@fluentui-react-native/tester",
|
||||
"email": "tamasane@gmail.com",
|
||||
"dependentChangeType": "patch",
|
||||
"date": "2021-04-01T08:11:56.684Z"
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "patch",
|
||||
"comment": "upgrade react-native-svg",
|
||||
"packageName": "@fluentui-react-native/tester-win32",
|
||||
"email": "tamasane@gmail.com",
|
||||
"dependentChangeType": "patch",
|
||||
"date": "2021-04-05T09:36:01.397Z"
|
||||
}
|
41
yarn.lock
41
yarn.lock
|
@ -6236,7 +6236,7 @@ css-tree@1.0.0-alpha.37:
|
|||
mdn-data "2.0.4"
|
||||
source-map "^0.6.1"
|
||||
|
||||
css-tree@1.0.0-alpha.39, css-tree@^1.0.0-alpha.39:
|
||||
css-tree@1.0.0-alpha.39:
|
||||
version "1.0.0-alpha.39"
|
||||
resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.39.tgz#2bff3ffe1bb3f776cf7eefd91ee5cba77a149eeb"
|
||||
integrity sha512-7UvkEYgBAHRG9Nt980lYxjsTrCyHFN53ky3wVsDkiMdVqylqRt+Zc+jm5qw7/qyOvN2dHSYtX0e4MbCCExSvnA==
|
||||
|
@ -6244,6 +6244,14 @@ css-tree@1.0.0-alpha.39, css-tree@^1.0.0-alpha.39:
|
|||
mdn-data "2.0.6"
|
||||
source-map "^0.6.1"
|
||||
|
||||
css-tree@^1.0.0-alpha.39:
|
||||
version "1.1.3"
|
||||
resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
|
||||
integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
|
||||
dependencies:
|
||||
mdn-data "2.0.14"
|
||||
source-map "^0.6.1"
|
||||
|
||||
css-value@^0.0.1:
|
||||
version "0.0.1"
|
||||
resolved "https://registry.yarnpkg.com/css-value/-/css-value-0.0.1.tgz#5efd6c2eea5ea1fd6b6ac57ec0427b18452424ea"
|
||||
|
@ -6255,9 +6263,9 @@ css-what@2.1:
|
|||
integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
|
||||
|
||||
css-what@^3.2.1:
|
||||
version "3.2.1"
|
||||
resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.2.1.tgz#f4a8f12421064621b456755e34a03a2c22df5da1"
|
||||
integrity sha512-WwOrosiQTvyms+Ti5ZC5vGEK0Vod3FTt1ca+payZqvKuGJF+dq7bG63DstxtN0dpm6FxY27a/zS3Wten+gEtGw==
|
||||
version "3.4.2"
|
||||
resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
|
||||
integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
|
||||
|
||||
csso@^4.0.2:
|
||||
version "4.0.3"
|
||||
|
@ -6822,9 +6830,9 @@ domelementtype@1, domelementtype@^1.3.0, domelementtype@^1.3.1:
|
|||
integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
|
||||
|
||||
domelementtype@^2.0.1:
|
||||
version "2.0.1"
|
||||
resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
|
||||
integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
|
||||
version "2.2.0"
|
||||
resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57"
|
||||
integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==
|
||||
|
||||
domexception@^1.0.1:
|
||||
version "1.0.1"
|
||||
|
@ -7037,9 +7045,9 @@ entities@^1.1.1, entities@~1.1.1:
|
|||
integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
|
||||
|
||||
entities@^2.0.0:
|
||||
version "2.0.2"
|
||||
resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.2.tgz#ac74db0bba8d33808bbf36809c3a5c3683531436"
|
||||
integrity sha512-dmD3AvJQBUjKpcNkoqr+x+IF0SdRtPz9Vk0uTy4yWqga9ibB6s4v++QFWNohjiUGoMlF552ZvNyXDxz5iW0qmw==
|
||||
version "2.2.0"
|
||||
resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
|
||||
integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
|
||||
|
||||
env-variable@0.0.x:
|
||||
version "0.0.6"
|
||||
|
@ -11490,6 +11498,11 @@ md5@^2.2.1:
|
|||
crypt "~0.0.1"
|
||||
is-buffer "~1.1.1"
|
||||
|
||||
mdn-data@2.0.14:
|
||||
version "2.0.14"
|
||||
resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
|
||||
integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
|
||||
|
||||
mdn-data@2.0.4:
|
||||
version "2.0.4"
|
||||
resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
|
||||
|
@ -13968,10 +13981,10 @@ react-native-svg-transformer@^0.14.3:
|
|||
path-dirname "^1.0.2"
|
||||
semver "^5.6.0"
|
||||
|
||||
react-native-svg@^11.0.0:
|
||||
version "11.0.1"
|
||||
resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-11.0.1.tgz#e92e7e9f9cb2604333fd5014fd4edcf62fea6496"
|
||||
integrity sha512-XriIwSoe9eTtKyqxpNC6POSOqmXAB9mZQOm5tMoaimEqQOMfzgYrBoF9nY6VPGmaH5dRlWBqnnBf389APiZFcQ==
|
||||
react-native-svg@12.1.0, react-native-svg@^12.1.0:
|
||||
version "12.1.0"
|
||||
resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-12.1.0.tgz#acfe48c35cd5fca3d5fd767abae0560c36cfc03d"
|
||||
integrity sha512-1g9qBRci7man8QsHoXn6tP3DhCDiypGgc6+AOWq+Sy+PmP6yiyf8VmvKuoqrPam/tf5x+ZaBT2KI0gl7bptZ7w==
|
||||
dependencies:
|
||||
css-select "^2.1.0"
|
||||
css-tree "^1.0.0-alpha.39"
|
||||
|
|
Загрузка…
Ссылка в новой задаче