rk-designsystem 1.3.5 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -67,7 +67,7 @@ npm install rk-designsystem
67
67
  ```
68
68
 
69
69
  > Since 1.4.0 the library declares `@digdir/designsystemet-react` and
70
- > `@digdir/designsystemet-css` as peer dependencies (`~1.13.3`) and requires
70
+ > `@digdir/designsystemet-css` as peer dependencies (`^1.21.0`) and requires
71
71
  > React `^18.3.1`. npm 7+ installs peers automatically; with older
72
72
  > setups install them alongside the package.
73
73
 
@@ -229,7 +229,13 @@ until it has real production consumers. The breaking changes below landed in
229
229
  Button prop removals, mislabeled as a patch — 1.2.5 is deprecated.)
230
230
 
231
231
  - **Peer dependencies (1.4.0):** `@digdir/designsystemet-react` and
232
- `@digdir/designsystemet-css` (`~1.13.3`) are peers; React `^18.3.1 || ^19`.
232
+ `@digdir/designsystemet-css` (`^1.21.0`) are peers; React `^18.3.1 || ^19`.
233
+ The Digdir floor moved from `~1.13.3` to `^1.21.0`, and the library now
234
+ tracks the newest Digdir 1.x: consumers on 1.13 must upgrade
235
+ (`npm install @digdir/designsystemet-react@^1.21 @digdir/designsystemet-css@^1.21`)
236
+ or npm refuses to resolve the peers. Tooltip triggers keep their own
237
+ accessible name in 1.21 (the tooltip becomes `aria-description`), and
238
+ `ToggleGroup`'s `data-toggle-group` is deprecated in favour of `aria-label`.
233
239
  - **ESM-only (1.4.0):** the CommonJS/UMD entry is removed, so
234
240
  `require('rk-designsystem')` now fails explicitly. It never actually worked:
235
241
  the UMD file was parsed as ESM (the package is `"type": "module"`), and the
package/dist/index.d.ts CHANGED
@@ -57,7 +57,7 @@ import { HTMLAttributes } from 'react';
57
57
  import { Input as Input_2 } from '@digdir/designsystemet-react';
58
58
  import { InputHTMLAttributes } from 'react';
59
59
  import { InputProps as InputProps_2 } from '@digdir/designsystemet-react';
60
- import { JSX } from 'react/jsx-runtime';
60
+ import { JSX } from 'react';
61
61
  import { LabelProps as LabelProps_2 } from '@digdir/designsystemet-react';
62
62
  import { Link as Link_2 } from '@digdir/designsystemet-react';
63
63
  import { LinkProps as LinkProps_2 } from '@digdir/designsystemet-react';
@@ -359,7 +359,7 @@ export declare const Divider: ForwardRefExoticComponent<DividerProps_2 & RefAttr
359
359
  */
360
360
  export declare type DividerProps = DividerProps_2;
361
361
 
362
- export declare const Donor: ({ "data-color": dataColor, amounts, defaultAmount, oneTimeLabel, monthlyLabel, customAmountPlaceholder, amountLabel, impactMessage, vippsButtonLabel, avtalegiroLabel, avtalegiroHref, currencySuffix, onVippsClick, onAvtalegiroClick, onAmountChange, showVippsButton, showAvtalegiroLink, showImpactMessage, heartVariant, }: DonorProps) => JSX.Element;
362
+ export declare const Donor: ({ "data-color": dataColor, amounts, defaultAmount, oneTimeLabel, monthlyLabel, customAmountPlaceholder, amountLabel, impactMessage, vippsButtonLabel, avtalegiroLabel, avtalegiroHref, currencySuffix, onVippsClick, onAvtalegiroClick, onAmountChange, showVippsButton, showAvtalegiroLink, showImpactMessage, heartVariant, }: DonorProps) => default_2.JSX.Element;
363
363
 
364
364
  export declare interface DonorAmount {
365
365
  value: number;
@@ -477,7 +477,7 @@ export declare const Fieldset: typeof Fieldset_2;
477
477
  */
478
478
  export declare type FieldsetProps = FieldsetProps_2;
479
479
 
480
- export declare const Footer: ({ "data-color": dataColor, variant, colorScheme, columns, showGraphicElements, newsletterDescription, newsletterPlaceholder, newsletterInputLabel, newsletterButtonText, newsletterConsentText, onNewsletterSubmit, hideNewsletter, shortcutsLinks, linksLinks, shortcutsTitle, linksTitle, visitingAddress, organizationNumber, email, showPrimaryLogo, primaryLogoSrc, primaryLogoAlt, whiteSectionSlot, socialLinks, contactPersons, legalLinks, socialLinksTitle, contactPersonsTitle, }?: FooterProps) => JSX.Element;
480
+ export declare const Footer: ({ "data-color": dataColor, variant, colorScheme, columns, showGraphicElements, newsletterDescription, newsletterPlaceholder, newsletterInputLabel, newsletterButtonText, newsletterConsentText, onNewsletterSubmit, hideNewsletter, shortcutsLinks, linksLinks, shortcutsTitle, linksTitle, visitingAddress, organizationNumber, email, showPrimaryLogo, primaryLogoSrc, primaryLogoAlt, whiteSectionSlot, socialLinks, contactPersons, legalLinks, socialLinksTitle, contactPersonsTitle, }?: FooterProps) => default_2.JSX.Element;
481
481
 
482
482
  /**
483
483
  * @deprecated `'primary'` and `'additional'` were bespoke values; they now map
@@ -687,7 +687,7 @@ export declare type GraphicElementSize = 'sm' | 'md' | 'lg';
687
687
  */
688
688
  export declare type GraphicElementVariant = 'solid' | 'outline' | 'isometric';
689
689
 
690
- export declare const Header: ({ variant, "data-color": dataColor, activePage, setPage, children, showUser, showSearch, showLogin, loginHref, onLoginClick, searchItems, showCta, ctaLabel, ctaIcon, onCtaClick, showThemeToggle, secondaryLogo, secondaryLogoSrc, secondaryLogoSrcDark, secondaryLogoAlt, navItems, showNavItems, showMenuButton, showHeaderExtension, showModeToggle, showLanguageSwitch, extensionColor, userName, userInitials, userAvatarSrc, onUserClick, }: HeaderProps) => JSX.Element;
690
+ export declare const Header: ({ variant, "data-color": dataColor, activePage, setPage, children, showUser, showSearch, showLogin, loginHref, onLoginClick, searchItems, showCta, ctaLabel, ctaIcon, onCtaClick, showThemeToggle, secondaryLogo, secondaryLogoSrc, secondaryLogoSrcDark, secondaryLogoAlt, navItems, showNavItems, showMenuButton, showHeaderExtension, showModeToggle, showLanguageSwitch, extensionColor, userName, userInitials, userAvatarSrc, onUserClick, }: HeaderProps) => default_2.JSX.Element;
691
691
 
692
692
  /**
693
693
  * @deprecated `'primary'` was a bespoke value; it now maps to
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rk-designsystem",
3
- "version": "1.3.5",
3
+ "version": "1.4.0",
4
4
  "description": "A React component library built on top of Digdir Design System",
5
5
  "author": "daniel@tunetek.no",
6
6
  "license": "MIT",
@@ -47,8 +47,8 @@
47
47
  "LICENSE"
48
48
  ],
49
49
  "peerDependencies": {
50
- "@digdir/designsystemet-css": "~1.13.3",
51
- "@digdir/designsystemet-react": "~1.13.3",
50
+ "@digdir/designsystemet-css": "^1.21.0",
51
+ "@digdir/designsystemet-react": "^1.21.0",
52
52
  "react": "^18.3.1 || ^19.0.0",
53
53
  "react-dom": "^18.3.1 || ^19.0.0"
54
54
  },
@@ -77,9 +77,9 @@
77
77
  "test:visual:update": "playwright test -c playwright.visual.config.ts --update-snapshots"
78
78
  },
79
79
  "devDependencies": {
80
- "@digdir/designsystemet": "~1.13.3",
81
- "@digdir/designsystemet-css": "~1.13.3",
82
- "@digdir/designsystemet-react": "~1.13.3",
80
+ "@digdir/designsystemet": "^1.21.0",
81
+ "@digdir/designsystemet-css": "^1.21.0",
82
+ "@digdir/designsystemet-react": "^1.21.0",
83
83
  "@eslint/js": "^9.21.0",
84
84
  "@playwright/test": "^1.56.1",
85
85
  "@storybook/addon-a11y": "^10.2.12",
@@ -92,9 +92,9 @@
92
92
  "@vitest/browser": "^3.1.2",
93
93
  "eslint": "^9.21.0",
94
94
  "eslint-plugin-react-hooks": "^5.1.0",
95
- "eslint-plugin-react-refresh": "^0.4.19",
95
+ "eslint-plugin-react-refresh": "^0.5.5",
96
96
  "gh-pages": "^6.3.0",
97
- "glob": "^11.0.3",
97
+ "glob": "^13.0.6",
98
98
  "globals": "^17.11.0",
99
99
  "playwright": "^1.52.0",
100
100
  "prettier": "^3.6.2",
@@ -103,14 +103,14 @@
103
103
  "react-dom": "^19.0.0",
104
104
  "rimraf": "^6.0.1",
105
105
  "storybook": "^10.2.12",
106
- "typescript": "~5.7.2",
106
+ "typescript": "~5.9.3",
107
107
  "typescript-eslint": "^8.24.1",
108
108
  "vite": "^6.2.0",
109
109
  "vite-plugin-dts": "^4.5.4",
110
110
  "vitest": "^3.1.2"
111
111
  },
112
112
  "dependencies": {
113
- "@digdir/designsystemet-types": "1.13.3",
113
+ "@digdir/designsystemet-types": "^1.21.0",
114
114
  "@navikt/aksel-icons": "^8.16.1",
115
115
  "date-fns": "^4.1.0",
116
116
  "embla-carousel-react": "^8.6.0",