Version Packages (#1977)

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

@navikt/aksel-icons/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/aksel-icons
 
+## 3.1.3
+
 ## 3.1.2
 
 ## 3.1.1

@navikt/aksel-icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-icons",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/ikoner",
   "repository": {

@navikt/aksel/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @navikt/aksel
 
+## 3.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`e8ecf309a`](https://github.com/navikt/aksel/commit/e8ecf309a910e47fd3cea6c54cd993ab1196910f)]:
+  - @navikt/ds-css@3.1.3
+
 ## 3.1.2
 
 ### Patch Changes

@navikt/aksel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Aksel command line interface. Handles css-imports, codemods and more",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -29,7 +29,7 @@
   },
   "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
   "dependencies": {
-    "@navikt/ds-css": "3.1.2",
+    "@navikt/ds-css": "3.1.3",
     "axios": "1.3.6",
     "chalk": "4.1.0",
     "clipboardy": "^2.3.0",

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-codemod
 
+## 3.1.3
+
 ## 3.1.2
 
 ## 3.1.1

@navikt/codemod/package.json

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

@navikt/community/navno/package.json

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

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @navikt/ds-css
 
+## 3.1.3
+
+### Patch Changes
+
+- [#1976](https://github.com/navikt/aksel/pull/1976) [`e8ecf309a`](https://github.com/navikt/aksel/commit/e8ecf309a910e47fd3cea6c54cd993ab1196910f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Oppdatert utseende for ToggleGroup
+
+  - Medium og Small er begge 10px lavere
+  - Mindre border-radius
+
 ## 3.1.2
 
 ## 3.1.1

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "CSS for NAV Designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [
@@ -27,7 +27,7 @@
     "css:get-version": "node config/get-version.js"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^3.1.2",
+    "@navikt/ds-tokens": "^3.1.3",
     "cssnano": "6.0.0",
     "fast-glob": "3.2.11",
     "lodash": "4.17.21",

@navikt/core/css/toggle-group.css

@@ -5,7 +5,7 @@
 }
 
 .navds-toggle-group {
-  border-radius: 9px;
+  border-radius: var(--a-border-radius-medium);
   background-color: var(--ac-toggle-group-bg, var(--a-surface-transparent));
   box-shadow: inset 0 0 0 1px var(--ac-toggle-group-border, var(--a-border-default));
   padding: calc(var(--a-spacing-1) + 1px);
@@ -15,6 +15,10 @@
   grid-auto-columns: 1fr;
 }
 
+.navds-toggle-group--small {
+  padding: calc(var(--a-spacing-05) + 1px);
+}
+
 .navds-toggle-group--neutral {
   background-color: var(--ac-toggle-group-neutral-bg, var(--a-surface-transparent));
   box-shadow: inset 0 0 0 1px var(--ac-toggle-group-neutral-border, var(--a-border-default));
@@ -24,14 +28,25 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: var(--a-spacing-3);
-  min-height: 48px;
+  padding: var(--a-spacing-1) var(--a-spacing-3);
+  min-height: 38px;
   border: none;
   cursor: pointer;
   background-color: var(--ac-toggle-group-button-bg, var(--a-surface-transparent));
   color: var(--ac-toggle-group-button-text, var(--a-text-default));
-  border-radius: var(--a-border-radius-medium);
+  border-radius: 2px;
   min-width: fit-content;
+  font-weight: var(--a-font-weight-regular);
+}
+
+.navds-toggle-group--medium > :where(.navds-toggle-group__button:first-of-type:focus-visible) {
+  border-start-start-radius: 1px;
+  border-end-start-radius: 1px;
+}
+
+.navds-toggle-group--medium > :where(.navds-toggle-group__button:last-of-type:focus-visible) {
+  border-start-end-radius: 1px;
+  border-end-end-radius: 1px;
 }
 
 .navds-toggle-group--neutral > .navds-toggle-group__button {
@@ -41,7 +56,7 @@
 
 .navds-toggle-group__button:hover {
   background-color: var(--ac-toggle-group-button-hover-bg, var(--a-surface-action-subtle));
-  color: var(--ac-toggle-group-button-hover-text, var(--a-text-action-on-action-subtle));
+  color: var(--ac-toggle-group-button-hover-text, var(--a-text-default));
 }
 
 .navds-toggle-group--neutral > .navds-toggle-group__button:hover {
@@ -87,6 +102,7 @@
   display: flex;
   align-items: center;
   gap: var(--a-spacing-2);
+  font-weight: inherit;
 }
 
 .navds-toggle-group__button-inner > * {
@@ -97,17 +113,18 @@
 .navds-toggle-group__button[aria-checked="true"] {
   background-color: var(--ac-toggle-group-selected-bg, var(--a-surface-action-selected));
   color: var(--ac-toggle-group-selected-text, var(--a-text-on-action));
+  font-weight: var(--a-font-weight-bold);
 }
 
 .navds-toggle-group--neutral > .navds-toggle-group__button[aria-pressed="true"],
 .navds-toggle-group--neutral > .navds-toggle-group__button[aria-checked="true"] {
-  background-color: var(--ac-toggle-group-neutral-selected-bg, var(--a-surface-neutral));
+  background-color: var(--ac-toggle-group-neutral-selected-bg, var(--a-surface-neutral-selected));
   color: var(--ac-toggle-group-neutral-selected-text, var(--a-text-on-neutral));
 }
 
 .navds-toggle-group--small > .navds-toggle-group__button {
-  padding: 0.375rem;
-  min-height: 32px;
+  padding: var(--a-spacing-05) var(--a-spacing-3);
+  min-height: 26px;
   min-width: fit-content;
 }
 

@navikt/core/css/tokens.json

@@ -277,14 +277,14 @@
     "--ac-toggle-group-button-bg": "--a-surface-transparent",
     "--ac-toggle-group-button-text": "--a-text-default",
     "--ac-toggle-group-button-hover-bg": "--a-surface-action-subtle",
-    "--ac-toggle-group-button-hover-text": "--a-text-action-on-action-subtle",
+    "--ac-toggle-group-button-hover-text": "--a-text-default",
     "--ac-toggle-group-selected-bg": "--a-surface-action-selected",
     "--ac-toggle-group-selected-text": "--a-text-on-action",
     "--ac-toggle-group-button-neutral-bg": "--a-surface-transparent",
     "--ac-toggle-group-button-neutral-text": "--a-text-default",
     "--ac-toggle-group-button-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
     "--ac-toggle-group-button-neutral-hover-text": "--a-text-default",
-    "--ac-toggle-group-neutral-selected-bg": "--a-surface-neutral",
+    "--ac-toggle-group-neutral-selected-bg": "--a-surface-neutral-selected",
     "--ac-toggle-group-neutral-selected-text": "--a-text-on-neutral"
   },
   "tooltip": {

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @navikt/ds-react
 
+## 3.1.3
+
+### Patch Changes
+
+- [#1976](https://github.com/navikt/aksel/pull/1976) [`e8ecf309a`](https://github.com/navikt/aksel/commit/e8ecf309a910e47fd3cea6c54cd993ab1196910f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Oppdatert utseende for ToggleGroup
+
+  - Medium og Small er begge 10px lavere
+  - Mindre border-radius
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@3.1.3
+
 ## 3.1.2
 
 ### Patch Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.17.0",
-    "@navikt/aksel-icons": "^3.1.2",
+    "@navikt/aksel-icons": "^3.1.3",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",

@navikt/core/react/src/expansion-card/ExpansionCard.tsx

@@ -46,17 +46,20 @@ interface ExpansionCardCommonProps
    * @default "medium"
    */
   size?: "medium" | "small";
-  /**
-   * Since ExpansionCard is a section-element, accessible name is required.
-   */
 }
 
 type ExpansionCardConditionalProps =
   | {
-      ["aria-label"]: string;
+      /**
+       * Should be set if not using 'aria-labelledby'
+       */
+      "aria-label": string;
     }
   | {
-      ["aria-labelledby"]: string;
+      /**
+       * Should be set if not using 'aria-label'
+       */
+      "aria-labelledby": string;
     };
 
 export type ExpansionCardContextProps = {

@navikt/core/react/src/toggle-group/ToggleItem.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef, useContext } from "react";
 import cl from "clsx";
-import { Label } from "..";
+import { BodyShort } from "../typography/BodyShort";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
 import { ToggleGroupContext } from "./ToggleGroup";
 
@@ -30,13 +30,13 @@ const ToggleItem = forwardRef<HTMLButtonElement, ToggleItemProps>(
         ref={ref}
         className={cl("navds-toggle-group__button", className)}
       >
-        <Label
+        <BodyShort
           as="span"
           className="navds-toggle-group__button-inner"
           size={context?.size}
         >
           {children}
-        </Label>
+        </BodyShort>
       </RadixToggleGroup.Item>
     );
   }

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind
 
+## 3.1.3
+
 ## 3.1.2
 
 ## 3.1.1

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "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": "^3.1.2",
+    "@navikt/ds-tokens": "^3.1.3",
     "@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
 
+## 3.1.3
+
 ## 3.1.2
 
 ## 3.1.1

@navikt/core/tokens/package.json

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

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-icons
 
+## 3.1.3
+
 ## 3.1.2
 
 ## 3.1.1

@navikt/icons/package.json

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

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-css-internal
 
+## 3.1.3
+
 ## 3.1.2
 
 ### Patch Changes

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "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
 
+## 3.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`e8ecf309a`](https://github.com/navikt/aksel/commit/e8ecf309a910e47fd3cea6c54cd993ab1196910f)]:
+  - @navikt/ds-react@3.1.3
+  - @navikt/aksel-icons@3.1.3
+
 ## 3.1.2
 
 ### Patch Changes

@navikt/internal/react/package.json

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

aksel.nav.no/package.json

@@ -15,15 +15,15 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/aksel-icons": "^3.1.2",
-    "@navikt/ds-codemod": "^3.1.2",
-    "@navikt/ds-css": "^3.1.2",
-    "@navikt/ds-css-internal": "^3.1.2",
-    "@navikt/ds-icons": "^3.1.2",
-    "@navikt/ds-react": "^3.1.2",
-    "@navikt/ds-react-internal": "^3.1.2",
-    "@navikt/ds-tailwind": "^3.1.2",
-    "@navikt/ds-tokens": "^3.1.2"
+    "@navikt/aksel-icons": "^3.1.3",
+    "@navikt/ds-codemod": "^3.1.3",
+    "@navikt/ds-css": "^3.1.3",
+    "@navikt/ds-css-internal": "^3.1.3",
+    "@navikt/ds-icons": "^3.1.3",
+    "@navikt/ds-react": "^3.1.3",
+    "@navikt/ds-react-internal": "^3.1.3",
+    "@navikt/ds-tailwind": "^3.1.3",
+    "@navikt/ds-tokens": "^3.1.3"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.2.3"

examples/shadow-dom/package.json

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