design: Copybutton-icon is now 20px for small og xsmall sizes (#2977)

* design: Copybutton-icon is now 20px for small og xsmall sizes

* bug: Replace aspect-ratio for min height/width with regular min-width and min-height attrb

.changeset/old-moose-live.md

@@ -0,0 +1,5 @@
+---
+"@navikt/ds-css": patch
+---
+
+CopyButton: Icon is now 20px for size small and xsmall.

@navikt/core/css/copybutton.css

@@ -51,6 +51,7 @@
   --__ac-copybutton-padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);
 
   min-height: 2rem;
+  min-width: 2rem;
 }
 
 .navds-copybutton--small.navds-copybutton--icon-right {
@@ -61,6 +62,7 @@
   --__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);
 
   min-height: 1.5rem;
+  min-width: 1.5rem;
 }
 
 .navds-copybutton--xsmall.navds-copybutton--icon-right {
@@ -79,15 +81,15 @@
   --__ac-copybutton-padding: var(--a-spacing-05);
 }
 
-.navds-copybutton--xsmall .navds-copybutton__icon {
-  font-size: 1.25rem;
-}
-
 .navds-copybutton__icon {
   font-size: 1.5rem;
   display: flex;
 }
 
+:where(.navds-copybutton--xsmall, .navds-copybutton--small) .navds-copybutton__icon {
+  font-size: 1.25rem;
+}
+
 .navds-copybutton__icon:first-of-type {
   margin-left: -0.25rem;
 }

@navikt/core/react/src/copybutton/copy-button.stories.tsx

@@ -8,6 +8,9 @@ import { Tooltip } from "../tooltip";
 const meta: Meta<typeof CopyButton> = {
   title: "ds-react/CopyButton",
   component: CopyButton,
+  parameters: {
+    chromatic: { disable: true },
+  },
 };
 export default meta;
 
@@ -32,9 +35,6 @@ export const Default: Story = {
     text: "",
     activeText: "",
   },
-  parameters: {
-    chromatic: { disable: true },
-  },
 };
 
 export const Interaction: Story = {