@helsenorge/designsystem-react 1.0.0-beta92 → 1.0.0-beta97

package/components/FormGroup/componentdata.json

@@ -93,25 +93,25 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "\"OnWhite\" | \"OnGrey\" | \"OnBlueberry\" | \"OnDark\" | \"OnError\" | undefined",
+        "raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
         "value": [
           {
             "value": "undefined"
           },
           {
-            "value": "\"OnWhite\""
+            "value": "\"onwhite\""
           },
           {
-            "value": "\"OnGrey\""
+            "value": "\"ongrey\""
           },
           {
-            "value": "\"OnBlueberry\""
+            "value": "\"onblueberry\""
           },
           {
-            "value": "\"OnDark\""
+            "value": "\"ondark\""
           },
           {
-            "value": "\"OnError\""
+            "value": "\"oninvalid\""
           }
         ]
       }
@@ -133,16 +133,16 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "\"Normal\" | \"BigForm\" | undefined",
+        "raw": "\"normal\" | \"bigform\" | undefined",
         "value": [
           {
             "value": "undefined"
           },
           {
-            "value": "\"Normal\""
+            "value": "\"normal\""
           },
           {
-            "value": "\"BigForm\""
+            "value": "\"bigform\""
           }
         ]
       }

package/components/FormGroup/index.d.ts

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

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

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

package/components/FormGroup/index.js

@@ -1,2 +1,2 @@
-import{F as o}from"../../FormGroup-9555dd73.js";export{F as default}from"../../FormGroup-9555dd73.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Checkbox-0ba01292.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-9b4a8a2d.js";import"../../_tslib-51c8a283.js";import"../../constants-a4b0b501.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../RadioButton-84ca988e.js";import"../RadioButton/styles.module.scss";
+import{F as s}from"../../FormGroup-6c545646.js";export{F as FormGroup,F as default}from"../../FormGroup-6c545646.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Checkbox-fb5dff56.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-04613a89.js";import"../../_tslib-51c8a283.js";import"../../constants-42547490.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-d90884c9.js";import"../RadioButton/styles.module.scss";import"../../Input-adeb7f88.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../Input/styles.module.scss";import"../../Title-90910763.js";import"../Title/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/FormGroup/styles.module.scss

