@helsenorge/designsystem-react 1.0.0-experimental.0 → 1.1.0

package/components/Title/Title.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export declare type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';
+export declare type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5';
+interface TitleProps {
+    children: React.ReactNode;
+    /** Gives a unique id to the title */
+    id?: string;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Adds top and bottom margin in rem. */
+    margin?: number | TitleMargin;
+    /** Changes the underlying element of the title. */
+    htmlMarkup?: TitleTags;
+    /** Changes the appearance of the title. */
+    appearance?: TitleAppearances;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface TitleMargin {
+    marginTop: number;
+    marginBottom: number;
+}
+export declare const instanceOfTitleMargin: (margin: any) => margin is TitleMargin;
+export default Title;
+//# sourceMappingURL=Title.d.ts.map

package/components/Title/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAClE,oBAAY,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErG,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,mDAAmD;IACnD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,uFAyBhB,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,WAAY,GAAG,0BAEhD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Title/componentdata.json

@@ -0,0 +1,166 @@
+{
+  "props": {
+    "id": {
+      "defaultValue": null,
+      "description": "Gives a unique id to the title",
+      "name": "id",
+      "parent": {
+        "fileName": "src/components/Title/Title.tsx",
+        "name": "TitleProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Title/Title.tsx",
+          "name": "TitleProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Title/Title.tsx",
+        "name": "TitleProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Title/Title.tsx",
+          "name": "TitleProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "margin": {
+      "defaultValue": null,
+      "description": "Adds top and bottom margin in rem.",
+      "name": "margin",
+      "parent": {
+        "fileName": "src/components/Title/Title.tsx",
+        "name": "TitleProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Title/Title.tsx",
+          "name": "TitleProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number | TitleMargin"
+      }
+    },
+    "htmlMarkup": {
+      "defaultValue": null,
+      "description": "Changes the underlying element of the title.",
+      "name": "htmlMarkup",
+      "parent": {
+        "fileName": "src/components/Title/Title.tsx",
+        "name": "TitleProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Title/Title.tsx",
+          "name": "TitleProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "TitleTags | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"h1\""
+          },
+          {
+            "value": "\"h2\""
+          },
+          {
+            "value": "\"h3\""
+          },
+          {
+            "value": "\"h4\""
+          },
+          {
+            "value": "\"h5\""
+          },
+          {
+            "value": "\"span\""
+          }
+        ]
+      }
+    },
+    "appearance": {
+      "defaultValue": null,
+      "description": "Changes the appearance of the title.",
+      "name": "appearance",
+      "parent": {
+        "fileName": "src/components/Title/Title.tsx",
+        "name": "TitleProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Title/Title.tsx",
+          "name": "TitleProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "TitleAppearances | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"titleFeature\""
+          },
+          {
+            "value": "\"title1\""
+          },
+          {
+            "value": "\"title2\""
+          },
+          {
+            "value": "\"title3\""
+          },
+          {
+            "value": "\"title4\""
+          },
+          {
+            "value": "\"title5\""
+          }
+        ]
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Title/Title.tsx",
+        "name": "TitleProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Title/Title.tsx",
+          "name": "TitleProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Title/index.d.ts

@@ -0,0 +1,4 @@
+import Title from './Title';
+export * from './Title';
+export default Title;
+//# sourceMappingURL=index.d.ts.map

package/components/Title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Title/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,eAAe,KAAK,CAAC"}

package/components/Title/index.js

@@ -0,0 +1,2 @@
+export{T as Title,T as default,i as instanceOfTitleMargin}from"../../Title-01820508.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../constants-dbdea596.js";
+//# sourceMappingURL=index.js.map

package/components/Title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Title/styles.module.scss

@@ -0,0 +1,27 @@
+@import '../../scss/title';
+
+.title {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  margin-left: 0;
+  margin-right: 0;
+
+  &--feature {
+    @include title-feature;
+  }
+  &--title1 {
+    @include title1;
+  }
+  &--title2 {
+    @include title2;
+  }
+  &--title3 {
+    @include title3;
+  }
+  &--title4 {
+    @include title4;
+  }
+  &--title5 {
+    @include title5;
+  }
+}

package/components/Title/styles.module.scss.d.ts

@@ -0,0 +1,15 @@
+export type Styles = {
+  title: string;
+  'title--feature': string;
+  'title--title1': string;
+  'title--title2': string;
+  'title--title3': string;
+  'title--title4': string;
+  'title--title5': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactChild, ReactChildren, ReactNode } from 'react';
+export interface TooltipProps {
+    /**Ordet som skal ha en tilhørende hjelpeblubb */
+    children: ReactNode;
+    /**Teksten som skal vises i hjelpeblubben */
+    description: ReactNode;
+    /**Valgfri test-id */
+    testId?: string;
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+interface ContextProps {
+    children: ReactChild | ReactChildren;
+}
+export declare const useTooltipOpen: () => boolean;
+export declare const useTooltipOpenToggle: () => () => void;
+export declare const TooltipOpenProvider: ({ children }: ContextProps) => JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

package/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7G,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,WAAW,EAAE,SAAS,CAAC;IACvB,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuF1C,CAAC;AAKF,UAAU,YAAY;IACpB,QAAQ,EAAE,UAAU,GAAG,aAAa,CAAC;CACtC;AACD,eAAO,MAAM,cAAc,eAE1B,CAAC;AACF,eAAO,MAAM,oBAAoB,kBAEhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,iBAAkB,YAAY,gBAY7D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/components/Tooltip/componentdata.json

@@ -0,0 +1,65 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Ordet som skal ha en tilhørende hjelpeblubb",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Tooltip/Tooltip.tsx",
+        "name": "TooltipProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        },
+        {
+          "fileName": "designsystem/node_modules/@types/react/index.d.ts",
+          "name": "TypeLiteral"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "description": {
+      "defaultValue": null,
+      "description": "Teksten som skal vises i hjelpeblubben",
+      "name": "description",
+      "parent": {
+        "fileName": "src/components/Tooltip/Tooltip.tsx",
+        "name": "TooltipProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Valgfri test-id",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Tooltip/Tooltip.tsx",
+        "name": "TooltipProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import Tooltip from './Tooltip';
+export * from './Tooltip';
+export default Tooltip;
+//# sourceMappingURL=index.d.ts.map

package/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,eAAe,OAAO,CAAC"}

package/components/Tooltip/index.js

@@ -0,0 +1,2 @@
+export{T as Tooltip,b as TooltipOpenProvider,T as default,u as useTooltipOpen,a as useTooltipOpenToggle}from"../../Tooltip-d8293023.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../HelpBubble-2efa4680.js";import"../../index-d1c0552c.js";import"../../AnchorLink-d5aca698.js";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../ArrowUpRight-5be53e0d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-18479690.js";import"../AnchorLink/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../HelpBubble/styles.module.scss";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Tooltip/styles.module.scss

@@ -0,0 +1,18 @@
+@import '../../scss/_palette.scss';
+@import '../../scss/_spacers.scss';
+
+.word {
+  position: relative;
+  display: inline-block;
+  -webkit-text-decoration: underline dashed $plum400;
+  text-decoration: underline 0.15rem dashed $plum400;
+
+  &:hover {
+    cursor: help;
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 getSpacer(4xs) $black;
+    outline: none;
+  }
+}

package/components/Tooltip/styles.module.scss.d.ts

@@ -0,0 +1,9 @@
+export type Styles = {
+  word: string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/TooltipExample/TooltipExample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TooltipProps } from '../Tooltip';
+declare const TooltipExample: React.FC<TooltipProps>;
+export default TooltipExample;
+//# sourceMappingURL=TooltipExample.d.ts.map

package/components/TooltipExample/TooltipExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipExample.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipExample/TooltipExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAgB,EAAE,YAAY,EAAuB,MAAM,YAAY,CAAC;AAGxE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAc1C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/components/TooltipExample/componentdata.json

@@ -0,0 +1,65 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Ordet som skal ha en tilhørende hjelpeblubb",
+      "name": "children",
+      "parent": {
+        "fileName": "designsystem/src/components/Tooltip/Tooltip.tsx",
+        "name": "TooltipProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        },
+        {
+          "fileName": "designsystem/node_modules/@types/react/index.d.ts",
+          "name": "TypeLiteral"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "description": {
+      "defaultValue": null,
+      "description": "Teksten som skal vises i hjelpeblubben",
+      "name": "description",
+      "parent": {
+        "fileName": "designsystem/src/components/Tooltip/Tooltip.tsx",
+        "name": "TooltipProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Valgfri test-id",
+      "name": "testId",
+      "parent": {
+        "fileName": "designsystem/src/components/Tooltip/Tooltip.tsx",
+        "name": "TooltipProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Tooltip/Tooltip.tsx",
+          "name": "TooltipProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/TooltipExample/index.d.ts

@@ -0,0 +1,4 @@
+import TooltipExample from './TooltipExample';
+export * from './TooltipExample';
+export default TooltipExample;
+//# sourceMappingURL=index.d.ts.map

package/components/TooltipExample/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipExample/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,eAAe,cAAc,CAAC"}

package/components/TooltipExample/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{b as i,T as t}from"../../Tooltip-d8293023.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../HelpBubble-2efa4680.js";import"../../index-d1c0552c.js";import"../../AnchorLink-d5aca698.js";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../ArrowUpRight-5be53e0d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-18479690.js";import"../AnchorLink/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../HelpBubble/styles.module.scss";import"../Tooltip/styles.module.scss";var s="Dolore quis tempor culpa exercitation laboris. Enim enim pariatur veniam nisi ad quis fugiat magna occaecat nisi. Excepteur ad ad duis quis mollit ex. Laboris duis velit eu eiusmod ea in ex aliqua. Est proident proident dolor veniam nostrud aliquip occaecat dolore sunt laboris nisi ipsum Lorem nisi. Magna sunt ex occaecat amet id. Eiusmod magna Lorem proident est occaecat pariatur sunt esse nostrud. Mollit reprehenderit velit veniam amet ipsum veniam et. Dolor sunt adipisicing enim dolore quis qui occaecat esse quis ut fugiat laboris. ",o=function(o){return e.createElement(i,null,e.createElement(e.Fragment,null,e.createElement(t,Object.assign({},o),"Et tooltip her.")," "+s,"Dette er ",e.createElement(t,Object.assign({},o),o.children)," som skal ha nærmere forklaring.",s,e.createElement(t,Object.assign({},o),"Enda et tooltip her.")))};export{o as default};
+//# sourceMappingURL=index.js.map

package/components/TooltipExample/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Validation/Validation.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormVariant } from '../../constants';
+interface ValidationProps {
+    /** text placed in the legend tag of the fieldset */
+    errorSummary?: string;
+    /** Items in the Validation compontent */
+    children?: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Changes the visuals of the formgroup */
+    variant?: keyof typeof FormVariant;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export declare const Validation: React.ForwardRefExoticComponent<ValidationProps & React.RefAttributes<HTMLElement>>;
+export default Validation;
+//# sourceMappingURL=Validation.d.ts.map

package/components/Validation/Validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Validation.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/Validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAe,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,UAAU,eAAe;IACvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,qFAmBrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/components/Validation/componentdata.json

@@ -0,0 +1,111 @@
+{
+  "props": {
+    "errorSummary": {
+      "defaultValue": null,
+      "description": "text placed in the legend tag of the fieldset",
+      "name": "errorSummary",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Items in the Validation compontent",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the formgroup",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"bigform\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"bigform\""
+          }
+        ]
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Validation/index.d.ts

@@ -0,0 +1,4 @@
+import Validation from './Validation';
+export * from './Validation';
+export default Validation;
+//# sourceMappingURL=index.d.ts.map

package/components/Validation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,eAAe,UAAU,CAAC"}

package/components/Validation/index.js

@@ -0,0 +1,2 @@
+export{V as Validation,V as default}from"../../Validation-087d9955.js";import"react";import"../../index-d1c0552c.js";import"../../FormGroup-c32db99d.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-b0815d04.js";import"../../uuid-11037462.js";import"../../Check-fdf95f67.js";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-3ce7a88d.js";import"../RadioButton/styles.module.scss";import"../../Input-9ccf3867.js";import"../../useBreakpoint-a74f5af5.js";import"../Input/styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../FormLayout-1a6866fe.js";import"../FormLayout/styles.module.scss";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Validation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}