From 13eda80632d3c69cc2b6ea1a84773ca727858f9d Mon Sep 17 00:00:00 2001 From: Rez <13340707+rezrah@users.noreply.github.com> Date: Fri, 8 Nov 2024 16:19:38 +0000 Subject: [PATCH] Fixed corner background overflow bug in Card component on Safari browsers --- .changeset/warm-rabbits-beg.md | 5 ++ apps/docs/package-lock.json | 84 ------------------------- package-lock.json | 12 ++-- packages/react/src/Card/Card.module.css | 1 + 4 files changed, 12 insertions(+), 90 deletions(-) create mode 100644 .changeset/warm-rabbits-beg.md diff --git a/.changeset/warm-rabbits-beg.md b/.changeset/warm-rabbits-beg.md new file mode 100644 index 0000000000..9946c75b56 --- /dev/null +++ b/.changeset/warm-rabbits-beg.md @@ -0,0 +1,5 @@ +--- +'@primer/react-brand': patch +--- + +Fixed corner background overflow bug in `Card` component on Safari browsers diff --git a/apps/docs/package-lock.json b/apps/docs/package-lock.json index de2ead125f..f49908045d 100644 --- a/apps/docs/package-lock.json +++ b/apps/docs/package-lock.json @@ -18,7 +18,6 @@ "gatsby-plugin-image": "^3.13.1", "gatsby-plugin-postcss": "^4.14.0", "gatsby-plugin-typescript": "^2.12.1", - "gatsby-source-filesystem": "^5.13.1", "react": "^17.0.2", "react-docgen-typescript": "^2.0.0", "react-dom": "^17.0.2" @@ -13067,89 +13066,6 @@ "streamx": "^2.15.0" } }, - "node_modules/gatsby-source-filesystem": { - "version": "5.13.1", - "resolved": "https://registry.npmjs.org/gatsby-source-filesystem/-/gatsby-source-filesystem-5.13.1.tgz", - "integrity": "sha512-nFWzOBpi84nDeVNeO7bpKL9mVYMl1tfjJmE5l868YATFShGzZnA6qMd200XCsf78PexZHAiV/P1MlsyKqjJduA==", - "dependencies": { - "@babel/runtime": "^7.20.13", - "chokidar": "^3.5.3", - "file-type": "^16.5.4", - "fs-extra": "^11.1.1", - "gatsby-core-utils": "^4.13.1", - "mime": "^3.0.0", - "pretty-bytes": "^5.6.0", - "valid-url": "^1.0.9", - "xstate": "^4.38.0" - }, - "engines": { - "node": ">=18.0.0" - }, - "peerDependencies": { - "gatsby": "^5.0.0-next" - } - }, - "node_modules/gatsby-source-filesystem/node_modules/fs-extra": { - "version": "11.2.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", - "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", - "dependencies": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - }, - "engines": { - "node": ">=14.14" - } - }, - "node_modules/gatsby-source-filesystem/node_modules/gatsby-core-utils": { - "version": "4.13.1", - "resolved": "https://registry.npmjs.org/gatsby-core-utils/-/gatsby-core-utils-4.13.1.tgz", - "integrity": "sha512-w7G6SsQr8T2q+AJ1MxvRNGocCt+wjc22MiRLj2Zi3Ijpjszbr818JxwI4+aPt8WOSHlKT5SYCHICnEvcYPm9gg==", - "dependencies": { - "@babel/runtime": "^7.20.13", - "ci-info": "2.0.0", - "configstore": "^5.0.1", - "fastq": "^1.15.0", - "file-type": "^16.5.4", - "fs-extra": "^11.1.1", - "got": "^11.8.6", - "hash-wasm": "^4.9.0", - "import-from": "^4.0.0", - "lmdb": "2.5.3", - "lock": "^1.1.0", - "node-object-hash": "^2.3.10", - "proper-lockfile": "^4.1.2", - "resolve-from": "^5.0.0", - "tmp": "^0.2.1", - "xdg-basedir": "^4.0.0" - }, - "engines": { - "node": ">=18.0.0" - } - }, - "node_modules/gatsby-source-filesystem/node_modules/import-from": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/import-from/-/import-from-4.0.0.tgz", - "integrity": "sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ==", - "engines": { - "node": ">=12.2" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/gatsby-source-filesystem/node_modules/mime": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz", - "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==", - "bin": { - "mime": "cli.js" - }, - "engines": { - "node": ">=10.0.0" - } - }, "node_modules/gatsby-telemetry": { "version": "2.15.0", "resolved": "https://registry.npmjs.org/gatsby-telemetry/-/gatsby-telemetry-2.15.0.tgz", diff --git a/package-lock.json b/package-lock.json index 69df0265c9..85dd15702b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -46,7 +46,7 @@ }, "apps/storybook": { "name": "@primer/brand-storybook", - "version": "0.41.0", + "version": "0.42.0", "license": "MIT", "devDependencies": { "@babel/preset-env": "^7.22.0", @@ -27803,7 +27803,7 @@ }, "packages/design-tokens": { "name": "@primer/brand-primitives", - "version": "0.41.0", + "version": "0.42.0", "license": "MIT", "devDependencies": { "@primer/primitives": "9.1.1", @@ -27816,7 +27816,7 @@ }, "packages/e2e": { "name": "@primer/brand-e2e", - "version": "0.41.0", + "version": "0.42.0", "license": "MIT", "devDependencies": { "@github/axe-github": "^0.5.0", @@ -27830,7 +27830,7 @@ }, "packages/fonts": { "name": "@primer/brand-fonts", - "version": "0.41.0", + "version": "0.42.0", "license": "MIT", "engines": { "node": ">=16.0.0", @@ -27839,7 +27839,7 @@ }, "packages/react": { "name": "@primer/react-brand", - "version": "0.41.0", + "version": "0.42.0", "license": "MIT", "dependencies": { "@oddbird/popover-polyfill": "0.4.3", @@ -27890,7 +27890,7 @@ }, "packages/repo-configs": { "name": "@primer/brand-config", - "version": "0.41.0", + "version": "0.42.0", "license": "MIT" } }, diff --git a/packages/react/src/Card/Card.module.css b/packages/react/src/Card/Card.module.css index 712287e788..1c3e0708bf 100644 --- a/packages/react/src/Card/Card.module.css +++ b/packages/react/src/Card/Card.module.css @@ -145,6 +145,7 @@ .Card--skew { height: 100%; border-radius: var(--brand-borderRadius-large); + overflow: hidden; } .Card--skew:focus-within {