@bbl-digital/snorre 4.0.61 → 4.0.64

package/lib/core/Banner/Banner.stories.d.ts

@@ -1,12 +1,12 @@
-import Banner from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Banner>;
-export default meta;
-declare type Story = StoryObj<typeof Banner>;
-export declare const Default: Story;
-export declare const Success: Story;
-export declare const Info: Story;
-export declare const Danger: Story;
-export declare const WithoutChildren: Story;
-export declare const WithAriaLabel: Story;
+import Banner from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Banner>;
+export default meta;
+declare type Story = StoryObj<typeof Banner>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Danger: Story;
+export declare const WithoutChildren: Story;
+export declare const WithAriaLabel: Story;
 //# sourceMappingURL=Banner.stories.d.ts.map

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

@@ -1,19 +1,19 @@
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-interface IProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Banner header */
-    header?: React.ReactNode;
-    /** Success banner */
-    success?: boolean;
-    /** Error banner */
-    danger?: boolean;
-    /** Information banner */
-    info?: boolean;
-    /** Banner content */
-    children?: React.ReactNode | React.ReactNode[];
-    /** Content to be placed at the right side */
-    actionButton?: React.ReactNode;
-}
-declare const Banner: React.FC<IProps>;
-export default Banner;
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+interface IProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Banner header */
+    header?: React.ReactNode;
+    /** Success banner */
+    success?: boolean;
+    /** Error banner */
+    danger?: boolean;
+    /** Information banner */
+    info?: boolean;
+    /** Banner content */
+    children?: React.ReactNode | React.ReactNode[];
+    /** Content to be placed at the right side */
+    actionButton?: React.ReactNode;
+}
+declare const Banner: React.FC<IProps>;
+export default Banner;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/Banner/styles.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LeftSide: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RightSide: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LeftSide: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RightSide: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/Banner/styles.js

