From 74468c63292f1cdec143c23dd497ec5498e6e51b Mon Sep 17 00:00:00 2001 From: Tariq Hassan Date: Fri, 29 Sep 2023 10:47:09 +0200 Subject: [PATCH 1/3] Increase IconButton css specificity --- .changeset/swift-apes-rhyme.md | 5 +++++ .../circuit-ui/components/IconButton/IconButton.module.css | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/swift-apes-rhyme.md diff --git a/.changeset/swift-apes-rhyme.md b/.changeset/swift-apes-rhyme.md new file mode 100644 index 0000000000..a600c7062f --- /dev/null +++ b/.changeset/swift-apes-rhyme.md @@ -0,0 +1,5 @@ +--- +'@sumup/circuit-ui': patch +--- + +Increase IconButton css specificity diff --git a/packages/circuit-ui/components/IconButton/IconButton.module.css b/packages/circuit-ui/components/IconButton/IconButton.module.css index 0dc9137d1d..adbd143c64 100644 --- a/packages/circuit-ui/components/IconButton/IconButton.module.css +++ b/packages/circuit-ui/components/IconButton/IconButton.module.css @@ -1,8 +1,8 @@ /* Sizes */ -.kilo { +button.kilo, a.kilo { padding: calc(var(--cui-spacings-byte) - var(--cui-border-width-kilo)); } -.giga { +button.giga, a.giga { padding: calc(var(--cui-spacings-kilo) - var(--cui-border-width-kilo)); } From ab0e9d2009acc0f9c05b583c50b5cf58f38350c5 Mon Sep 17 00:00:00 2001 From: Tariq Hassan Date: Fri, 29 Sep 2023 11:07:31 +0200 Subject: [PATCH 2/3] updates package.lock --- package-lock.json | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/package-lock.json b/package-lock.json index c67f62c53b..f07660760d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22425,9 +22425,9 @@ } }, "node_modules/magic-string": { - "version": "0.30.3", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz", - "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==", + "version": "0.30.4", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.4.tgz", + "integrity": "sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==", "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" @@ -32652,7 +32652,7 @@ }, "packages/circuit-ui": { "name": "@sumup/circuit-ui", - "version": "7.1.6", + "version": "7.1.9", "license": "Apache-2.0", "dependencies": { "@floating-ui/react-dom": "^2.0.1", @@ -49153,9 +49153,9 @@ "dev": true }, "magic-string": { - "version": "0.30.3", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz", - "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==", + "version": "0.30.4", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.4.tgz", + "integrity": "sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==", "dev": true, "requires": { "@jridgewell/sourcemap-codec": "^1.4.15" From fbce4e471b8978918de2b6515cc48a16177c8cce Mon Sep 17 00:00:00 2001 From: Tariq Hassan Date: Fri, 29 Sep 2023 11:46:15 +0200 Subject: [PATCH 3/3] fix top navigation menu button styles --- .../components/TopNavigation/TopNavigation.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/circuit-ui/components/TopNavigation/TopNavigation.module.css b/packages/circuit-ui/components/TopNavigation/TopNavigation.module.css index 4fd302ed4b..debbf16aa3 100644 --- a/packages/circuit-ui/components/TopNavigation/TopNavigation.module.css +++ b/packages/circuit-ui/components/TopNavigation/TopNavigation.module.css @@ -27,7 +27,7 @@ height: 100%; } -.hamburger{ +button.hamburger{ padding: var(--cui-spacings-mega); /* The !important below is necessary to override the default hover styles. */