@digdir/designsystemet-react 0.56.1-alpha.0 → 0.56.2

package/dist/cjs/components/form/Checkbox/Checkbox.js

@@ -22,7 +22,7 @@ const Checkbox = React.forwardRef((props, ref) => {
             }
         },
     ]);
-    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { className: clsx.clsx(Checkbox_module.container, Checkbox_module[size], inputProps.disabled && Checkbox_module.disabled, hasError && Checkbox_module.error, readOnly && Checkbox_module.readonly, className), style: style, children: [jsxRuntime.jsx("input", { className: Checkbox_module.input, ref: inputRef, ...objectUtils.omit(['size', 'error', 'indeterminate'], rest), ...inputProps, type: 'checkbox', "aria-checked": rest.indeterminate ? 'mixed' : inputProps.checked }), jsxRuntime.jsx(Label.Label, { className: Checkbox_module.label, htmlFor: inputProps.id, size: size, weight: 'regular', children: jsxRuntime.jsx("span", { children: children }) }), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: Checkbox_module.description, children: description }) }))] }) }));
+    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { className: clsx.clsx(Checkbox_module.container, Checkbox_module[size], inputProps.disabled && Checkbox_module.disabled, hasError && Checkbox_module.error, readOnly && Checkbox_module.readonly, className), style: style, children: [jsxRuntime.jsx("input", { className: Checkbox_module.input, ref: inputRef, ...objectUtils.omit(['size', 'error', 'indeterminate'], rest), ...inputProps, type: 'checkbox', "aria-checked": rest.indeterminate ? 'mixed' : inputProps.checked }), children && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Label.Label, { className: Checkbox_module.label, htmlFor: inputProps.id, size: size, weight: 'regular', children: jsxRuntime.jsx("span", { children: children }) }), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: Checkbox_module.description, children: description }) }))] }))] }) }));
 });
 Checkbox.displayName = 'Checkbox';
 

package/dist/cjs/components/form/Checkbox/Checkbox.module.css.js

@@ -1,6 +1,6 @@
 'use client';
 'use strict';
 
-var classes = {"container":"fds-checkbox-container-ad9a8b9c","label":"fds-checkbox-label-ad9a8b9c","description":"fds-checkbox-description-ad9a8b9c","input":"fds-checkbox-input-ad9a8b9c","disabled":"fds-checkbox-disabled-ad9a8b9c","readonly":"fds-checkbox-readonly-ad9a8b9c","error":"fds-checkbox-error-ad9a8b9c","small":"fds-checkbox-small-ad9a8b9c","medium":"fds-checkbox-medium-ad9a8b9c","large":"fds-checkbox-large-ad9a8b9c"};
+var classes = {"container":"fds-checkbox-container-ad9a8b9c","label":"fds-checkbox-label-ad9a8b9c","input":"fds-checkbox-input-ad9a8b9c","description":"fds-checkbox-description-ad9a8b9c","disabled":"fds-checkbox-disabled-ad9a8b9c","readonly":"fds-checkbox-readonly-ad9a8b9c","error":"fds-checkbox-error-ad9a8b9c","small":"fds-checkbox-small-ad9a8b9c","medium":"fds-checkbox-medium-ad9a8b9c","large":"fds-checkbox-large-ad9a8b9c"};
 
 module.exports = classes;

package/dist/cjs/components/form/Fieldset/Fieldset.js

@@ -8,16 +8,16 @@ var akselIcons = require('@navikt/aksel-icons');
 var utility_module = require('../../../utilities/utility.module.css.js');
 var useFieldset = require('./useFieldset.js');
 var Fieldset_module = require('./Fieldset.module.css.js');
+var FieldsetContext = require('./FieldsetContext.js');
 var Label = require('../../Typography/Label/Label.js');
-var ErrorMessage = require('../../Typography/ErrorMessage/ErrorMessage.js');
 var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
+var ErrorMessage = require('../../Typography/ErrorMessage/ErrorMessage.js');
 
