misc

Author: Barsnes

packages/css/src/tag.css

@@ -3,14 +3,16 @@
   --dsc-tag-color: var(--ds-color-text-default);
   --dsc-tag-min-height: var(--ds-size-8);
   --dsc-tag-padding: 0 var(--ds-size-2);
-  --dsc-tag-border-width: 0;
+  --dsc-tag-border-width: var(--ds-border-width-default);
   --dsc-tag-border-color: transparent;
   --dsc-tag-border-style: solid;
 
   align-items: center;
   background: var(--dsc-tag-background);
   border-radius: var(--ds-border-radius-sm);
-  border: var(--dsc-tag-border-width) var(--dsc-tag-border-style) var(--dsc-tag-border-color);
+  border-width: var(--dsc-tag-border-width);
+  border-color: var(--dsc-tag-border-color);
+  border-style: var(--dsc-tag-border-style);
   box-sizing: border-box;
   color: var(--dsc-tag-color);
   height: fit-content; /* In case placed in display: flex */
@@ -33,7 +35,6 @@
 
   &[data-variant='outline'] {
     --dsc-tag-border-color: var(--ds-color-border-subtle);
-    --dsc-tag-border-width: var(--ds-border-width-default);
   }
 
   @media (forced-colors: active) {

packages/react/src/components/tag/tag.mdx

@@ -29,7 +29,7 @@ Du kan bruke ikoner i `Tag` for å gi ekstra visuell informasjon. Du må selv be
 <Canvas of={TagStories.Icons} />
 
 ### Variant
-Taggen være svak på noen bakgrunnsfarger. Ved å sette `variant="outline"` får taggen en border som gjør den mer synlig.
+Taggen kan være svak på noen bakgrunnsfarger. Ved å sette `variant="outline"` får taggen en border som gjør den mer synlig.
 
 <Canvas of={TagStories.VariantOutline} />