@digdir/designsystemet-react 1.16.1 → 1.17.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/dist/cjs/components/avatar/avatar.js +1 -1
- package/dist/cjs/components/badge/badge.js +1 -1
- package/dist/cjs/components/card/card.js +1 -1
- package/dist/cjs/components/details/details.js +1 -1
- package/dist/cjs/components/paragraph/paragraph.js +1 -1
- package/dist/cjs/components/popover/popover.js +1 -1
- package/dist/cjs/components/skeleton/skeleton.js +1 -1
- package/dist/cjs/components/tabs/tabs-tab.js +1 -1
- package/dist/cjs/components/tabs/tabs.js +0 -16
- package/dist/cjs/components/tag/tag.js +1 -1
- package/dist/esm/components/avatar/avatar.js +1 -1
- package/dist/esm/components/badge/badge.js +1 -1
- package/dist/esm/components/card/card.js +1 -1
- package/dist/esm/components/details/details.js +1 -1
- package/dist/esm/components/paragraph/paragraph.js +1 -1
- package/dist/esm/components/popover/popover.js +1 -1
- package/dist/esm/components/skeleton/skeleton.js +1 -1
- package/dist/esm/components/tabs/tabs-tab.js +1 -1
- package/dist/esm/components/tabs/tabs.js +1 -17
- package/dist/esm/components/tag/tag.js +1 -1
- package/dist/react-types.d.ts +0 -1
- package/dist/types/components/details/details.d.ts.map +1 -1
- package/dist/types/components/paragraph/paragraph.d.ts.map +1 -1
- package/dist/types/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/types/components/tabs/tabs-tab.d.ts.map +1 -1
- package/dist/types/components/tabs/tabs.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -22,7 +22,7 @@ var react = require('react');
|
|
|
22
22
|
* <Icon />
|
|
23
23
|
* </Avatar>
|
|
24
24
|
*/
|
|
25
|
-
const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant
|
|
25
|
+
const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant, className, children, initials, asChild, ...rest }, ref) {
|
|
26
26
|
const OuterComponent = asChild ? reactSlot.Slot : 'span';
|
|
27
27
|
const useSlot = children && typeof children !== 'string';
|
|
28
28
|
const textChild = children && typeof children === 'string';
|
|
@@ -16,7 +16,7 @@ var react = require('react');
|
|
|
16
16
|
* <Icon />
|
|
17
17
|
* </Badge>
|
|
18
18
|
*/
|
|
19
|
-
const Badge = react.forwardRef(function Badge({ className, count, maxCount, variant
|
|
19
|
+
const Badge = react.forwardRef(function Badge({ className, count, maxCount, variant, ...rest }, ref) {
|
|
20
20
|
return (jsxRuntime.jsx("span", { className: cl('ds-badge', className), "data-count": count && maxCount && count > maxCount ? `${maxCount}+` : count, "data-variant": variant, ref: ref, ...rest }));
|
|
21
21
|
});
|
|
22
22
|
|
|
@@ -21,7 +21,7 @@ const SELECTOR_SKIP = 'a,button,label,details,dialog,[role="button"],[popover],[
|
|
|
21
21
|
* <Card.Block>Footer</Card.Block>
|
|
22
22
|
* </Card>
|
|
23
23
|
*/
|
|
24
|
-
const Card = react.forwardRef(function Card({ asChild = false, variant
|
|
24
|
+
const Card = react.forwardRef(function Card({ asChild = false, variant, className, ...rest }, ref) {
|
|
25
25
|
const Component = asChild ? reactSlot.Slot : 'div';
|
|
26
26
|
const cardRef = react.useRef(null);
|
|
27
27
|
const linkGeneratedId = react.useId();
|
|
@@ -16,7 +16,7 @@ require('@digdir/designsystemet-web');
|
|
|
16
16
|
* <Details.Content>Content</Details.Content>
|
|
17
17
|
* </Details>
|
|
18
18
|
*/
|
|
19
|
-
const Details = react.forwardRef(function Details({ className, open, defaultOpen = false, variant
|
|
19
|
+
const Details = react.forwardRef(function Details({ className, open, defaultOpen = false, variant, onToggle, ...rest }, ref) {
|
|
20
20
|
const detailsRef = react.useRef(null);
|
|
21
21
|
const initialOpen = react.useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
|
|
22
22
|
const mergedRefs = useMergeRefs.useMergeRefs([detailsRef, ref]);
|
|
@@ -13,7 +13,7 @@ var react = require('react');
|
|
|
13
13
|
* @example
|
|
14
14
|
* <Paragraph data-size='lg'>Paragraph</Paragraph>
|
|
15
15
|
*/
|
|
16
|
-
const Paragraph = react.forwardRef(function Paragraph({ className, asChild, variant
|
|
16
|
+
const Paragraph = react.forwardRef(function Paragraph({ className, asChild, variant, ...rest }, ref) {
|
|
17
17
|
const Component = asChild ? reactSlot.Slot : 'p';
|
|
18
18
|
return (jsxRuntime.jsx(Component, { ref: ref, className: cl(`ds-paragraph`, className), "data-variant": variant, ...rest }));
|
|
19
19
|
});
|
|
@@ -26,7 +26,7 @@ var popoverTriggerContext = require('./popover-trigger-context.js');
|
|
|
26
26
|
* Content
|
|
27
27
|
* </Popover>
|
|
28
28
|
*/
|
|
29
|
-
const Popover = react.forwardRef(function Popover({ id, className, onClose, onOpen, open, variant
|
|
29
|
+
const Popover = react.forwardRef(function Popover({ id, className, onClose, onOpen, open, variant, placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
|
|
30
30
|
const Component = asChild ? reactSlot.Slot : 'div';
|
|
31
31
|
const popoverRef = react.useRef(null);
|
|
32
32
|
const mergedRefs = useMergeRefs.useMergeRefs([popoverRef, ref]);
|
|
@@ -19,7 +19,7 @@ require('../../utilities/roving-focus/roving-focus-root.js');
|
|
|
19
19
|
* <Skeleton variant="text" />
|
|
20
20
|
* <Skeleton variant="rectangle" />
|
|
21
21
|
*/
|
|
22
|
-
const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height, style, variant
|
|
22
|
+
const Skeleton = react.forwardRef(function Skeleton({ asChild, className, height, style, variant, width, ...rest }, ref) {
|
|
23
23
|
const Component = asChild ? reactSlot.Slot : 'span';
|
|
24
24
|
const isText = variant === 'text';
|
|
25
25
|
const animationRef = useSynchronizedAnimation.useSynchronizedAnimation('ds-skeleton-opacity-fade');
|
|
@@ -14,7 +14,7 @@ var tabs = require('./tabs.js');
|
|
|
14
14
|
*/
|
|
15
15
|
const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
|
|
16
16
|
const { onChange, getPrefixedValue, isControlled, currentValue } = react.useContext(tabs.Context);
|
|
17
|
-
return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
|
|
17
|
+
return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "aria-selected": `${currentValue === value}`, "data-value": value, ref: ref, role: 'tab', suppressHydrationWarning // Since <ds-tablist> adds attributes
|
|
18
18
|
: true, onClickCapture: (e) => {
|
|
19
19
|
onClickCapture?.(e);
|
|
20
20
|
if (isControlled && currentValue !== value)
|
|
@@ -37,22 +37,6 @@ const Tabs = react.forwardRef(function Tabs({ value, defaultValue, className, on
|
|
|
37
37
|
};
|
|
38
38
|
value = uncontrolledValue;
|
|
39
39
|
}
|
|
40
|
-
react.useEffect(() => {
|
|
41
|
-
if (!isControlled || !tabsRef.current || value === undefined)
|
|
42
|
-
return;
|
|
43
|
-
tabsRef.current?.tabList?.tabs?.forEach((tab) => {
|
|
44
|
-
if (tab.getAttribute('data-value') === value)
|
|
45
|
-
tab.setAttribute('aria-selected', 'true');
|
|
46
|
-
});
|
|
47
|
-
}, [value, isControlled]);
|
|
48
|
-
react.useEffect(() => {
|
|
49
|
-
if (defaultValue && tabsRef.current) {
|
|
50
|
-
tabsRef.current?.tabList?.tabs?.forEach((tab) => {
|
|
51
|
-
if (tab.getAttribute('data-value') === defaultValue)
|
|
52
|
-
tab.setAttribute('aria-selected', 'true');
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}, []);
|
|
56
40
|
return (jsxRuntime.jsx(Context.Provider, { value: {
|
|
57
41
|
isControlled,
|
|
58
42
|
currentValue: value,
|
|
@@ -11,7 +11,7 @@ var react = require('react');
|
|
|
11
11
|
* @example
|
|
12
12
|
* <Tag>Melk</Tag>
|
|
13
13
|
*/
|
|
14
|
-
const Tag = react.forwardRef(function Tag({ className, variant
|
|
14
|
+
const Tag = react.forwardRef(function Tag({ className, variant, ...rest }, ref) {
|
|
15
15
|
return (jsxRuntime.jsx("span", { className: cl('ds-tag', className), ref: ref, "data-variant": variant, ...rest }));
|
|
16
16
|
});
|
|
17
17
|
|
|
@@ -20,7 +20,7 @@ import { forwardRef, Fragment } from 'react';
|
|
|
20
20
|
* <Icon />
|
|
21
21
|
* </Avatar>
|
|
22
22
|
*/
|
|
23
|
-
const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant
|
|
23
|
+
const Avatar = forwardRef(function Avatar({ 'aria-label': ariaLabel, 'data-tooltip': dataTooltip, variant, className, children, initials, asChild, ...rest }, ref) {
|
|
24
24
|
const OuterComponent = asChild ? Slot : 'span';
|
|
25
25
|
const useSlot = children && typeof children !== 'string';
|
|
26
26
|
const textChild = children && typeof children === 'string';
|
|
@@ -14,7 +14,7 @@ import { forwardRef } from 'react';
|
|
|
14
14
|
* <Icon />
|
|
15
15
|
* </Badge>
|
|
16
16
|
*/
|
|
17
|
-
const Badge = forwardRef(function Badge({ className, count, maxCount, variant
|
|
17
|
+
const Badge = forwardRef(function Badge({ className, count, maxCount, variant, ...rest }, ref) {
|
|
18
18
|
return (jsx("span", { className: cl('ds-badge', className), "data-count": count && maxCount && count > maxCount ? `${maxCount}+` : count, "data-variant": variant, ref: ref, ...rest }));
|
|
19
19
|
});
|
|
20
20
|
|
|
@@ -19,7 +19,7 @@ const SELECTOR_SKIP = 'a,button,label,details,dialog,[role="button"],[popover],[
|
|
|
19
19
|
* <Card.Block>Footer</Card.Block>
|
|
20
20
|
* </Card>
|
|
21
21
|
*/
|
|
22
|
-
const Card = forwardRef(function Card({ asChild = false, variant
|
|
22
|
+
const Card = forwardRef(function Card({ asChild = false, variant, className, ...rest }, ref) {
|
|
23
23
|
const Component = asChild ? Slot : 'div';
|
|
24
24
|
const cardRef = useRef(null);
|
|
25
25
|
const linkGeneratedId = useId();
|
|
@@ -14,7 +14,7 @@ import '@digdir/designsystemet-web';
|
|
|
14
14
|
* <Details.Content>Content</Details.Content>
|
|
15
15
|
* </Details>
|
|
16
16
|
*/
|
|
17
|
-
const Details = forwardRef(function Details({ className, open, defaultOpen = false, variant
|
|
17
|
+
const Details = forwardRef(function Details({ className, open, defaultOpen = false, variant, onToggle, ...rest }, ref) {
|
|
18
18
|
const detailsRef = useRef(null);
|
|
19
19
|
const initialOpen = useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
|
|
20
20
|
const mergedRefs = useMergeRefs([detailsRef, ref]);
|
|
@@ -11,7 +11,7 @@ import { forwardRef } from 'react';
|
|
|
11
11
|
* @example
|
|
12
12
|
* <Paragraph data-size='lg'>Paragraph</Paragraph>
|
|
13
13
|
*/
|
|
14
|
-
const Paragraph = forwardRef(function Paragraph({ className, asChild, variant
|
|
14
|
+
const Paragraph = forwardRef(function Paragraph({ className, asChild, variant, ...rest }, ref) {
|
|
15
15
|
const Component = asChild ? Slot : 'p';
|
|
16
16
|
return (jsx(Component, { ref: ref, className: cl(`ds-paragraph`, className), "data-variant": variant, ...rest }));
|
|
17
17
|
});
|
|
@@ -24,7 +24,7 @@ import { Context } from './popover-trigger-context.js';
|
|
|
24
24
|
* Content
|
|
25
25
|
* </Popover>
|
|
26
26
|
*/
|
|
27
|
-
const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, open, variant
|
|
27
|
+
const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, open, variant, placement = 'top', autoPlacement = true, asChild = false, ...rest }, ref) {
|
|
28
28
|
const Component = asChild ? Slot : 'div';
|
|
29
29
|
const popoverRef = useRef(null);
|
|
30
30
|
const mergedRefs = useMergeRefs([popoverRef, ref]);
|
|
@@ -17,7 +17,7 @@ import '../../utilities/roving-focus/roving-focus-root.js';
|
|
|
17
17
|
* <Skeleton variant="text" />
|
|
18
18
|
* <Skeleton variant="rectangle" />
|
|
19
19
|
*/
|
|
20
|
-
const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant
|
|
20
|
+
const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant, width, ...rest }, ref) {
|
|
21
21
|
const Component = asChild ? Slot : 'span';
|
|
22
22
|
const isText = variant === 'text';
|
|
23
23
|
const animationRef = useSynchronizedAnimation('ds-skeleton-opacity-fade');
|
|
@@ -12,7 +12,7 @@ import { Context } from './tabs.js';
|
|
|
12
12
|
*/
|
|
13
13
|
const TabsTab = forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
|
|
14
14
|
const { onChange, getPrefixedValue, isControlled, currentValue } = useContext(Context);
|
|
15
|
-
return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
|
|
15
|
+
return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "aria-selected": `${currentValue === value}`, "data-value": value, ref: ref, role: 'tab', suppressHydrationWarning // Since <ds-tablist> adds attributes
|
|
16
16
|
: true, onClickCapture: (e) => {
|
|
17
17
|
onClickCapture?.(e);
|
|
18
18
|
if (isControlled && currentValue !== value)
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import '@digdir/designsystemet-web';
|
|
4
4
|
import cl from 'clsx/lite';
|
|
5
|
-
import { createContext, forwardRef, useState, useRef, useId
|
|
5
|
+
import { createContext, forwardRef, useState, useRef, useId } from 'react';
|
|
6
6
|
import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
|
|
7
7
|
|
|
8
8
|
const Context = createContext({});
|
|
@@ -35,22 +35,6 @@ const Tabs = forwardRef(function Tabs({ value, defaultValue, className, onChange
|
|
|
35
35
|
};
|
|
36
36
|
value = uncontrolledValue;
|
|
37
37
|
}
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
if (!isControlled || !tabsRef.current || value === undefined)
|
|
40
|
-
return;
|
|
41
|
-
tabsRef.current?.tabList?.tabs?.forEach((tab) => {
|
|
42
|
-
if (tab.getAttribute('data-value') === value)
|
|
43
|
-
tab.setAttribute('aria-selected', 'true');
|
|
44
|
-
});
|
|
45
|
-
}, [value, isControlled]);
|
|
46
|
-
useEffect(() => {
|
|
47
|
-
if (defaultValue && tabsRef.current) {
|
|
48
|
-
tabsRef.current?.tabList?.tabs?.forEach((tab) => {
|
|
49
|
-
if (tab.getAttribute('data-value') === defaultValue)
|
|
50
|
-
tab.setAttribute('aria-selected', 'true');
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}, []);
|
|
54
38
|
return (jsx(Context.Provider, { value: {
|
|
55
39
|
isControlled,
|
|
56
40
|
currentValue: value,
|
|
@@ -9,7 +9,7 @@ import { forwardRef } from 'react';
|
|
|
9
9
|
* @example
|
|
10
10
|
* <Tag>Melk</Tag>
|
|
11
11
|
*/
|
|
12
|
-
const Tag = forwardRef(function Tag({ className, variant
|
|
12
|
+
const Tag = forwardRef(function Tag({ className, variant, ...rest }, ref) {
|
|
13
13
|
return (jsx("span", { className: cl('ds-tag', className), ref: ref, "data-variant": variant, ...rest }));
|
|
14
14
|
});
|
|
15
15
|
|
package/dist/react-types.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GAoCnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAvBpB;;OAEG;kBACW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C;;;OAGG;cACO,MAAM,GAAG,SAAS,GAAG,OAAO;IACtC;;;OAGG;cACO,OAAO;+
|
|
1
|
+
{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAvBpB;;OAEG;kBACW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C;;;OAGG;cACO,MAAM,GAAG,SAAS,GAAG,OAAO;IACtC;;;OAGG;cACO,OAAO;+FAuBlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IA9BnB;;OAEG;YACK,MAAM,GAAG,MAAM;IACvB;;OAEG;aACM,MAAM,GAAG,MAAM;IACxB;;;OAGG;cACO,WAAW,GAAG,QAAQ,GAAG,MAAM;IACzC;;;OAGG;cACO,OAAO;IACjB,0FAA0F;iBAC7E,MAAM;
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;IA9BnB;;OAEG;YACK,MAAM,GAAG,MAAM;IACvB;;OAEG;aACM,MAAM,GAAG,MAAM;IACxB;;;OAGG;cACO,WAAW,GAAG,QAAQ,GAAG,MAAM;IACzC;;;OAGG;cACO,OAAO;IACjB,0FAA0F;iBAC7E,MAAM;qFAmCpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;
|
|
1
|
+
{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAsCb,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACvE;IACE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,OAAO,uCAAkC,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI;IA1Cb;;;OAGG;YACK,MAAM;IACd;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gDAmEpC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.17.0",
|
|
5
5
|
"description": "React components for Designsystemet",
|
|
6
6
|
"author": "Designsystemet team",
|
|
7
7
|
"repository": {
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"@radix-ui/react-slot": "^1.2.5",
|
|
42
42
|
"@tanstack/react-virtual": "^3.14.2",
|
|
43
43
|
"clsx": "^2.1.1",
|
|
44
|
-
"@digdir/designsystemet-types": "1.
|
|
45
|
-
"@digdir/designsystemet-web": "1.
|
|
44
|
+
"@digdir/designsystemet-types": "1.17.0",
|
|
45
|
+
"@digdir/designsystemet-web": "1.17.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@rollup/plugin-commonjs": "29.0.3",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"storybook": "10.4.4",
|
|
64
64
|
"tsx": "4.22.4",
|
|
65
65
|
"typescript": "5.9.3",
|
|
66
|
-
"@digdir/designsystemet-css": "^1.
|
|
66
|
+
"@digdir/designsystemet-css": "^1.17.0"
|
|
67
67
|
},
|
|
68
68
|
"scripts": {
|
|
69
69
|
"build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
|