-const FieldsetContext = React.createContext(null);
 const Fieldset = React.forwardRef((props, ref) => {
     const { children, legend, description, error, hideLegend, className, ...rest } = props;
     const { fieldsetProps, size, readOnly, errorId, hasError, descriptionId } = useFieldset.useFieldset(props);
-    const fieldset = React.useContext(FieldsetContext);
-    return (jsxRuntime.jsx(FieldsetContext.Provider, { value: {
+    const fieldset = React.useContext(FieldsetContext.FieldsetContext);
+    return (jsxRuntime.jsx(FieldsetContext.FieldsetContext.Provider, { value: {
             error: error ?? fieldset?.error,
             errorId: hasError ? errorId : undefined,
             size,
@@ -28,4 +28,3 @@ const Fieldset = React.forwardRef((props, ref) => {
 Fieldset.displayName = 'Fieldset';
 
 exports.Fieldset = Fieldset;
-exports.FieldsetContext = FieldsetContext;

package/dist/cjs/components/form/Fieldset/FieldsetContext.js

@@ -0,0 +1,8 @@
+'use client';
+'use strict';
+
+var React = require('react');
+
+const FieldsetContext = React.createContext(null);
+
+exports.FieldsetContext = FieldsetContext;

package/dist/cjs/components/form/NativeSelect/NativeSelect.js

@@ -8,10 +8,10 @@ var akselIcons = require('@navikt/aksel-icons');
 var NativeSelect_module = require('./NativeSelect.module.css.js');
 var utility_module = require('../../../utilities/utility.module.css.js');
 var useNativeSelect = require('./useNativeSelect.js');
-var objectUtils = require('../../../utilities/objectUtils.js');
-var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
 var Label = require('../../Typography/Label/Label.js');
+var objectUtils = require('../../../utilities/objectUtils.js');
 var ErrorMessage = require('../../Typography/ErrorMessage/ErrorMessage.js');
+var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
 
 const NativeSelect = React.forwardRef((props, ref) => {
     const { children, disabled = false, label, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;

package/dist/cjs/components/form/NativeSelect/useNativeSelect.js

@@ -3,11 +3,11 @@
 
 var React = require('react');
 var useFormField = require('../useFormField.js');
-var Fieldset = require('../Fieldset/Fieldset.js');
+var FieldsetContext = require('../Fieldset/FieldsetContext.js');
 
 /** Handles props for `NativeSelect` in context with `Fieldset` */
 const useNativeSelect = (props) => {
-    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const fieldset = React.useContext(FieldsetContext.FieldsetContext);
     const { inputProps: selectProps, readOnly, ...rest } = useFormField.useFormField(props, 'select');
     return {
         ...rest,

package/dist/cjs/components/form/Radio/Radio.js

@@ -13,7 +13,7 @@ var Label = require('../../Typography/Label/Label.js');
 const Radio = React.forwardRef((props, ref) => {
     const { children, description, className, style, ...rest } = props;
     const { inputProps, descriptionId, hasError, size = 'medium', readOnly, } = useRadio.useRadio(props);
-    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { className: clsx.clsx(Radio_module.container, Radio_module[size], inputProps.disabled && Radio_module.disabled, hasError && Radio_module.error, readOnly && Radio_module.readonly, className), style: style, children: [jsxRuntime.jsx("input", { className: Radio_module.input, ref: ref, ...objectUtils.omit(['size', 'error'], rest), ...inputProps }), jsxRuntime.jsx(Label.Label, { className: Radio_module.label, htmlFor: inputProps.id, size: size, weight: 'regular', children: jsxRuntime.jsx("span", { children: children }) }), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: Radio_module.description, children: description }) }))] }) }));
+    return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { className: clsx.clsx(Radio_module.container, Radio_module[size], inputProps.disabled && Radio_module.disabled, hasError && Radio_module.error, readOnly && Radio_module.readonly, className), style: style, children: [jsxRuntime.jsx("input", { className: Radio_module.input, ref: ref, ...objectUtils.omit(['size', 'error'], rest), ...inputProps }), children && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Label.Label, { className: Radio_module.label, htmlFor: inputProps.id, size: size, weight: 'regular', children: jsxRuntime.jsx("span", { children: children }) }), description && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("div", { id: descriptionId, className: Radio_module.description, children: description }) }))] }))] }) }));
 });
 Radio.displayName = 'Radio';
 

package/dist/cjs/components/form/Radio/Radio.module.css.js

@@ -1,6 +1,6 @@
 'use client';
 'use strict';
 