@@ -6,13 +6,13 @@ export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
 } : {
   target: "ec636p03",
   label: "Wrapper"
-})("display:flex;flex-direction:row;width:100%;justify-content:space-between;@media screen and (max-width: ", bp.small, "){flex-direction:column;text-align:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IExlZnRTaWRlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUge1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgUmlnaHRTaWRlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIH1cblxuICBidXR0b24sXG4gIGEge1xuICAgIG1pbi13aWR0aDogMTY5cHg7XG4gIH1cbmBcbiJdfQ== */"));
+})("display:flex;flex-direction:row;width:100%;justify-content:space-between;@media screen and (max-width: ", bp.small, "){flex-direction:column;text-align:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICB3aWR0aDogMTAwJTtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YGBcclxuXHJcbmV4cG9ydCBjb25zdCBMZWZ0U2lkZSA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xyXG5cclxuICBoMSxcclxuICBoMixcclxuICBoMyxcclxuICBoNCxcclxuICBoNSB7XHJcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUmlnaHRTaWRlID0gc3R5bGVkLmRpdmBcclxuICBtYXJnaW4tbGVmdDogMmVtO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcclxuICAgIG1hcmdpbi1sZWZ0OiAwO1xyXG4gICAgbWFyZ2luLXRvcDogMmVtO1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uLFxyXG4gIGEge1xyXG4gICAgbWluLXdpZHRoOiAxNjlweDtcclxuICB9XHJcbmBcclxuIl19 */"));
 export const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ec636p02"
 } : {
   target: "ec636p02",
   label: "Content"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YGBcblxuZXhwb3J0IGNvbnN0IExlZnRTaWRlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUge1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgUmlnaHRTaWRlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIH1cblxuICBidXR0b24sXG4gIGEge1xuICAgIG1pbi13aWR0aDogMTY5cHg7XG4gIH1cbmBcbiJdfQ== */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICB3aWR0aDogMTAwJTtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YGBcclxuXHJcbmV4cG9ydCBjb25zdCBMZWZ0U2lkZSA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXJvdy1nYXA6IDAuNWVtO1xyXG5cclxuICBoMSxcclxuICBoMixcclxuICBoMyxcclxuICBoNCxcclxuICBoNSB7XHJcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUmlnaHRTaWRlID0gc3R5bGVkLmRpdmBcclxuICBtYXJnaW4tbGVmdDogMmVtO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcclxuICAgIG1hcmdpbi1sZWZ0OiAwO1xyXG4gICAgbWFyZ2luLXRvcDogMmVtO1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gIH1cclxuXHJcbiAgYnV0dG9uLFxyXG4gIGEge1xyXG4gICAgbWluLXdpZHRoOiAxNjlweDtcclxuICB9XHJcbmBcclxuIl19 */");
 export const LeftSide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ec636p01"
 } : {
@@ -24,7 +24,7 @@ export const LeftSide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
 } : {
   name: "16exalf",
   styles: "display:grid;grid-row-gap:0.5em;h1,h2,h3,h4,h5{align-self:center;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CYW5uZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMZWZ0U2lkZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMC41ZW07XG5cbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFJpZ2h0U2lkZSA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICB9XG5cbiAgYnV0dG9uLFxuICBhIHtcbiAgICBtaW4td2lkdGg6IDE2OXB4O1xuICB9XG5gXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CYW5uZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBgXHJcblxyXG5leHBvcnQgY29uc3QgTGVmdFNpZGUgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFJpZ2h0U2lkZSA9IHN0eWxlZC5kaXZgXHJcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMDtcclxuICAgIG1hcmdpbi10b3A6IDJlbTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICB9XHJcblxyXG4gIGJ1dHRvbixcclxuICBhIHtcclxuICAgIG1pbi13aWR0aDogMTY5cHg7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const RightSide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -32,4 +32,4 @@ export const RightSide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "p
 } : {
   target: "ec636p00",
   label: "RightSide"
-})("margin-left:2em;display:flex;align-items:center;@media screen and (max-width: ", bp.small, "){margin-left:0;margin-top:2em;align-self:center;}button,a{min-width:169px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJtQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CYW5uZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBgXG5cbmV4cG9ydCBjb25zdCBMZWZ0U2lkZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMC41ZW07XG5cbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1IHtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFJpZ2h0U2lkZSA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICB9XG5cbiAgYnV0dG9uLFxuICBhIHtcbiAgICBtaW4td2lkdGg6IDE2OXB4O1xuICB9XG5gXG4iXX0= */"));
+})("margin-left:2em;display:flex;align-items:center;@media screen and (max-width: ", bp.small, "){margin-left:0;margin-top:2em;align-self:center;}button,a{min-width:169px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Jhbm5lci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJtQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CYW5uZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBgXHJcblxyXG5leHBvcnQgY29uc3QgTGVmdFNpZGUgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGdyaWQ7XHJcbiAgZ3JpZC1yb3ctZ2FwOiAwLjVlbTtcclxuXHJcbiAgaDEsXHJcbiAgaDIsXHJcbiAgaDMsXHJcbiAgaDQsXHJcbiAgaDUge1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFJpZ2h0U2lkZSA9IHN0eWxlZC5kaXZgXHJcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMDtcclxuICAgIG1hcmdpbi10b3A6IDJlbTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICB9XHJcblxyXG4gIGJ1dHRvbixcclxuICBhIHtcclxuICAgIG1pbi13aWR0aDogMTY5cHg7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */"));

package/lib/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.d.ts

@@ -1,9 +1,13 @@
-/// <reference types="react" />
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
+/// <reference types="react" />
+import { LoadedType } from '../../shared/types/LoadedType';
+declare const _default;
+export default _default;
+export declare const Default: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
+export declare const ValuePair: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
 //# sourceMappingURL=BarAndLineComposedChart.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BarAndLineComposedChart.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;;AAE1D,wBAGS;AAiBT,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CA6B3D,CAAA"}
+{"version":3,"file":"BarAndLineComposedChart.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;;AAE1D,wBAGS;AAgCT,eAAO,MAAM,OAAO;oBACF,OAAO,yBAAyB,UAAU;;CA6B3D,CAAA;AAED,eAAO,MAAM,SAAS;oBACJ,OAAO,yBAAyB,UAAU;;CA2B3D,CAAA"}

