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 +8 -2
- package/dist/index.d.ts +4 -4
- package/package.json +10 -10
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 (
|
|
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` (
|
|
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
|
|
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
|
+
"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": "
|
|
51
|
-
"@digdir/designsystemet-react": "
|
|
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": "
|
|
81
|
-
"@digdir/designsystemet-css": "
|
|
82
|
-
"@digdir/designsystemet-react": "
|
|
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.
|
|
95
|
+
"eslint-plugin-react-refresh": "^0.5.5",
|
|
96
96
|
"gh-pages": "^6.3.0",
|
|
97
|
-
"glob": "^
|
|
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.
|
|
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.
|
|
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",
|