@bbl-digital/snorre 4.3.20 → 4.3.22

package/esm/core/NoticeCard/NoticeCard.stories.js

@@ -44,11 +44,13 @@ const dummyNotice = {
   isCancelled: false,
   isRead: true,
   title: 'Dugnad',
-  updatedDate: new Date(2022, 6, 5)
+  updatedDate: new Date(2022, 6, 5),
+  createdBy: 'John Doe'
 };
 const Default = exports.Default = {
   render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    notice: dummyNotice
+    notice: dummyNotice,
+    variant: "myPage"
   }),
   name: 'Default'
 };
@@ -59,7 +61,8 @@ const Modal = exports.Modal = {
     isModal: true,
     onModalClose: () => console.log('close'),
     onEventDownload: () => console.log('event download'),
-    onAttachmentDownload: e => console.log('file download', e)
+    onAttachmentDownload: e => console.log('file download', e),
+    variant: "myPage"
   }),
   name: 'NoticeCard in modal'
 };

package/esm/core/NoticeCard/index.js

@@ -30,7 +30,8 @@ const NoticeCard = ({
   showAllContent,
   onAttachmentDownload,
   onEventDownload,
-  onModalClose
+  onModalClose,
+  variant = 'portal'
 }) => {
   const [open, setOpen] = (0, _react2.useState)(!!showAllContent);
   const theme = (0, _react.useTheme)();
@@ -50,7 +51,9 @@ const NoticeCard = ({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoticeMetaInfo.default, {
           created: notice.createdDate,
-          updated: notice.updatedDate
+          updated: notice.updatedDate,
+          createdBy: notice.createdBy,
+          variant: variant
         })
       }), notice.bodyHtml && notice.bodyHtml.length <= 2000 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Html.default, {

package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/index.js

@@ -14,10 +14,22 @@ const NoticeMetaInfo = ({
   created,
   updated,
   hasAttachment,
-  hasEvent
+  hasEvent,
+  createdBy,
+  variant = 'portal',
+  createdByRole = 'board'
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NoticeMetaWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
+    children: [Boolean(createdBy && variant === 'myPage') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconUser, {
+        primary: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
+        semibold: true,
+        size: "14px",
+        primary: true,
+        children: createdBy || 'Ukjent bruker'
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconHistory, {
         primary: true
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Text, {
@@ -40,6 +52,14 @@ const NoticeMetaInfo = ({
           size: "18px"
         })
       })]
+    }), createdByRole && variant === 'myPage' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TagWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+        light: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
+          size: "14px",
+          children: createdByRole === 'board' ? 'Styret' : 'Beboer'
+        })
+      })
     })]
   });
 };

package/esm/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js

@@ -3,27 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NoticeMetaWrapper = exports.Group = exports.Div = void 0;
+exports.TagWrapper = exports.NoticeMetaWrapper = exports.Group = exports.Div = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const NoticeMetaWrapper = exports.NoticeMetaWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p2"
+  target: "evjeu6p3"
 } : {
-  target: "evjeu6p2",
+  target: "evjeu6p3",
   label: "NoticeMetaWrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
+  name: "1hi4meq",
+  styles: "display:flex;position:relative;width:100%"
 } : {
-  name: "zjik7",
-  styles: "display:flex",
+  name: "1hi4meq",
+  styles: "display:flex;position:relative;width:100%",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Group = exports.Group = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p1"
+  target: "evjeu6p2"
 } : {
-  target: "evjeu6p1",
+  target: "evjeu6p2",
   label: "Group"
 })(process.env.NODE_ENV === "production" ? {
   name: "7bcib0",
@@ -34,8 +34,21 @@ const Group = exports.Group = /*#__PURE__*/(0, _base.default)("div", process.env
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "evjeu6p1"
+} : {
+  target: "evjeu6p1",
+  label: "Div"
+})();
+const TagWrapper = exports.TagWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "evjeu6p0"
 } : {
   target: "evjeu6p0",
-  label: "Div"
-})();
+  label: "TagWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "62ofw5",
+  styles: "justify-self:flex-end;margin-left:auto"
+} : {
+  name: "62ofw5",
+  styles: "justify-self:flex-end;margin-left:auto",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/core/NoticeCard/NoticeCard.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeCard.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/NoticeCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAgBlC,IAAI;AAZT,wBAYS;AAkCT,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAajB,CAAA"}
+{"version":3,"file":"NoticeCard.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/NoticeCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAgBlC,IAAI;AAZT,wBAYS;AAmCT,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAcjB,CAAA"}

package/lib/core/NoticeCard/NoticeCard.stories.js

@@ -44,11 +44,13 @@ const dummyNotice = {
   isCancelled: false,
   isRead: true,
   title: 'Dugnad',
-  updatedDate: new Date(2022, 6, 5)
+  updatedDate: new Date(2022, 6, 5),
+  createdBy: 'John Doe'
 };
 const Default = exports.Default = {
   render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    notice: dummyNotice
+    notice: dummyNotice,
+    variant: "myPage"
   }),
   name: 'Default'
 };