-var classes = {"container":"fds-radio-container-7a9bd584","label":"fds-radio-label-7a9bd584","description":"fds-radio-description-7a9bd584","input":"fds-radio-input-7a9bd584","disabled":"fds-radio-disabled-7a9bd584","readonly":"fds-radio-readonly-7a9bd584","error":"fds-radio-error-7a9bd584","small":"fds-radio-small-7a9bd584","medium":"fds-radio-medium-7a9bd584","large":"fds-radio-large-7a9bd584"};
+var classes = {"container":"fds-radio-container-7a9bd584","label":"fds-radio-label-7a9bd584","input":"fds-radio-input-7a9bd584","description":"fds-radio-description-7a9bd584","disabled":"fds-radio-disabled-7a9bd584","readonly":"fds-radio-readonly-7a9bd584","error":"fds-radio-error-7a9bd584","small":"fds-radio-small-7a9bd584","medium":"fds-radio-medium-7a9bd584","large":"fds-radio-large-7a9bd584"};
 
 module.exports = classes;

package/dist/cjs/components/form/Search/useSearch.js

@@ -3,7 +3,7 @@
 
 var React = require('react');
 var useFormField = require('../useFormField.js');
-var Fieldset = require('../Fieldset/Fieldset.js');
+var FieldsetContext = require('../Fieldset/FieldsetContext.js');
 
 const sizeMap = {
     small: 'small',
@@ -12,7 +12,7 @@ const sizeMap = {
 };
 /** Handles props for `Search` in context with `Fieldset` */
 const useSearch = (props) => {
-    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const fieldset = React.useContext(FieldsetContext.FieldsetContext);
     const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'search');
     const fieldSetSize = fieldset?.size ? sizeMap[fieldset?.size] : null;
     return {

package/dist/cjs/components/form/Textarea/useTextarea.js

@@ -3,11 +3,11 @@
 
 var React = require('react');
 var useFormField = require('../useFormField.js');
-var Fieldset = require('../Fieldset/Fieldset.js');
+var FieldsetContext = require('../Fieldset/FieldsetContext.js');
 
 /** Handles props for `Textarea` in context with `Fieldset` */
 const useTextarea = (props) => {
-    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const fieldset = React.useContext(FieldsetContext.FieldsetContext);
     const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'textarea');
     return {
         ...rest,

package/dist/cjs/components/form/Textfield/useTextfield.js

@@ -3,11 +3,11 @@
 
 var React = require('react');
 var useFormField = require('../useFormField.js');
-var Fieldset = require('../Fieldset/Fieldset.js');
+var FieldsetContext = require('../Fieldset/FieldsetContext.js');
 
 /** Handles props for `Textfield` in context with `Fieldset` */
 const useTextfield = (props) => {
-    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const fieldset = React.useContext(FieldsetContext.FieldsetContext);
     const { inputProps, readOnly, ...rest } = useFormField.useFormField(props, 'textfield');
     return {
         ...rest,

package/dist/cjs/components/form/useFormField.js

@@ -3,13 +3,13 @@
 
 var React = require('react');
 var clsx = require('../../node_modules/clsx/dist/clsx.js');
-var Fieldset = require('./Fieldset/Fieldset.js');
+var FieldsetContext = require('./Fieldset/FieldsetContext.js');
 
 /**
  * Handles props and their state for various form-fields in context with Fieldset
  */
 const useFormField = (props, prefix) => {
-    const fieldset = React.useContext(Fieldset.FieldsetContext);
+    const fieldset = React.useContext(FieldsetContext.FieldsetContext);
     const randomId = React.useId();
     const id = props.id ?? `${prefix}-${randomId}`;
     const errorId = props.errorId ?? `${prefix}-error-${randomId}`;

package/dist/cjs/index.js

@@ -136,7 +136,6 @@ exports.CheckboxGroup = Group$1.CheckboxGroup;
 exports.Radio = index$5.Radio;
 exports.RadioGroup = Group$2.RadioGroup;
 exports.Fieldset = Fieldset.Fieldset;
-exports.FieldsetContext = Fieldset.FieldsetContext;
 exports.Switch = Switch.Switch;
 exports.Textfield = Textfield.Textfield;
 exports.Textarea = Textarea.Textarea;