@bbl-digital/snorre 4.0.13 → 4.0.15

package/esm/core/Html/Html.stories.js

@@ -1,22 +1,23 @@
 import Html from '.';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Html',
   component: Html
 };
+export default meta;
 export const HtmlDefault = {
-  render: () => /*#__PURE__*/_jsx(Html, {
-    text: "<h3>Html text</h3><p><i>Displays text as html</i></p>"
-  }),
-  name: 'Html'
+  name: 'Html',
+  args: {
+    text: '<h3>Html text</h3><p><i>Displays text as html</i></p>'
+  }
 };
 export const ExternalLinks = {
-  render: () => /*#__PURE__*/_jsx(Html, {
+  name: 'External links',
+  args: {
     externalLinks: true,
-    text: "<h3>Html text</h3><p><i>Displays text as html</i><a href='vg.no'>vg.no</a></p>"
-  }),
-  name: 'External links'
+    text: '<h3>Html text</h3><p><i>Displays text as html</i><a href="vg.no">vg.no</a></p>'
+  }
 };
 export const Whitespace = {
   render: () => /*#__PURE__*/_jsxs("div", {
@@ -35,9 +36,9 @@ export const Whitespace = {
   name: 'Whitespace'
 };
 export const RemoveMargins = {
-  render: () => /*#__PURE__*/_jsx(Html, {
+  name: 'Remove margins',
+  args: {
     removeMargins: true,
     text: '<h1>Header</h1><p>Hello</p><p>New line</p>'
-  }),
-  name: 'Remove margins'
+  }
 };

package/esm/core/Html/index.js

@@ -1,13 +1,20 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const Html = props => {
-  return _jsx("div", {
-    css: theme => [styles.default(theme), props.secondary && styles.secondary(theme), props.dark && styles.dark(theme), props.size && styles.size(props.size), styles.whiteSpace(props.whiteSpace ? props.whiteSpace : 'pre-wrap'), props.removeMargins && styles.removeMargins],
-    dangerouslySetInnerHTML: {
-      __html: props.externalLinks ? props.text.replace(/href/g, "target='_blank' href") : props.text
-    }
-  });
-};
+const Html = ({
+  className,
+  dark,
+  externalLinks,
+  removeMargins,
+  secondary,
+  size,
+  text,
+  whiteSpace
+}) => _jsx("div", {
+  css: theme => [styles.default(theme), secondary && styles.secondary(theme), dark && styles.dark(theme), size && styles.size(size), styles.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'), removeMargins && styles.removeMargins],
+  className: className,
+  dangerouslySetInnerHTML: {
+    __html: externalLinks ? text.replace(/href/g, "target='_blank' href") : text
+  }
+});
 export default Html;

package/esm/core/Input/Input.stories.js

@@ -128,6 +128,21 @@ export const CardInput = {
   },
   name: 'CardInput'
 };
+export const Invalid = {
+  args: {
+    label: 'Invalid',
+    invalid: true,
+    invalidMessage: 'error'
+  },
+  name: 'Invalid'
+};
+export const InvalidNoLabel = {
+  args: {
+    invalid: true,
+    invalidMessage: 'error'
+  },
+  name: 'Invalid no label'
+};
 export const Controls = {
   args: {
     label: 'With info',

package/esm/core/Input/index.js

@@ -91,7 +91,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
       }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
         size: "16px"
       }), props.invalidMessage && _jsx("span", {
-        css: styles.errorMessage,
+        css: (styles.errorMessage, !props?.label && styles.errorMessageNoLabel),
         children: props.invalidMessage
       })]
     }), info && _jsx("span", {