@@ -59,7 +61,8 @@ const Modal = exports.Modal = {
     isModal: true,
     onModalClose: () => console.log('close'),
     onEventDownload: () => console.log('event download'),
-    onAttachmentDownload: e => console.log('file download', e)
+    onAttachmentDownload: e => console.log('file download', e),
+    variant: "myPage"
   }),
   name: 'NoticeCard in modal'
 };

package/lib/core/NoticeCard/index.d.ts

@@ -17,6 +17,8 @@ interface IProps {
     onEventDownload?: () => void;
     /** CB on file download */
     onAttachmentDownload?: (attachment: INoticeAttachment) => void;
+    /** Variant of the notice */
+    variant?: 'portal' | 'myPage';
 }
 declare const NoticeCard: FC<IProps>;
 export default NoticeCard;

package/lib/core/NoticeCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAQ3C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAOrD,UAAU,MAAM;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC/D;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,CAkG1B,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAQ3C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAOrD,UAAU,MAAM;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC9D,4BAA4B;IAC5B,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC9B;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,CAqG1B,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/NoticeCard/index.js

@@ -30,7 +30,8 @@ const NoticeCard = ({
   showAllContent,
   onAttachmentDownload,
   onEventDownload,
-  onModalClose
+  onModalClose,
+  variant = 'portal'
 }) => {
   const [open, setOpen] = (0, _react2.useState)(!!showAllContent);
   const theme = (0, _react.useTheme)();
@@ -50,7 +51,9 @@ const NoticeCard = ({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoticeMetaInfo.default, {
           created: notice.createdDate,
-          updated: notice.updatedDate
+          updated: notice.updatedDate,
+          createdBy: notice.createdBy,
+          variant: variant
         })
       }), notice.bodyHtml && notice.bodyHtml.length <= 2000 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Html.default, {

package/lib/core/NoticeCard/models.d.ts

@@ -12,6 +12,7 @@ export interface INotice {
     bodyHtml: string;
     createdDate: Date;
     attachments: INoticeAttachment[];
+    createdBy: string;
 }
 export interface INoticeAttachment {
     bulletinId: string;

package/lib/core/NoticeCard/models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,IAAI,CAAA;IACpB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,IAAI,CAAA;IACjB,WAAW,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,IAAI,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB"}
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,IAAI,CAAA;IACpB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,IAAI,CAAA;IACjB,WAAW,EAAE,iBAAiB,EAAE,CAAA;IAChC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,IAAI,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB"}

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.d.ts

@@ -4,6 +4,9 @@ interface IProps {
     updated: Date;
     hasAttachment?: boolean;
     hasEvent?: boolean;
+    createdBy?: string;
+    variant: 'portal' | 'myPage';
+    createdByRole?: 'resident' | 'board';
 }
 declare const NoticeMetaInfo: React.FC<IProps>;
 export default NoticeMetaInfo;

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,UAAU,MAAM;IACd,OAAO,EAAE,IAAI,CAAA;IACb,OAAO,EAAE,IAAI,CAAA;IACb,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiCpC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,UAAU,MAAM;IACd,OAAO,EAAE,IAAI,CAAA;IACb,OAAO,EAAE,IAAI,CAAA;IACb,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC5B,aAAa,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;CACrC;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqDpC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.js

@@ -14,10 +14,22 @@ const NoticeMetaInfo = ({
   created,
   updated,
   hasAttachment,
-  hasEvent
+  hasEvent,
+  createdBy,
+  variant = 'portal',
+  createdByRole = 'board'
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NoticeMetaWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
+    children: [Boolean(createdBy && variant === 'myPage') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconUser, {
+        primary: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
+        semibold: true,
+        size: "14px",
+        primary: true,
+        children: createdBy || 'Ukjent bruker'
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Group, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconHistory, {
         primary: true
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Text, {
@@ -40,6 +52,14 @@ const NoticeMetaInfo = ({
           size: "18px"
         })
       })]
+    }), createdByRole && variant === 'myPage' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TagWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+        light: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
+          size: "14px",
+          children: createdByRole === 'board' ? 'Styret' : 'Beboer'
+        })
+      })
     })]
   });
 };

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts

