@norges-domstoler/dds-components 10.3.1 → 10.4.0

package/dist/components/FormGenerator/FormGenerator.types.js

@@ -0,0 +1,33 @@
+var FormGeneratorSupportedFields;
+(function (FormGeneratorSupportedFields) {
+  FormGeneratorSupportedFields["Button"] = "Button";
+  FormGeneratorSupportedFields["Card"] = "Card";
+  FormGeneratorSupportedFields["Checkbox"] = "Checkbox";
+  FormGeneratorSupportedFields["CheckboxGroup"] = "CheckboxGroup";
+  FormGeneratorSupportedFields["Datepicker"] = "Datepicker";
+  FormGeneratorSupportedFields["DescriptionList"] = "DescriptionList";
+  FormGeneratorSupportedFields["DescriptionListGroup"] = "DescriptionListGroup";
+  FormGeneratorSupportedFields["DescriptionListDesc"] = "DescriptionListDesc";
+  FormGeneratorSupportedFields["DescriptionListTerm"] = "DescriptionListTerm";
+  FormGeneratorSupportedFields["Divider"] = "Divider";
+  FormGeneratorSupportedFields["GlobalMessage"] = "GlobalMessage";
+  FormGeneratorSupportedFields["Heading"] = "Heading";
+  FormGeneratorSupportedFields["InputMessage"] = "InputMessage";
+  FormGeneratorSupportedFields["Label"] = "Label";
+  FormGeneratorSupportedFields["Link"] = "Link";
+  FormGeneratorSupportedFields["List"] = "List";
+  FormGeneratorSupportedFields["ListItem"] = "ListItem";
+  FormGeneratorSupportedFields["LocalMessage"] = "LocalMessage";
+  FormGeneratorSupportedFields["Paragraph"] = "Paragraph";
+  FormGeneratorSupportedFields["RadioButton"] = "RadioButton";
+  FormGeneratorSupportedFields["RadioButtonGroup"] = "RadioButtonGroup";
+  FormGeneratorSupportedFields["Select"] = "Select";
+  FormGeneratorSupportedFields["Spinner"] = "Spinner";
+  FormGeneratorSupportedFields["TextInput"] = "TextInput";
+  FormGeneratorSupportedFields["ToggleButton"] = "ToggleButton";
+  FormGeneratorSupportedFields["ToggleButtonGroup"] = "ToggleButtonGroup";
+  FormGeneratorSupportedFields["Typography"] = "Typography";
+  FormGeneratorSupportedFields["VisuallyHidden"] = "VisuallyHidden";
+})(FormGeneratorSupportedFields || (FormGeneratorSupportedFields = {}));
+
+export { FormGeneratorSupportedFields };

package/dist/components/InputMessage/InputMessage.d.ts

@@ -12,5 +12,5 @@ export declare const InputMessage: import("react").ForwardRefExoticComponent<Pic
     /** Formålet med meldingen. Påvirker styling. */
     messageType: InputMessageType;
 } & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined; /** Meldingen som vises til brukeren. */
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Table/collapsible/CollapsibleRow.d.ts

@@ -1,5 +1,5 @@
 export declare const CollapsibleRow: import("react").ForwardRefExoticComponent<{
-    type?: import("../Table.types").TableRowType | undefined;
+    type?: import("..").TableRowType | undefined;
     mode?: import("../Table.types").RowMode | undefined;
     selected?: boolean | undefined;
     hoverable?: boolean | undefined;

package/dist/components/Table/collapsible/CollapsibleTable.stories.d.ts

@@ -39,7 +39,7 @@ export default _default;
 export declare const SingleDefiningColumn: (args: CollapsibleTableProps) => JSX.Element;
 export declare const MultipleDefiningColumns: (args: CollapsibleTableProps) => JSX.Element;
 export declare const PrioritizedDefiningColumns: (args: CollapsibleTableProps) => JSX.Element;
-export declare const withDividers: (args: CollapsibleTableProps) => JSX.Element;
+export declare const WithDividers: (args: CollapsibleTableProps) => JSX.Element;
 export declare const Compact: (args: CollapsibleTableProps) => JSX.Element;
 export declare const StickyHeader: (args: CollapsibleTableProps) => JSX.Element;
 export declare const WithButtonAndIcons: (args: CollapsibleTableProps) => JSX.Element;

package/dist/components/TextInput/TextInput.styles.js

@@ -25,7 +25,7 @@ var StyledIcon = styled(Icon).withConfig({
 })(["position:absolute;color:", ";", " z-index:1;"], icon.color, function (_ref) {
   var size = _ref.size,
     iconSize = _ref.iconSize;
-  return css(["left:", ";", ""], icon.sizes[size].left, iconSize === 'small' ? css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeSmallNumberPx / 2, "px)")) : css(["top:", ";;"], "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")));
+  return css(["left:", ";", ""], icon.sizes[size].left, iconSize === 'small' ? css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeSmallNumberPx / 2, "px)")) : css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")));
 });
 var StyledInput = styled(StatefulInput).withConfig({
   displayName: "TextInputstyles__StyledInput",

package/dist/hooks/useFloatPosition.d.ts

@@ -26,6 +26,8 @@ export declare const useFloatPosition: (arrowRef: HTMLElement | null, options?:
     refs: {
         reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
         floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
     };
     styles: {
         floating: {

package/dist/index.js

@@ -215,4 +215,5 @@ export { StyledTextArea, TextArea } from './components/TextArea/TextArea.js';
 export { SplitButton } from './components/SplitButton/SplitButton.js';
 export { HStack, VStack } from './components/Stack/Stack.js';
 export { FormGenerator } from './components/FormGenerator/FormGenerator.js';
+export { FormGeneratorSupportedFields } from './components/FormGenerator/FormGenerator.types.js';
 export { FileUploader } from './components/FileUploader/FileUploader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "10.3.1",
+  "version": "10.4.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -23,8 +23,9 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "build": "rollup -c",
-    "build:watch": "rollup -c -w",
-    "storybook": "start-storybook -p 6006",
+    "dev": "concurrently 'npm:dev:*'",
+    "dev:rollup": "rollup -c -w",
+    "dev:storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -o docs",
     "lint": "eslint --ext=jsx,ts,tsx src",
     "prettier": "prettier --write .",
@@ -51,6 +52,7 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@mdx-js/react": "^2.2.1",
+    "@norges-domstoler/dds-design-tokens": "^3.0.1",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-image": "^3.0.1",