@@ -36,8 +36,8 @@
   &--invalid {
     margin-left: -0.75rem;
     margin-right: -0.75rem;
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
+    padding-left: getSpacer(xs);
+    padding-right: getSpacer(s);
     background-color: $cherry100;
     border-left: 0.25rem solid $cherry500;
 

package/components/HighlightBox/HighlightBox.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PaletteNames } from '../../theme/palette';
+export declare type HighlightBoxColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral' | 'kiwi' | 'plum'>;
+export declare enum HighlightBoxSize {
+    medium = "medium",
+    large = "large",
+    fluid = "fluid"
+}
+export declare type HighlightBoxTags = Exclude<keyof HTMLElementTagNameMap, 'dir' | 'font' | 'frame' | 'frameset' | 'marquee' | 'applet' | 'basefont'>;
+interface HighlightBoxProps {
+    /** What's in the box? */
+    children: React.ReactNode;
+    /** Changes the background color. Default: white */
+    color?: HighlightBoxColors;
+    /** Changes the size. Default: medium */
+    size?: keyof typeof HighlightBoxSize;
+    /** Changes the underlying element. Default: div */
+    htmlMarkup?: HighlightBoxTags;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const HighlightBox: React.FC<HighlightBoxProps>;
+export default HighlightBox;
+//# sourceMappingURL=HighlightBox.d.ts.map

package/components/HighlightBox/HighlightBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightBox.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,oBAAY,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvH,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,gBAAgB,GAAG,OAAO,CACpC,MAAM,qBAAqB,EAC3B,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC1E,CAAC;AAEF,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/HighlightBox/componentdata.json

@@ -0,0 +1,484 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "What's in the box?",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+        "name": "HighlightBoxProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+          "name": "HighlightBoxProps"
+        },
+        {
+          "fileName": "designsystem/node_modules/@types/react/index.d.ts",
+          "name": "TypeLiteral"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "color": {
+      "defaultValue": null,
+      "description": "Changes the background color. Default: white",
+      "name": "color",
+      "parent": {
+        "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+        "name": "HighlightBoxProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+          "name": "HighlightBoxProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | \"white\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"blueberry\""
+          },
+          {
+            "value": "\"cherry\""
+          },
+          {
+            "value": "\"kiwi\""
+          },
+          {
+            "value": "\"neutral\""
+          },
+          {
+            "value": "\"plum\""
+          },
+          {
+            "value": "\"white\""
+          }
+        ]
+      }
+    },
+    "size": {
+      "defaultValue": null,
+      "description": "Changes the size. Default: medium",
+      "name": "size",
+      "parent": {
+        "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+        "name": "HighlightBoxProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+          "name": "HighlightBoxProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"medium\" | \"large\" | \"fluid\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"medium\""
+          },
+          {
+            "value": "\"large\""
+          },
+          {
+            "value": "\"fluid\""
+          }
+        ]
+      }
+    },
+    "htmlMarkup": {
+      "defaultValue": null,
+      "description": "Changes the underlying element. Default: div",
+      "name": "htmlMarkup",
+      "parent": {
+        "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+        "name": "HighlightBoxProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+          "name": "HighlightBoxProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"object\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"blockquote\" | \"body\" | \"br\" | \"button\" | \"canvas\" | \"caption\" | \"cite\" | ... 93 more ... | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"object\""
+          },
+          {
+            "value": "\"a\""
+          },
+          {
+            "value": "\"abbr\""
+          },
+          {
+            "value": "\"address\""
+          },
+          {
+            "value": "\"area\""
+          },
+          {
+            "value": "\"article\""
+          },
+          {
+            "value": "\"aside\""
+          },
+          {
+            "value": "\"audio\""
+          },
+          {
+            "value": "\"b\""
+          },
+          {
+            "value": "\"base\""
+          },
+          {
+            "value": "\"bdi\""
+          },
+          {
+            "value": "\"bdo\""
+          },
+          {
+            "value": "\"blockquote\""
+          },
+          {
+            "value": "\"body\""
+          },
+          {
+            "value": "\"br\""
+          },
+          {
+            "value": "\"button\""
+          },
+          {
+            "value": "\"canvas\""
+          },
+          {
+            "value": "\"caption\""
+          },
+          {
+            "value": "\"cite\""
+          },
+          {
+            "value": "\"code\""
+          },
+          {
+            "value": "\"col\""
+          },
+          {
+            "value": "\"colgroup\""
+          },
+          {
+            "value": "\"data\""
+          },
+          {
+            "value": "\"datalist\""
+          },
+          {
+            "value": "\"dd\""
+          },
+          {
+            "value": "\"del\""
+          },
+          {
+            "value": "\"details\""
+          },
+          {
+            "value": "\"dfn\""
+          },
+          {
+            "value": "\"dialog\""
+          },
+          {
+            "value": "\"div\""
+          },
+          {
+            "value": "\"dl\""
+          },
+          {
+            "value": "\"dt\""
+          },
+          {
+            "value": "\"em\""
+          },
+          {
+            "value": "\"embed\""
+          },
+          {
+            "value": "\"fieldset\""
+          },
+          {
+            "value": "\"figcaption\""
+          },
+          {
+            "value": "\"figure\""
+          },
+          {
+            "value": "\"footer\""
+          },
+          {
+            "value": "\"form\""
+          },
+          {
+            "value": "\"h1\""
+          },
+          {
+            "value": "\"h2\""
+          },
+          {
+            "value": "\"h3\""
+          },
+          {
+            "value": "\"h4\""
+          },
+          {
+            "value": "\"h5\""
+          },
+          {
+            "value": "\"h6\""
+          },
+          {
+            "value": "\"head\""
+          },
+          {
+            "value": "\"header\""
+          },
+          {
+            "value": "\"hgroup\""
+          },
+          {
+            "value": "\"hr\""
+          },
+          {
+            "value": "\"html\""
+          },
+          {
+            "value": "\"i\""
+          },
+          {
+            "value": "\"iframe\""
+          },
+          {
+            "value": "\"img\""
+          },
+          {
+            "value": "\"input\""
+          },
+          {
+            "value": "\"ins\""
+          },
+          {
+            "value": "\"kbd\""
+          },
+          {
+            "value": "\"label\""
+          },
+          {
+            "value": "\"legend\""
+          },
+          {
+            "value": "\"li\""
+          },
+          {
+            "value": "\"link\""
+          },
+          {
+            "value": "\"main\""
+          },
+          {
+            "value": "\"map\""
+          },
+          {
+            "value": "\"mark\""
+          },
+          {
+            "value": "\"menu\""
+          },
+          {
+            "value": "\"meta\""
+          },
+          {
+            "value": "\"meter\""
+          },
+          {
+            "value": "\"nav\""
+          },
+          {
+            "value": "\"noscript\""
+          },
+          {
+            "value": "\"ol\""
+          },
+          {
+            "value": "\"optgroup\""
+          },
+          {
+            "value": "\"option\""
+          },
+          {
+            "value": "\"output\""
+          },
+          {
+            "value": "\"p\""
+          },
+          {
+            "value": "\"param\""
+          },
+          {
+            "value": "\"picture\""
+          },
+          {
+            "value": "\"pre\""
+          },
+          {
+            "value": "\"progress\""
+          },
+          {
+            "value": "\"q\""
+          },
+          {
+            "value": "\"rp\""
+          },
+          {
+            "value": "\"rt\""
+          },
+          {
+            "value": "\"ruby\""
+          },
+          {
+            "value": "\"s\""
+          },
+          {
+            "value": "\"samp\""
+          },
+          {
+            "value": "\"script\""
+          },
+          {
+            "value": "\"section\""
+          },
+          {
+            "value": "\"select\""
+          },
+          {
+            "value": "\"slot\""
+          },
+          {
+            "value": "\"small\""
+          },
+          {
+            "value": "\"source\""
+          },
+          {
+            "value": "\"span\""
+          },
+          {
+            "value": "\"strong\""
+          },
+          {
+            "value": "\"style\""
+          },
+          {
+            "value": "\"sub\""
+          },
+          {
+            "value": "\"summary\""
+          },
+          {
+            "value": "\"sup\""
+          },
+          {
+            "value": "\"table\""
+          },
+          {
+            "value": "\"tbody\""
+          },
+          {
+            "value": "\"td\""
+          },
+          {
+            "value": "\"template\""
+          },
+          {
+            "value": "\"textarea\""
+          },
+          {
+            "value": "\"tfoot\""
+          },
+          {
+            "value": "\"th\""
+          },
+          {
+            "value": "\"thead\""
+          },
+          {
+            "value": "\"time\""
+          },
+          {
+            "value": "\"title\""
+          },
+          {
+            "value": "\"tr\""
+          },
+          {
+            "value": "\"track\""
+          },
+          {
+            "value": "\"u\""
+          },
+          {
+            "value": "\"ul\""
+          },
+          {
+            "value": "\"var\""
+          },
+          {
+            "value": "\"video\""
+          },
+          {
+            "value": "\"wbr\""
+          }
+        ]
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+        "name": "HighlightBoxProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+          "name": "HighlightBoxProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/HighlightBox/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,eAAe,YAAY,CAAC"}

package/components/HighlightBox/index.js

@@ -0,0 +1,2 @@
+import e from"react";import{c as t}from"../../index-9b84fabc.js";import i from"./styles.module.scss";var a;!function(e){e.medium="medium",e.large="large",e.fluid="fluid"}(a||(a={}));export default function(l){var o=l.children,r=l.color,m=void 0===r?"white":r,c=l.size,d=void 0===c?a.medium:c,s=l.testId,h=l.htmlMarkup,n=void 0===h?"div":h,g=t(i.highlightbox,i["highlightbox--".concat(m)],i["highlightbox--".concat(d)]),u=n;return l.size===a.fluid?e.createElement(u,{className:g,"data-testid":s},o):e.createElement("div",{className:g},e.createElement("div",{className:i.highlightbox__row},e.createElement(u,{className:i.highlightbox__col,"data-testid":s},o)))}export{a as HighlightBoxSize};
+//# sourceMappingURL=index.js.map

package/components/HighlightBox/index.js.map

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