@@ -10,4 +10,8 @@ export declare const Div: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TagWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;SAakP,MAAO,WAAW;yGAXjS,CAAA;AAED,eAAO,MAAM,KAAK;;SAS8P,MAAO,WAAW;yGAHjS,CAAA;AAED,eAAO,MAAM,GAAG;;SACgQ,MAAO,WAAW;yGADnQ,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;SAoBqH,MAAO,WAAW;yGAhBpK,CAAA;AAED,eAAO,MAAM,KAAK;;SAciI,MAAO,WAAW;yGARpK,CAAA;AAED,eAAO,MAAM,GAAG;;SAMmI,MAAO,WAAW;yGANtI,CAAA;AAE/B,eAAO,MAAM,UAAU;;SAI4H,MAAO,WAAW;yGADpK,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js

@@ -3,27 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NoticeMetaWrapper = exports.Group = exports.Div = void 0;
+exports.TagWrapper = exports.NoticeMetaWrapper = exports.Group = exports.Div = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const NoticeMetaWrapper = exports.NoticeMetaWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p2"
+  target: "evjeu6p3"
 } : {
-  target: "evjeu6p2",
+  target: "evjeu6p3",
   label: "NoticeMetaWrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
+  name: "1hi4meq",
+  styles: "display:flex;position:relative;width:100%"
 } : {
-  name: "zjik7",
-  styles: "display:flex",
+  name: "1hi4meq",
+  styles: "display:flex;position:relative;width:100%",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Group = exports.Group = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evjeu6p1"
+  target: "evjeu6p2"
 } : {
-  target: "evjeu6p1",
+  target: "evjeu6p2",
   label: "Group"
 })(process.env.NODE_ENV === "production" ? {
   name: "7bcib0",
@@ -34,8 +34,21 @@ const Group = exports.Group = /*#__PURE__*/(0, _base.default)("div", process.env
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "evjeu6p1"
+} : {
+  target: "evjeu6p1",
+  label: "Div"
+})();
+const TagWrapper = exports.TagWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "evjeu6p0"
 } : {
   target: "evjeu6p0",
-  label: "Div"
-})();
+  label: "TagWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "62ofw5",
+  styles: "justify-self:flex-end;margin-left:auto"
+} : {
+  name: "62ofw5",
+  styles: "justify-self:flex-end;margin-left:auto",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.3.20",
+  "version": "4.3.22",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",