🐛 Fikset border-width bug i button

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-codemod
 
+## 2.0.5
+
 ## 2.0.4
 
 ## 2.0.3

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Aksel codemods for NAVs designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",

@navikt/community/navno/package.json

@@ -39,8 +39,8 @@
     "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^2.0.4",
-    "@navikt/ds-react": "^2.0.4",
+    "@navikt/ds-icons": "^2.0.5",
+    "@navikt/ds-react": "^2.0.5",
     "clsx": "^1.1.1"
   },
   "devDependencies": {

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-css
 
+## 2.0.5
+
+### Patch Changes
+
+- Reverserte border-width endrind i button
+
 ## 2.0.4
 
 ## 2.0.3

@navikt/core/css/button.css

@@ -119,7 +119,7 @@
 .navds-button--secondary {
   color: var(--ac-button-secondary-text, var(--a-text-action));
   background-color: var(--ac-button-secondary-bg, var(--a-surface-default));
-  box-shadow: inset 0 0 0 1.5px var(--ac-button-secondary-border, var(--a-border-action));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--a-border-action));
 }
 
 .navds-button--secondary:hover {
@@ -128,7 +128,7 @@
 }
 
 .navds-button--secondary:focus {
-  box-shadow: inset 0 0 0 1.5px var(--ac-button-secondary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
 }
 
 .navds-button--secondary:active {
@@ -145,7 +145,7 @@
 .navds-button--secondary:hover:where(:disabled, .navds-button--disabled) {
   color: var(--ac-button-secondary-text, var(--a-text-action));
   background-color: var(--ac-button-secondary-bg, var(--a-surface-default));
-  box-shadow: inset 0 0 0 1.5px var(--ac-button-secondary-border, var(--a-border-action));
+  box-shadow: inset 0 0 0 2px var(--ac-button-secondary-border, var(--a-border-action));
 }
 
 /****************************
@@ -162,7 +162,7 @@
 }
 
 .navds-button--tertiary:focus {
-  box-shadow: inset 0 0 0 1.5px var(--ac-button-tertiary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
+  box-shadow: inset 0 0 0 2px var(--ac-button-tertiary-focus-border, var(--a-border-action)), var(--a-shadow-focus);
 }
 
 .navds-button--tertiary:active {

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "CSS for NAV Designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -20,7 +20,7 @@
     "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^2.0.4",
+    "@navikt/ds-tokens": "^2.0.5",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.0",
     "postcss-cli": "^9.0.0",

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @navikt/ds-react
 
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.0.5
+
 ## 2.0.4
 
 ### Patch Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.9.2",
-    "@navikt/ds-icons": "^2.0.4",
+    "@navikt/ds-icons": "^2.0.5",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind
 
+## 2.0.5
+
 ## 2.0.4
 
 ## 2.0.3

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Tailwind config based on @navikt/ds-tokens",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -22,7 +22,7 @@
     "directory": "@navikt/core/tailwind"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^2.0.4",
+    "@navikt/ds-tokens": "^2.0.5",
     "@types/jest": "^29.0.0",
     "@types/node": "^17.0.35",
     "color": "4.2.3",

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tokens
 
+## 2.0.5
+
 ## 2.0.4
 
 ## 2.0.3

@navikt/core/tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-icons
 
+## 2.0.5
+
 ## 2.0.4
 
 ### Patch Changes

@navikt/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Aksel icons for NAV",
   "author": "Aksel | NAV designsystem team",
   "repository": {

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-css-internal
 
+## 2.0.5
+
 ## 2.0.4
 
 ## 2.0.3

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "CSS for NAV internal Designsystem-components",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/internal/react/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @navikt/ds-react-internal
 
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.0.5
+  - @navikt/ds-icons@2.0.5
+
 ## 2.0.4
 
 ### Patch Changes

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Aksel react components for internal UIs in NAV",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -35,8 +35,8 @@
     "watch": "tsc --watch -p tsconfig.esm.json"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^2.0.4",
-    "@navikt/ds-react": "^2.0.4",
+    "@navikt/ds-icons": "^2.0.5",
+    "@navikt/ds-react": "^2.0.5",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1"
   },

aksel.nav.no/package.json

@@ -19,14 +19,14 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/ds-codemod": "^2.0.4",
-    "@navikt/ds-css": "^2.0.4",
-    "@navikt/ds-css-internal": "^2.0.4",
-    "@navikt/ds-icons": "^2.0.4",
-    "@navikt/ds-react": "^2.0.4",
-    "@navikt/ds-react-internal": "^2.0.4",
-    "@navikt/ds-tailwind": "^2.0.4",
-    "@navikt/ds-tokens": "^2.0.4"
+    "@navikt/ds-codemod": "^2.0.5",
+    "@navikt/ds-css": "^2.0.5",
+    "@navikt/ds-css-internal": "^2.0.5",
+    "@navikt/ds-icons": "^2.0.5",
+    "@navikt/ds-react": "^2.0.5",
+    "@navikt/ds-react-internal": "^2.0.5",
+    "@navikt/ds-tailwind": "^2.0.5",
+    "@navikt/ds-tokens": "^2.0.5"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.1.13"

aksel.nav.no/website/components/layout/page-templates/KomponentArtikkel.tsx

@@ -133,8 +133,9 @@ const KomponentArtikkelTemplate = ({
                 </Heading>
                 <BodyLong className="override-text-no-max mb-2">
                   Komponenten er under utvikling. Dette kan medføre
-                  breaking-changes i patch/minor versjon av kodepakker. Vær
-                  forsiktig ved bruk og unngå production om mulig.
+                  breaking-changes i patch/minor versjon av kodepakker. Teamet
+                  ditt må selv ta stilling til om dere ønsker å bruke denne i
+                  produksjon.
                 </BodyLong>
                 <BodyLong className="override-text-no-max">
                   Har du innspill eller funnet en bug? Send oss en melding her

aksel.nav.no/website/components/sanity-modules/icon-search/Search.tsx

@@ -7,13 +7,30 @@ import React, { useCallback, useEffect, useState } from "react";
 import Filter, { FilterT } from "./Filter";
 import { categorizeIcons, CategoryT, IconMetaT } from "./iconCategories";
 
+const SkeletonElement = () => (
+  <div className="vk-icon_button bg-surface-subtle h-32 w-48 shrink rounded" />
+);
+
+const ModalPlaceholder = () => (
+  <div className="min-h-96 w-[600px] max-w-[90%]" />
+);
+
 const IconView = dynamic(() => import("./IconView"), {
-  loading: () => <div className="min-h-screen w-full" />,
+  loading: () => (
+    <div className="min-h-screen w-full pt-8">
+      <div className="bg-surface-subtle mb-3 h-5 w-48 rounded-full" />
+      <div className="grid content-start justify-start gap-x-4 gap-y-6 pb-8 [grid-template-columns:repeat(auto-fit,12rem)]">
+        {[...Array(24)].map((_, y) => (
+          <SkeletonElement key={y} />
+        ))}
+      </div>
+    </div>
+  ),
   ssr: false,
 });
 
 const ModalContent = dynamic(() => import("./ModalContent"), {
-  loading: () => <div className="min-h-[90vw] w-[600px] max-w-[90%]" />,
+  loading: () => <ModalPlaceholder />,
   ssr: false,
 });
 
@@ -150,7 +167,11 @@ const IconSearch = () => {
       </BodyLong>
       <Modal open={open} onClose={() => handleClose()}>
         <Modal.Content>
-          {selectedIcon && <ModalContent icon={selectedIcon} />}
+          {selectedIcon ? (
+            <ModalContent icon={selectedIcon} />
+          ) : (
+            <ModalPlaceholder />
+          )}
         </Modal.Content>
       </Modal>
     </div>

examples/shadow-dom/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@navikt/ds-css": "2.0.4",
-    "@navikt/ds-react": "2.0.4",
+    "@navikt/ds-css": "2.0.5",
+    "@navikt/ds-react": "2.0.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

yarn.lock

@@ -3166,7 +3166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@navikt/ds-codemod@^2.0.3, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^2.0.4, @navikt/ds-codemod@workspace:@navikt/codemod":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-codemod@workspace:@navikt/codemod"
   dependencies:
@@ -3193,7 +3193,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css-internal@^2.0.3, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^2.0.4, @navikt/ds-css-internal@workspace:@navikt/internal/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css-internal@workspace:@navikt/internal/css"
   dependencies:
@@ -3204,11 +3204,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css@2.0.3, @navikt/ds-css@^2.0.3, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@2.0.4, @navikt/ds-css@^2.0.4, @navikt/ds-css@workspace:@navikt/core/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css@workspace:@navikt/core/css"
   dependencies:
-    "@navikt/ds-tokens": ^2.0.3
+    "@navikt/ds-tokens": ^2.0.4
     normalize.css: ^8.0.1
     postcss: ^8.4.0
     postcss-cli: ^9.0.0
@@ -3217,7 +3217,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-icons@^2.0.3, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^2.0.4, @navikt/ds-icons@workspace:@navikt/icons":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-icons@workspace:@navikt/icons"
   dependencies:
@@ -3254,8 +3254,8 @@ __metadata:
     "@babel/preset-env": 7.19.4
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
-    "@navikt/ds-icons": ^2.0.3
-    "@navikt/ds-react": ^2.0.3
+    "@navikt/ds-icons": ^2.0.4
+    "@navikt/ds-react": ^2.0.4
     "@rollup/plugin-babel": 6.0.2
     "@rollup/plugin-commonjs": 23.0.2
     "@rollup/plugin-node-resolve": ^15.0.1
@@ -3281,12 +3281,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react-internal@^2.0.3, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^2.0.4, @navikt/ds-react-internal@workspace:@navikt/internal/react":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-react-internal@workspace:@navikt/internal/react"
   dependencies:
-    "@navikt/ds-icons": ^2.0.3
-    "@navikt/ds-react": ^2.0.3
+    "@navikt/ds-icons": ^2.0.4
+    "@navikt/ds-react": ^2.0.4
     "@types/node": ^17.0.35
     clsx: ^1.1.1
     concurrently: 7.2.1
@@ -3303,12 +3303,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@2.0.3, @navikt/ds-react@^2.0.3, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@2.0.4, @navikt/ds-react@^2.0.4, @navikt/ds-react@workspace:@navikt/core/react":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-react@workspace:@navikt/core/react"
   dependencies:
     "@floating-ui/react-dom-interactions": 0.9.2
-    "@navikt/ds-icons": ^2.0.3
+    "@navikt/ds-icons": ^2.0.4
     "@radix-ui/react-tabs": 1.0.0
     "@radix-ui/react-toggle-group": 1.0.0
     "@testing-library/dom": 8.13.0
@@ -3345,11 +3345,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tailwind@^2.0.3, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^2.0.4, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind"
   dependencies:
-    "@navikt/ds-tokens": ^2.0.3
+    "@navikt/ds-tokens": ^2.0.4
     "@types/jest": ^29.0.0
     "@types/node": ^17.0.35
     color: 4.2.3
@@ -3361,7 +3361,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tokens@^2.0.3, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^2.0.4, @navikt/ds-tokens@workspace:@navikt/core/tokens":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
   dependencies:
@@ -8420,14 +8420,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "aksel.nav.no@workspace:aksel.nav.no"
   dependencies:
-    "@navikt/ds-codemod": ^2.0.3
-    "@navikt/ds-css": ^2.0.3
-    "@navikt/ds-css-internal": ^2.0.3
-    "@navikt/ds-icons": ^2.0.3
-    "@navikt/ds-react": ^2.0.3
-    "@navikt/ds-react-internal": ^2.0.3
-    "@navikt/ds-tailwind": ^2.0.3
-    "@navikt/ds-tokens": ^2.0.3
+    "@navikt/ds-codemod": ^2.0.4
+    "@navikt/ds-css": ^2.0.4
+    "@navikt/ds-css-internal": ^2.0.4
+    "@navikt/ds-icons": ^2.0.4
+    "@navikt/ds-react": ^2.0.4
+    "@navikt/ds-react-internal": ^2.0.4
+    "@navikt/ds-tailwind": ^2.0.4
+    "@navikt/ds-tokens": ^2.0.4
     prettier-plugin-tailwindcss: ^0.1.13
   languageName: unknown
   linkType: soft
@@ -27388,8 +27388,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "shadow-dom@workspace:examples/shadow-dom"
   dependencies:
-    "@navikt/ds-css": 2.0.3
-    "@navikt/ds-react": 2.0.3
+    "@navikt/ds-css": 2.0.4
+    "@navikt/ds-react": 2.0.4
     "@types/react": ^18.0.0
     "@types/react-dom": ^18.0.0
     "@vitejs/plugin-react": ^2.1.0