Version Packages (#1816)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-codemod
 
+## 2.3.0
+
 ## 2.2.0
 
 ## 2.1.7

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.2.0",
-    "@navikt/ds-react": "^2.2.0",
+    "@navikt/ds-icons": "^2.3.0",
+    "@navikt/ds-react": "^2.3.0",
     "clsx": "^1.1.1"
   },
   "devDependencies": {

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @navikt/ds-css
 
+## 2.3.0
+
+### Minor Changes
+
+- [#1813](https://github.com/navikt/aksel/pull/1813) [`7702c6527`](https://github.com/navikt/aksel/commit/7702c65275a4d86a8260852d091e6dd4cfe9217c) Thanks [@ingfo](https://github.com/ingfo)! - Fiksa sentrering av tekst i Select i Firefox
+
+### Patch Changes
+
+- [`51b62cca7`](https://github.com/navikt/aksel/commit/51b62cca7b857e92669cd0b09e620b131faf80e5) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Select small 34px høyde -> 32px
+
 ## 2.2.0
 
 ### Minor Changes

@navikt/core/css/form/select.css

@@ -25,7 +25,6 @@
   position: relative;
   display: flex;
   width: 100%;
-  align-items: center;
   color: var(--a-text-default);
 }
 
@@ -34,12 +33,12 @@
   font-size: 1rem;
   right: 0.5rem;
   pointer-events: none;
+  align-self: center;
 }
 
 .navds-form-field--small .navds-select__input {
   min-height: 32px;
-  padding: 0.25rem;
-  padding-right: 2rem;
+  padding: 0 2rem 0 0.25rem;
 }
 
 /**

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.2.0",
+    "@navikt/ds-tokens": "^2.3.0",
     "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.3.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.3.0
+
 ## 2.2.0
 
 ### Minor Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.17.0",
-    "@navikt/ds-icons": "^2.2.0",
+    "@navikt/ds-icons": "^2.3.0",
     "@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.3.0
+
 ## 2.2.0
 
 ## 2.1.7

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.2.0",
+    "@navikt/ds-tokens": "^2.3.0",
     "@types/jest": "^29.0.0",
     "color": "4.2.3",
     "jest": "^29.0.0",

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tokens
 
+## 2.3.0
+
 ## 2.2.0
 
 ### Minor Changes

@navikt/core/tokens/package.json

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

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-icons
 
+## 2.3.0
+
 ## 2.2.0
 
 ## 2.1.7

@navikt/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.3.0
+
 ## 2.2.0
 
 ## 2.1.7

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.3.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.3.0
+  - @navikt/ds-icons@2.3.0
+
 ## 2.2.0
 
 ### Patch Changes

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.2.0",
-    "@navikt/ds-react": "^2.2.0",
+    "@navikt/ds-icons": "^2.3.0",
+    "@navikt/ds-react": "^2.3.0",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1"
   },

LICENCE

@@ -4,7 +4,7 @@ SIL Open Font License (OFL)
 
 # The MIT License
 
-Copyright 2022 NAV (Arbeids- og velferdsdirektoratet) - The Norwegian Labour and Welfare Administration
+Copyright 2023 NAV (Arbeids- og velferdsdirektoratet) - The Norwegian Labour and Welfare Administration
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the "Software"),

aksel.nav.no/package.json

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

aksel.nav.no/website/components/website-modules/suggestionblock/index.tsx

@@ -1,5 +1,5 @@
 import { LightBulb } from "@navikt/ds-icons";
-import { BodyLong, BodyShort, Heading } from "@navikt/ds-react";
+import { BodyLong, BodyShort, Button, Heading } from "@navikt/ds-react";
 import cl from "classnames";
 import { ChangeLogIconOutline } from "components/assets";
 
@@ -23,12 +23,14 @@ const SuggestionBlockComponent = ({
           {options[variant]?.heading}
         </Heading>
         <BodyLong className="mt-2">{options[variant]?.text}</BodyLong>
-        <a
+        <Button
+          variant="secondary-neutral"
+          as="a"
           href={options[variant].link + reference}
-          className="border-border-strong active:bg-surface-active hover:bg-surface-hover focus-visible:shadow-focus mt-4 w-fit rounded border-[2px] px-3 py-[6px] font-semibold focus:outline-none"
+          className="mt-4 w-fit"
         >
           Send innspill
-        </a>
+        </Button>
       </div>
     </div>
   );
@@ -67,12 +69,13 @@ export const SuggestionBlock = ({
         <LightBulb aria-hidden className="shrink-0 text-2xl" />
         {options[variant]?.text}
       </BodyShort>
-      <a
+      <Button
+        variant="secondary-neutral"
+        as="a"
         href={options[variant]?.link + reference}
-        className="border-border-strong active:bg-surface-active hover:bg-surface-hover focus-visible:shadow-focus rounded border-[2px] px-3 py-[6px] font-semibold focus:outline-none"
       >
         Send forslag
-      </a>
+      </Button>
     </div>
   );
 };

aksel.nav.no/website/pages/eksempler/button/icon-only.tsx

@@ -0,0 +1,18 @@
+import { Edit } from "@navikt/ds-icons";
+import { Button } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return <Button icon={<Edit aria-hidden />} />;
+};
+
+export default withDsExample(Example);
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 9,
+};

aksel.nav.no/website/pages/eksempler/button/primary-neutral.tsx

@@ -0,0 +1,17 @@
+import { Button } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return <Button variant="primary-neutral">Primary</Button>;
+};
+
+export default withDsExample(Example);
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 11,
+};

aksel.nav.no/website/pages/eksempler/button/primary.tsx

@@ -2,12 +2,7 @@ import { Button } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
-  return (
-    <div className="flex gap-2">
-      <Button>Primary</Button>
-      <Button variant="primary-neutral">Primary</Button>
-    </div>
-  );
+  return <Button>Primary</Button>;
 };
 
 export default withDsExample(Example);

aksel.nav.no/website/pages/eksempler/button/secondary-neutral.tsx

@@ -0,0 +1,17 @@
+import { Button } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return <Button variant="secondary-neutral">Secondary</Button>;
+};
+
+export default withDsExample(Example);
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 12,
+};

aksel.nav.no/website/pages/eksempler/button/secondary.tsx

@@ -2,12 +2,7 @@ import { Button } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
-  return (
-    <div className="flex gap-2">
-      <Button variant="secondary">Secondary</Button>
-      <Button variant="secondary-neutral">Secondary</Button>
-    </div>
-  );
+  return <Button variant="secondary">Secondary</Button>;
 };
 
 export default withDsExample(Example);

aksel.nav.no/website/pages/eksempler/button/tertiary-neutral.tsx

@@ -0,0 +1,17 @@
+import { Button } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+
+const Example = () => {
+  return <Button variant="tertiary-neutral">Tertiary</Button>;
+};
+
+export default withDsExample(Example);
+
+/* Storybook story */
+export const Demo = {
+  render: Example,
+};
+
+export const args = {
+  index: 13,
+};

aksel.nav.no/website/pages/eksempler/button/tertiary.tsx

@@ -2,12 +2,7 @@ import { Button } from "@navikt/ds-react";
 import { withDsExample } from "components/website-modules/examples/withDsExample";
 
 const Example = () => {
-  return (
-    <div className="flex gap-2">
-      <Button variant="tertiary">Tertiary</Button>
-      <Button variant="tertiary-neutral">Tertiary</Button>
-    </div>
-  );
+  return <Button variant="tertiary">Tertiary</Button>;
 };
 
 export default withDsExample(Example);

aksel.nav.no/website/pages/eksempler/search/with-label.tsx

@@ -22,4 +22,5 @@ export const Demo = {
 
 export const args = {
   index: 4,
+  desc: "Vi har valgt å sette label som default skjult i søkfeltet. Dette kan lett endres på med prop `hideLabel`.",
 };

examples/shadow-dom/package.json

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