package/lib/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.js

@@ -65,6 +65,67 @@ const DefaultData = [{
   kostnad: -5500,
   akkumulert: 50500
 }];
+const ValuePairData = [{
+  name: 'Jan',
+  inntekt: 40000,
+  kostnad: 23000,
+  stackId: ''
+}, {
+  name: 'Feb',
+  inntekt: 60000,
+  kostnad: 25000,
+  stackId: ''
+}, {
+  name: 'Mars',
+  inntekt: 50000,
+  kostnad: 34000,
+  stackId: ''
+}, {
+  name: 'April',
+  inntekt: 55000,
+  kostnad: 20000,
+  stackId: ''
+}, {
+  name: 'Mai',
+  inntekt: 54400,
+  kostnad: 30000,
+  stackId: ''
+}, {
+  name: 'Jun',
+  inntekt: 65000,
+  kostnad: 25000,
+  stackId: ''
+}, {
+  name: 'Jul',
+  inntekt: 43000,
+  kostnad: 30000,
+  stackId: ''
+}, {
+  name: 'Aug',
+  inntekt: 60000,
+  kostnad: 40000,
+  stackId: ''
+}, {
+  name: 'Sept',
+  inntekt: 70000,
+  kostnad: 50000,
+  stackId: ''
+}, {
+  name: 'Okt',
+  inntekt: 60000,
+  kostnad: 34000,
+  stackId: ''
+}, {
+  name: 'Nov',
+  inntekt: 40040,
+  kostnad: 24000,
+  stackId: ''
+}, {
+  name: 'Des',
+  inntekt: 56000,
+  kostnad: 5500,
+  stackId: ''
+}];
 export const Default = {
   render: (_args, {
     loaded: {
@@ -91,4 +152,31 @@ export const Default = {
     xAxisDataKey: "name"
   }),
   name: 'Default'
+};
+export const ValuePair = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(BarAndLineComposedChart, {
+    data: ValuePairData,
+    bars: [{
+      name: 'Inntekt',
+      dataKey: 'inntekt',
+      fill: theme.primary50opa
+    }, {
+      name: 'Kostnad',
+      dataKey: 'kostnad',
+      fill: theme.primary
+    }],
+    hasYAxis: false,
+    cartesianGrid: false,
+    xAxisDataKey: "name",
+    stack: false,
+    maxBarSize: 10,
+    barGap: -20,
+    barRadius: 30,
+    legend: false
+  }),
+  name: 'ValuePair'
 };

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

@@ -1,59 +1,67 @@
-import React from 'react';
-import { ComposedChart } from 'recharts';
-import { CurveType } from 'recharts/types/shape/Curve';
-import { Margin } from 'recharts/types/util/types';
-interface IProps extends Partial<typeof ComposedChart> {
-    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
-    data: any[];
-    /** Array of each bar in the ComposedChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
-    bars: {
-        name: string;
-        dataKey: string;
-        fill: string;
-        shortName?: string;
-    }[];
-    /** Array of each line in the ComposedChart: e.g [{ name:"Akkumulert", dataKey: "akkumulert",	stroke: theme.secondary. type:"monotone"}]. Value of dataKey correlates to a property in the data source. Stroke sets the color of the line. */
-    lines: {
-        name: string;
-        dataKey: string;
-        stroke: string;
-        type: CurveType;
-        shortName?: string;
-    }[];
-    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
-    xAxisDataKey: string;
-    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
-    yAxisDataKey?: string;
-    /** Height: default to 350px */
-    height?: string;
-    /** Width: defaults to auto */
-    width?: string;
-    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
-    xAxisLine?: boolean;
-    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
-    yAxisLine?: boolean;
-    /** tickLineY: Show axis tick line. Defaults to false */
-    tickLineY?: boolean;
-    /** tickLineY: Show axis tick line. Defaults to false */
-    tickLineX?: boolean;
-    /**legendHAlign: horizontal position of the caption for the content. Default is left */
-    legendHAlign?: 'left' | 'center' | 'right';
-    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
-    legendVAlign?: 'top' | 'middle' | 'bottom';
-    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 50px, left: 0, bottom: 0 */
-    margin?: Margin;
-    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 0, left: 5px, bottom: 0 */
-    legendPadding?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
-    layout?: 'horizontal' | 'vertical';
-    /**lineStrokeWidth: Sets the stroke width of the line. Defaults to 1 */
-    lineStrokeWidth?: number;
-}
-declare const BarAndLineComposedChart: React.FC<IProps>;
-export default BarAndLineComposedChart;
+import React from 'react';
+import { ComposedChart } from 'recharts';
+import { CurveType } from 'recharts/types/shape/Curve';
+import { Margin } from 'recharts/types/util/types';
+interface IProps extends Partial<typeof ComposedChart> {
+    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
+    data: any[];
+    /** Array of each bar in the ComposedChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
+    bars: {
+        name: string;
+        dataKey: string;
+        fill: string;
+        stackId?: string;
+        shortName?: string;
+    }[];
+    /** Array of each line in the ComposedChart: e.g [{ name:"Akkumulert", dataKey: "akkumulert",	stroke: theme.secondary. type:"monotone"}]. Value of dataKey correlates to a property in the data source. Stroke sets the color of the line. */
+    lines?: {
+        name: string;
+        dataKey: string;
+        stroke: string;
+        type: CurveType;
+        shortName?: string;
+    }[];
+    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    xAxisDataKey: string;
+    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    yAxisDataKey?: string;
+    /** Height: default to 350px */
+    height?: string;
+    /** Width: defaults to auto */
+    width?: string;
+    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
+    xAxisLine?: boolean;
+    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
+    yAxisLine?: boolean;
+    /** tickLineY: Show axis tick line. Defaults to false */
+    tickLineY?: boolean;
+    /** tickLineY: Show axis tick line. Defaults to false */
+    tickLineX?: boolean;
+    /**legendHAlign: horizontal position of the caption for the content. Default is left */
+    legendHAlign?: 'left' | 'center' | 'right';
+    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
+    legendVAlign?: 'top' | 'middle' | 'bottom';
+    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 50px, left: 0, bottom: 0 */
+    margin?: Margin;
+    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 0, left: 5px, bottom: 0 */
+    legendPadding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
+    layout?: 'horizontal' | 'vertical';
+    /**lineStrokeWidth: Sets the stroke width of the line. Defaults to 1 */
+    lineStrokeWidth?: number;
+    hasYAxis?: boolean;
+    cartesianGrid?: boolean;
+    legend?: boolean;
+    stack?: boolean;
+    maxBarSize?: number;
+    barGap?: number;
+    barRadius?: number;
+}
+declare const BarAndLineComposedChart: React.FC<IProps>;
+export default BarAndLineComposedChart;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAQd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAKlD,UAAU,MAAO,SAAQ,OAAO,CAAC,OAAO,aAAa,CAAC;IACpD,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QAEZ,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,6OAA6O;IAC7O,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,SAAS,CAAA;QAEf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkG7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarAndLineComposedChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,aAAa,EAQd,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAKlD,UAAU,MAAO,SAAQ,OAAO,CAAC,OAAO,aAAa,CAAC;IACpD,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,6MAA6M;IAC7M,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,MAAM,CAAA;QAEhB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,6OAA6O;IAC7O,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,SAAS,CAAA;QAEf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,EAAE,CAAA;IACH,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uGAAuG;IACvG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoH7C,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/lib/core/BarAndLineComposedChart/index.js

@@ -24,6 +24,13 @@ const BarAndLineComposedChart = ({
   legendPadding,
   layout = 'horizontal',
   lineStrokeWidth = 1,
+  hasYAxis = true,
+  cartesianGrid = true,
+  legend = true,
+  stack = true,
+  maxBarSize,
+  barGap,
+  barRadius,
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(BarAndLineComposedChartContainer, {
@@ -41,8 +48,12 @@ const BarAndLineComposedChart = ({
         },
         layout: layout && layout,
         stackOffset: "sign",
+        barGap: barGap,
         ...rest,
-        children: [/*#__PURE__*/_jsx(CartesianGrid, {
+        children: [/*#__PURE__*/_jsx(ReferenceLine, {
+          y: 0,
+          stroke: "white"
+        }), cartesianGrid && /*#__PURE__*/_jsx(CartesianGrid, {
           strokeDasharray: "0",
           vertical: false
         }), /*#__PURE__*/_jsx(XAxis, {
@@ -52,10 +63,7 @@ const BarAndLineComposedChart = ({
           type: layout === 'vertical' ? 'number' : 'category',
           tickMargin: 5,
           tickFormatter: formatAxisPrice
-        }), /*#__PURE__*/_jsx(ReferenceLine, {
-          y: 0,
-          stroke: "white"
-        }), /*#__PURE__*/_jsx(YAxis, {
+        }), hasYAxis && /*#__PURE__*/_jsx(YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
@@ -66,7 +74,7 @@ const BarAndLineComposedChart = ({
             barConfig: bars && bars,
             lineConfig: lines && lines
           })
-        }), /*#__PURE__*/_jsx(Legend, {
+        }), legend && /*#__PURE__*/_jsx(Legend, {
           verticalAlign: legendVAlign && legendVAlign,
           align: legendHAlign && legendHAlign,
           content: /*#__PURE__*/_jsx(CustomLegend, {}),
@@ -81,7 +89,9 @@ const BarAndLineComposedChart = ({
             dataKey: bar.dataKey,
             fill: bar.fill,
             name: bar.name,
-            stackId: "stack"
+            maxBarSize: maxBarSize || undefined,
+            stackId: stack ? 'stack' : undefined,
+            radius: barRadius
           }, bar.name);
         }), lines?.length && lines.map(line => {
           return /*#__PURE__*/_jsx(Line, {

package/lib/core/BarAndLineComposedChart/styles.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare const BarAndLineComposedChartContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width: any;
-    height: any;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const BarAndLineComposedChartContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: any;
+    height: any;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/BarAndLineComposedChart/styles.js

@@ -4,4 +4,4 @@ export const BarAndLineComposedChartContainer = /*#__PURE__*/_styled("div", proc
 } : {
   target: "e15fv7zs0",
   label: "BarAndLineComposedChartContainer"
-})("width:", props => props.width && props.width, ";height:", props => props.height && props.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckFuZExpbmVDb21wb3NlZENoYXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CYXJBbmRMaW5lQ29tcG9zZWRDaGFydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEJhckFuZExpbmVDb21wb3NlZENoYXJ0Q29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIHdpZHRoOiBhbnlcbiAgaGVpZ2h0OiBhbnlcbn0+YFxuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRoICYmIHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0ICYmIHByb3BzLmhlaWdodH07XG5gXG4iXX0= */"));
+})("width:", props => props.width && props.width, ";height:", props => props.height && props.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckFuZExpbmVDb21wb3NlZENoYXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CYXJBbmRMaW5lQ29tcG9zZWRDaGFydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBCYXJBbmRMaW5lQ29tcG9zZWRDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIHdpZHRoOiBhbnlcclxuICBoZWlnaHQ6IGFueVxyXG59PmBcclxuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRoICYmIHByb3BzLndpZHRofTtcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHQgJiYgcHJvcHMuaGVpZ2h0fTtcclxuYFxyXG4iXX0= */"));

package/lib/core/BarChartWithCustomizedEvent/BarChartWithCustomizedEvent.stories.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default;
-export default _default;
-export declare const BarChartCustomizedEventData: {
-    year: number;
-    debt: number;
-    interestRates: number;
-    deduction: number;
-}[];
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
+/// <reference types="react" />
+import { LoadedType } from '../../shared/types/LoadedType';
+declare const _default;
+export default _default;
+export declare const BarChartCustomizedEventData: {
+    year: number;
+    debt: number;
+    interestRates: number;
+    deduction: number;
+}[];
+export declare const Default: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
 //# sourceMappingURL=BarChartWithCustomizedEvent.stories.d.ts.map