Lerna versionbump [ci skip]

- @navikt/ds-css@0.6.11

@navikt/ds-css/button.css

@@ -21,7 +21,6 @@
   font-size: 1.5rem;
   width: 1.5rem;
   height: 1.5rem;
-  margin-left: 0.5rem;
 }
 
 .navds-button--s > svg {
@@ -30,6 +29,15 @@
   height: 1.25rem;
 }
 
+.navds-button > svg + *:not(.sr-only),
+.navds-button > *:not(.sr-only) + svg {
+  margin-left: 0.5rem;
+}
+
+/* .navds-button:last-child {
+  margin-left: 0.5rem;
+} */
+
 .navds-button--s {
   /* Padding calculated based on 16px font for 32px tall button */
   padding: 0.25rem calc(var(--navds-spacing-4) - 2px);

@navikt/ds-css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "private": false,
   "description": "Css for NAV Designsystem components",
   "author": "NAV Designsystem team",

@navikt/ds-react/src/button/stories/button.stories.tsx

@@ -72,7 +72,7 @@ export const All = () => {
       <Section>
         {variants.map((variant) => (
           <Button key={variant} variant={variant}>
-            {variant} <Success />
+            <span>{variant}</span> <Success />
           </Button>
         ))}
       </Section>
@@ -80,7 +80,15 @@ export const All = () => {
       <Section>
         {variants.map((variant) => (
           <Button key={variant} variant={variant} size="s">
-            {variant} <Success />
+            <Success /> <span>{variant}</span>
+          </Button>
+        ))}
+      </Section>
+      <Section>
+        {variants.map((variant) => (
+          <Button key={variant} variant={variant} size="s">
+            <span className="sr-only">Success ikon</span>
+            <Success />
           </Button>
         ))}
       </Section>