@digdir/designsystemet-react 1.0.0-rc.6 → 1.0.0-rc.7
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/Button/Button.js +1 -1
- package/dist/cjs/components/Card/CardContent.js +1 -1
- package/dist/cjs/components/Card/CardFooter.js +1 -1
- package/dist/cjs/components/Card/CardHeader.js +1 -1
- package/dist/cjs/components/HelpText/HelpText.js +1 -1
- package/dist/cjs/components/Link/Link.js +1 -1
- package/dist/cjs/components/Tabs/Tabs.js +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +1 -1
- package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +4 -1
- package/dist/cjs/components/form/Combobox/Custom.js +2 -2
- package/dist/cjs/components/form/Combobox/Empty.js +2 -2
- package/dist/cjs/components/form/Combobox/Option/Option.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/esm/components/Button/Button.js +1 -1
- package/dist/esm/components/Card/CardContent.js +1 -1
- package/dist/esm/components/Card/CardFooter.js +1 -1
- package/dist/esm/components/Card/CardHeader.js +1 -1
- package/dist/esm/components/HelpText/HelpText.js +1 -1
- package/dist/esm/components/Link/Link.js +1 -1
- package/dist/esm/components/Tabs/Tabs.js +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +1 -1
- package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +1 -1
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +4 -1
- package/dist/esm/components/form/Combobox/Custom.js +2 -2
- package/dist/esm/components/form/Combobox/Empty.js +2 -2
- package/dist/esm/components/form/Combobox/Option/Option.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +2 -2
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/HelpText/HelpText.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Option/Option.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -11,7 +11,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
11
11
|
*/
|
|
12
12
|
const Button = React.forwardRef(({ children, variant = 'primary', color = 'accent', fullWidth = false, icon = false, type = 'button', size = 'md', asChild, className, ...rest }, ref) => {
|
|
13
13
|
const Component = asChild ? index.Slot : 'button';
|
|
14
|
-
return (jsxRuntime.jsx(Component, { ref: ref, type: type, className: lite.clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
|
|
14
|
+
return (jsxRuntime.jsx(Component, { ref: ref, type: type, className: lite.clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-paragraph-short--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
|
|
15
15
|
});
|
|
16
16
|
Button.displayName = 'Button';
|
|
17
17
|
|
|
@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
8
8
|
|
|
9
9
|
const CardContent = React.forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
10
10
|
const Component = asChild ? index.Slot : 'div';
|
|
11
|
-
return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__content`, className), ref: ref, ...rest }));
|
|
11
|
+
return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__content`, `ds-paragraph--md`, className), ref: ref, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
CardContent.displayName = 'CardContent';
|
|
14
14
|
|
|
@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
8
8
|
|
|
9
9
|
const CardFooter = React.forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
10
10
|
const Component = asChild ? index.Slot : 'div';
|
|
11
|
-
return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__footer`, className), ref: ref, ...rest }));
|
|
11
|
+
return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__footer`, `ds-paragraph--md`, className), ref: ref, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
CardFooter.displayName = 'CardFooter';
|
|
14
14
|
|
|
@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
8
8
|
|
|
9
9
|
const CardHeader = React.forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
10
10
|
const Component = asChild ? index.Slot : 'div';
|
|
11
|
-
return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__header`, className), ref: ref, ...rest }));
|
|
11
|
+
return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__header`, `ds-heading--md`, className), ref: ref, ...rest }));
|
|
12
12
|
});
|
|
13
13
|
CardHeader.displayName = 'CardHeader';
|
|
14
14
|
|
|
@@ -9,7 +9,7 @@ var HelpTextIcon = require('./HelpTextIcon.js');
|
|
|
9
9
|
|
|
10
10
|
const HelpText = ({ title, placement = 'right', portal, size = 'md', className, children, ...rest }) => {
|
|
11
11
|
const [open, setOpen] = React.useState(false);
|
|
12
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(index.Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsxRuntime.jsx(index.Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxRuntime.jsxs("button", { className: lite.clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { filled: true, className: lite.clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { className: lite.clsx(`ds-helptext__icon`, className), openState: open }), jsxRuntime.jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsxRuntime.jsx(index.Popover.Content, { className: 'ds-helptext__content', children: children })] }) }));
|
|
12
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(index.Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsxRuntime.jsx(index.Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxRuntime.jsxs("button", { className: lite.clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { filled: true, className: lite.clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { className: lite.clsx(`ds-helptext__icon`, className), openState: open }), jsxRuntime.jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsxRuntime.jsx(index.Popover.Content, { className: lite.clsx('ds-helptext__content', 'ds-paragraph--md'), children: children })] }) }));
|
|
13
13
|
};
|
|
14
14
|
HelpText.displayName = 'HelpText';
|
|
15
15
|
|
|
@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
8
8
|
|
|
9
9
|
const Link = React.forwardRef(({ color = 'accent', asChild, children, className, ...rest }, ref) => {
|
|
10
10
|
const Component = asChild ? index.Slot : 'a';
|
|
11
|
-
return (jsxRuntime.jsx(Component, { className: lite.clsx('ds-link', `ds-
|
|
11
|
+
return (jsxRuntime.jsx(Component, { className: lite.clsx('ds-link', `ds-link--${color}`, className), ref: ref, ...rest, children: children }));
|
|
12
12
|
});
|
|
13
13
|
Link.displayName = 'Link';
|
|
14
14
|
|
|
@@ -21,7 +21,7 @@ const Tabs = React.forwardRef(({ size = 'md', children, value, defaultValue, cla
|
|
|
21
21
|
value,
|
|
22
22
|
defaultValue,
|
|
23
23
|
onChange: onValueChange,
|
|
24
|
-
}, children: jsxRuntime.jsx("div", { className: lite.clsx(`ds-tabs--${size}`, className), ref: ref, ...rest, children: children }) }));
|
|
24
|
+
}, children: jsxRuntime.jsx("div", { className: lite.clsx(`ds-tabs--${size}`, `ds-paragraph-short--${size}`, className), ref: ref, ...rest, children: children }) }));
|
|
25
25
|
});
|
|
26
26
|
Tabs.displayName = 'Tabs';
|
|
27
27
|
|
|
@@ -78,7 +78,7 @@ const Tooltip = React.forwardRef(({ children, content, placement = 'top', delay
|
|
|
78
78
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.cloneElement(children, getReferenceProps({
|
|
79
79
|
ref: childMergedRef,
|
|
80
80
|
})), internalOpen && (jsxRuntime.jsx(Container, { children: jsxRuntime.jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', ...getFloatingProps({
|
|
81
|
-
className: lite.clsx('ds-tooltip', className),
|
|
81
|
+
className: lite.clsx('ds-tooltip', 'ds-paragraph--xs', className),
|
|
82
82
|
ref: mergedRef,
|
|
83
83
|
...rest,
|
|
84
84
|
}), children: [content, jsxRuntime.jsx(floatingUi_react.FloatingArrow, { ref: arrowRef, context: context, className: 'ds-tooltip__arrow', height: ARROW_HEIGHT })] }) }))] }));
|
|
@@ -9,7 +9,7 @@ var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
9
9
|
/** Use `ErrorMessage` to display text as error message. */
|
|
10
10
|
const ErrorMessage = React.forwardRef(({ size = 'md', className, spacing, asChild, error = true, ...rest }, ref) => {
|
|
11
11
|
const Component = asChild ? index.Slot : 'div';
|
|
12
|
-
return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-error-message', `ds-
|
|
12
|
+
return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-error-message', `ds-error_message--${size}`, spacing && 'ds-error-message--spacing', error && 'ds-error-message--error', className), ...rest }));
|
|
13
13
|
});
|
|
14
14
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
15
15
|
|
|
@@ -9,7 +9,10 @@ var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
|
|
|
9
9
|
/** Use `Paragraph` to display text with paragraph text styles. */
|
|
10
10
|
const Paragraph = React.forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
|
|
11
11
|
const Component = asChild ? index.Slot : 'p';
|
|
12
|
-
return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-paragraph',
|
|
12
|
+
return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-paragraph', spacing && 'ds-paragraph--spacing', variant
|
|
13
|
+
? `ds-paragraph-${variant}--${size}`
|
|
14
|
+
: `ds-paragraph--${size}`, // TODO find a better solution for this
|
|
15
|
+
className), ...rest }));
|
|
13
16
|
});
|
|
14
17
|
Paragraph.displayName = 'Paragraph';
|
|
15
18
|
|
|
@@ -23,7 +23,7 @@ const ComboboxCustom = React.forwardRef(({ asChild, interactive, id, className,
|
|
|
23
23
|
if (!context) {
|
|
24
24
|
throw new Error('ComboboxCustom must be used within a Combobox');
|
|
25
25
|
}
|
|
26
|
-
const { customIds, listRef, getItemProps } = context;
|
|
26
|
+
const { customIds, listRef, getItemProps, size } = context;
|
|
27
27
|
const index$1 = React.useMemo(() => (id && customIds.indexOf(id)) || 0, [id, customIds]);
|
|
28
28
|
const combinedRef = floatingUi_react.useMergeRefs([
|
|
29
29
|
(node) => {
|
|
@@ -31,7 +31,7 @@ const ComboboxCustom = React.forwardRef(({ asChild, interactive, id, className,
|
|
|
31
31
|
},
|
|
32
32
|
ref,
|
|
33
33
|
]);
|
|
34
|
-
return (jsxRuntime.jsx(Component, { ref: combinedRef, tabIndex: -1, className: lite.clsx('ds-combobox__custom', className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index$1, "data-active": activeIndex === index$1, ...objectUtils.omit(['interactive'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], getItemProps()) }));
|
|
34
|
+
return (jsxRuntime.jsx(Component, { ref: combinedRef, tabIndex: -1, className: lite.clsx('ds-combobox__custom', `ds-label--${size}`, className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index$1, "data-active": activeIndex === index$1, ...objectUtils.omit(['interactive'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], getItemProps()) }));
|
|
35
35
|
});
|
|
36
36
|
var ComboboxCustom$1 = ComboboxCustom;
|
|
37
37
|
|
|
@@ -13,8 +13,8 @@ const ComboboxEmpty = React.forwardRef(({ children, className, ...rest }, ref) =
|
|
|
13
13
|
if (!context) {
|
|
14
14
|
throw new Error('ComboboxEmpty must be used within a Combobox');
|
|
15
15
|
}
|
|
16
|
-
const { filteredOptions } = context;
|
|
17
|
-
return (filteredOptions.length === 0 && (jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-combobox__empty', className), ...rest, children: children })));
|
|
16
|
+
const { filteredOptions, size } = context;
|
|
17
|
+
return (filteredOptions.length === 0 && (jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-combobox__empty', `ds-label--${size}`, className), ...rest, children: children })));
|
|
18
18
|
});
|
|
19
19
|
ComboboxEmpty.displayName = 'ComboboxEmpty';
|
|
20
20
|
|
|
@@ -27,7 +27,7 @@ const ComboboxOption = React.memo(React.forwardRef(({ value, description, childr
|
|
|
27
27
|
return (jsxRuntime.jsxs("button", { ref: ref, id: id, role: 'option', type: 'button', "aria-selected": !!selected, "aria-labelledby": labelId, tabIndex: -1, onClick: (e) => {
|
|
28
28
|
onOptionClick();
|
|
29
29
|
rest.onClick?.(e);
|
|
30
|
-
}, className: lite.clsx('ds-combobox__option', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...objectUtils.omit(['displayValue'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], props), children: [jsxRuntime.jsx(Label.Label, { asChild: true, size: size, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SelectedIcon.SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxRuntime.jsxs(Label.Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsxRuntime.jsx(Description.default, { children: description }))] })] }));
|
|
30
|
+
}, className: lite.clsx('ds-combobox__option', 'ds-label--md', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...objectUtils.omit(['displayValue'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], props), children: [jsxRuntime.jsx(Label.Label, { asChild: true, size: size, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SelectedIcon.SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxRuntime.jsxs(Label.Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsxRuntime.jsx(Description.default, { children: description }))] })] }));
|
|
31
31
|
}));
|
|
32
32
|
ComboboxOption.displayName = 'ComboboxOption';
|
|
33
33
|
|
|
@@ -25,7 +25,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
25
25
|
const setActiveIndex = (id) => {
|
|
26
26
|
idDispatch?.({ type: 'SET_ACTIVE_INDEX', payload: id });
|
|
27
27
|
};
|
|
28
|
-
const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, } = context;
|
|
28
|
+
const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, size, } = context;
|
|
29
29
|
const mergedRefs = floatingUi_react.useMergeRefs([forwareddRef, inputRef]);
|
|
30
30
|
// onChange function for the input
|
|
31
31
|
const onChange = (event) => {
|
|
@@ -67,7 +67,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
});
|
|
70
|
-
return (jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: lite.clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
|
|
70
|
+
return (jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: lite.clsx('ds-textfield__input', `ds-paragraph--${size}`, 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: lite.clsx('ds-combobox__input', `ds-paragraph--${size}`), onChange: (e) => {
|
|
71
71
|
onChange(e);
|
|
72
72
|
!open && setOpen(true);
|
|
73
73
|
rest.onChange && rest.onChange(e);
|
|
@@ -9,7 +9,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
|
|
|
9
9
|
*/
|
|
10
10
|
const Button = forwardRef(({ children, variant = 'primary', color = 'accent', fullWidth = false, icon = false, type = 'button', size = 'md', asChild, className, ...rest }, ref) => {
|
|
11
11
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'button';
|
|
12
|
-
return (jsx(Component, { ref: ref, type: type, className: clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
|
|
12
|
+
return (jsx(Component, { ref: ref, type: type, className: clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-paragraph-short--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
|
|
13
13
|
});
|
|
14
14
|
Button.displayName = 'Button';
|
|
15
15
|
|
|
@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
|
|
|
6
6
|
|
|
7
7
|
const CardContent = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
8
8
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
|
|
9
|
-
return (jsx(Component, { className: clsx(`ds-card__content`, className), ref: ref, ...rest }));
|
|
9
|
+
return (jsx(Component, { className: clsx(`ds-card__content`, `ds-paragraph--md`, className), ref: ref, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
CardContent.displayName = 'CardContent';
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
|
|
|
6
6
|
|
|
7
7
|
const CardFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
8
8
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
|
|
9
|
-
return (jsx(Component, { className: clsx(`ds-card__footer`, className), ref: ref, ...rest }));
|
|
9
|
+
return (jsx(Component, { className: clsx(`ds-card__footer`, `ds-paragraph--md`, className), ref: ref, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
CardFooter.displayName = 'CardFooter';
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
|
|
|
6
6
|
|
|
7
7
|
const CardHeader = forwardRef(({ asChild, className, ...rest }, ref) => {
|
|
8
8
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
|
|
9
|
-
return (jsx(Component, { className: clsx(`ds-card__header`, className), ref: ref, ...rest }));
|
|
9
|
+
return (jsx(Component, { className: clsx(`ds-card__header`, `ds-heading--md`, className), ref: ref, ...rest }));
|
|
10
10
|
});
|
|
11
11
|
CardHeader.displayName = 'CardHeader';
|
|
12
12
|
|
|
@@ -7,7 +7,7 @@ import { HelpTextIcon } from './HelpTextIcon.js';
|
|
|
7
7
|
|
|
8
8
|
const HelpText = ({ title, placement = 'right', portal, size = 'md', className, children, ...rest }) => {
|
|
9
9
|
const [open, setOpen] = useState(false);
|
|
10
|
-
return (jsx(Fragment, { children: jsxs(Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsx(Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxs("button", { className: clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsx(HelpTextIcon, { filled: true, className: clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsx(HelpTextIcon, { className: clsx(`ds-helptext__icon`, className), openState: open }), jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsx(Popover.Content, { className: 'ds-helptext__content', children: children })] }) }));
|
|
10
|
+
return (jsx(Fragment, { children: jsxs(Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsx(Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxs("button", { className: clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsx(HelpTextIcon, { filled: true, className: clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsx(HelpTextIcon, { className: clsx(`ds-helptext__icon`, className), openState: open }), jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsx(Popover.Content, { className: clsx('ds-helptext__content', 'ds-paragraph--md'), children: children })] }) }));
|
|
11
11
|
};
|
|
12
12
|
HelpText.displayName = 'HelpText';
|
|
13
13
|
|
|
@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
|
|
|
6
6
|
|
|
7
7
|
const Link = forwardRef(({ color = 'accent', asChild, children, className, ...rest }, ref) => {
|
|
8
8
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'a';
|
|
9
|
-
return (jsx(Component, { className: clsx('ds-link', `ds-
|
|
9
|
+
return (jsx(Component, { className: clsx('ds-link', `ds-link--${color}`, className), ref: ref, ...rest, children: children }));
|
|
10
10
|
});
|
|
11
11
|
Link.displayName = 'Link';
|
|
12
12
|
|
|
@@ -19,7 +19,7 @@ const Tabs = forwardRef(({ size = 'md', children, value, defaultValue, className
|
|
|
19
19
|
value,
|
|
20
20
|
defaultValue,
|
|
21
21
|
onChange: onValueChange,
|
|
22
|
-
}, children: jsx("div", { className: clsx(`ds-tabs--${size}`, className), ref: ref, ...rest, children: children }) }));
|
|
22
|
+
}, children: jsx("div", { className: clsx(`ds-tabs--${size}`, `ds-paragraph-short--${size}`, className), ref: ref, ...rest, children: children }) }));
|
|
23
23
|
});
|
|
24
24
|
Tabs.displayName = 'Tabs';
|
|
25
25
|
|
|
@@ -58,7 +58,7 @@ const Tooltip = forwardRef(({ children, content, placement = 'top', delay = 150,
|
|
|
58
58
|
return (jsxs(Fragment, { children: [cloneElement(children, getReferenceProps({
|
|
59
59
|
ref: childMergedRef,
|
|
60
60
|
})), internalOpen && (jsx(Container, { children: jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', ...getFloatingProps({
|
|
61
|
-
className: clsx('ds-tooltip', className),
|
|
61
|
+
className: clsx('ds-tooltip', 'ds-paragraph--xs', className),
|
|
62
62
|
ref: mergedRef,
|
|
63
63
|
...rest,
|
|
64
64
|
}), children: [content, jsx(FloatingArrow, { ref: arrowRef, context: context, className: 'ds-tooltip__arrow', height: ARROW_HEIGHT })] }) }))] }));
|
|
@@ -7,7 +7,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../../node
|
|
|
7
7
|
/** Use `ErrorMessage` to display text as error message. */
|
|
8
8
|
const ErrorMessage = forwardRef(({ size = 'md', className, spacing, asChild, error = true, ...rest }, ref) => {
|
|
9
9
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
|
|
10
|
-
return (jsx(Component, { ref: ref, className: clsx('ds-error-message', `ds-
|
|
10
|
+
return (jsx(Component, { ref: ref, className: clsx('ds-error-message', `ds-error_message--${size}`, spacing && 'ds-error-message--spacing', error && 'ds-error-message--error', className), ...rest }));
|
|
11
11
|
});
|
|
12
12
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
13
13
|
|
|
@@ -7,7 +7,10 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../../node
|
|
|
7
7
|
/** Use `Paragraph` to display text with paragraph text styles. */
|
|
8
8
|
const Paragraph = forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
|
|
9
9
|
const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'p';
|
|
10
|
-
return (jsx(Component, { ref: ref, className: clsx('ds-paragraph',
|
|
10
|
+
return (jsx(Component, { ref: ref, className: clsx('ds-paragraph', spacing && 'ds-paragraph--spacing', variant
|
|
11
|
+
? `ds-paragraph-${variant}--${size}`
|
|
12
|
+
: `ds-paragraph--${size}`, // TODO find a better solution for this
|
|
13
|
+
className), ...rest }));
|
|
11
14
|
});
|
|
12
15
|
Paragraph.displayName = 'Paragraph';
|
|
13
16
|
|
|
@@ -19,7 +19,7 @@ const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...res
|
|
|
19
19
|
if (!context) {
|
|
20
20
|
throw new Error('ComboboxCustom must be used within a Combobox');
|
|
21
21
|
}
|
|
22
|
-
const { customIds, listRef, getItemProps } = context;
|
|
22
|
+
const { customIds, listRef, getItemProps, size } = context;
|
|
23
23
|
const index = useMemo(() => (id && customIds.indexOf(id)) || 0, [id, customIds]);
|
|
24
24
|
const combinedRef = useMergeRefs([
|
|
25
25
|
(node) => {
|
|
@@ -27,7 +27,7 @@ const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...res
|
|
|
27
27
|
},
|
|
28
28
|
ref,
|
|
29
29
|
]);
|
|
30
|
-
return (jsx(Component, { ref: combinedRef, tabIndex: -1, className: clsx('ds-combobox__custom', className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index, "data-active": activeIndex === index, ...omit(['interactive'], rest), ...omit(['onClick', 'onPointerLeave'], getItemProps()) }));
|
|
30
|
+
return (jsx(Component, { ref: combinedRef, tabIndex: -1, className: clsx('ds-combobox__custom', `ds-label--${size}`, className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index, "data-active": activeIndex === index, ...omit(['interactive'], rest), ...omit(['onClick', 'onPointerLeave'], getItemProps()) }));
|
|
31
31
|
});
|
|
32
32
|
var ComboboxCustom$1 = ComboboxCustom;
|
|
33
33
|
|
|
@@ -9,8 +9,8 @@ const ComboboxEmpty = forwardRef(({ children, className, ...rest }, ref) => {
|
|
|
9
9
|
if (!context) {
|
|
10
10
|
throw new Error('ComboboxEmpty must be used within a Combobox');
|
|
11
11
|
}
|
|
12
|
-
const { filteredOptions } = context;
|
|
13
|
-
return (filteredOptions.length === 0 && (jsx("div", { ref: ref, className: clsx('ds-combobox__empty', className), ...rest, children: children })));
|
|
12
|
+
const { filteredOptions, size } = context;
|
|
13
|
+
return (filteredOptions.length === 0 && (jsx("div", { ref: ref, className: clsx('ds-combobox__empty', `ds-label--${size}`, className), ...rest, children: children })));
|
|
14
14
|
});
|
|
15
15
|
ComboboxEmpty.displayName = 'ComboboxEmpty';
|
|
16
16
|
|
|
@@ -25,7 +25,7 @@ const ComboboxOption = memo(forwardRef(({ value, description, children, classNam
|
|
|
25
25
|
return (jsxs("button", { ref: ref, id: id, role: 'option', type: 'button', "aria-selected": !!selected, "aria-labelledby": labelId, tabIndex: -1, onClick: (e) => {
|
|
26
26
|
onOptionClick();
|
|
27
27
|
rest.onClick?.(e);
|
|
28
|
-
}, className: clsx('ds-combobox__option', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...omit(['displayValue'], rest), ...omit(['onClick', 'onPointerLeave'], props), children: [jsx(Label, { asChild: true, size: size, children: jsx("span", { children: jsx(SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxs(Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsx(ComboboxOptionDescription, { children: description }))] })] }));
|
|
28
|
+
}, className: clsx('ds-combobox__option', 'ds-label--md', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...omit(['displayValue'], rest), ...omit(['onClick', 'onPointerLeave'], props), children: [jsx(Label, { asChild: true, size: size, children: jsx("span", { children: jsx(SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxs(Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsx(ComboboxOptionDescription, { children: description }))] })] }));
|
|
29
29
|
}));
|
|
30
30
|
ComboboxOption.displayName = 'ComboboxOption';
|
|
31
31
|
|
|
@@ -21,7 +21,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
21
21
|
const setActiveIndex = (id) => {
|
|
22
22
|
idDispatch?.({ type: 'SET_ACTIVE_INDEX', payload: id });
|
|
23
23
|
};
|
|
24
|
-
const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, } = context;
|
|
24
|
+
const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, size, } = context;
|
|
25
25
|
const mergedRefs = useMergeRefs([forwareddRef, inputRef]);
|
|
26
26
|
// onChange function for the input
|
|
27
27
|
const onChange = (event) => {
|
|
@@ -63,7 +63,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
});
|
|
66
|
-
return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
|
|
66
|
+
return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('ds-textfield__input', `ds-paragraph--${size}`, 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: clsx('ds-combobox__input', `ds-paragraph--${size}`), onChange: (e) => {
|
|
67
67
|
onChange(e);
|
|
68
68
|
!open && setOpen(true);
|
|
69
69
|
rest.onChange && rest.onChange(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IA3BjB,mCAAmC;;IAEnC;;OAEG;;IAEH;;;OAGG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IA3BjB,mCAAmC;;IAEnC;;OAEG;;IAEH;;;OAGG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA8CJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;uEAQX,aAAa;;
|
|
1
|
+
{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;uEAQX,aAAa;;CAoDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,SAAS,GAAG;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,WAAW,2CAAsC,CAAC;AAE/D,eAAO,MAAM,IAAI;IApCf,6CAA6C;;IAE7C,qBAAqB;;IAErB,+CAA+C;wBAC5B,MAAM,KAAK,IAAI;IAClC;;;OAGG;;+
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,SAAS,GAAG;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,WAAW,2CAAsC,CAAC;AAE/D,eAAO,MAAM,IAAI;IApCf,6CAA6C;;IAE7C,qBAAqB;;IAErB,+CAA+C;wBAC5B,MAAM,KAAK,IAAI;IAClC;;;OAGG;;+GA2EJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,kEAAkE;AAClE,eAAO,MAAM,SAAS;IAnBpB;;;;;OAKG;;IAEH,yBAAyB;;IAEzB,2CAA2C;;IAE3C;;;OAGG;;+
|
|
1
|
+
{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,kEAAkE;AAClE,eAAO,MAAM,SAAS;IAnBpB;;;;;OAKG;;IAEH,yBAAyB;;IAEzB,2CAA2C;;IAE3C;;;OAGG;;+FAyBJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;IAfzB;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;;OAGG;;
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;IAfzB;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;;OAGG;;4FAyEJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;
|
|
1
|
+
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;CAkIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.7",
|
|
4
4
|
"description": "React components for Designsystemet",
|
|
5
5
|
"author": "Designsystemet team",
|
|
6
6
|
"repository": "https://github.com/digdir/designsystemet",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"rollup": "^4.12.1",
|
|
40
40
|
"typescript": "^5.4.2"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "735ada71b971dfd1c917e95a7d6c3d1b70852be2"
|
|
43
43
|
}
|