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/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" 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)); } 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. */