@hlf-fe/pulmo-ui 1.5.6 → 1.5.8

package/dist/components/modules/navigation/navigation-desktop/nav-section/nav-section.js

@@ -9,7 +9,7 @@ export const NavigationSection = ({ section, className, closeSection }) => {
     const onToggle = (item) => {
         setCurrentItem(currentItem?.key !== item?.key ? item : undefined);
     };
-    const renderColumn = (title, items) => (items ? (_jsxs(NavCol, { children: [_jsx(Header, { children: title }), _jsx(StyledList, { children: items.map((item) => (_jsx(NavigationItem, { model: item, expanded: currentItem?.key === item.key, parent: section.title, onToggle: onToggle, onLinkClick: closeSection }, item.key))) })] })) : _jsx("span", {}));
+    const renderColumn = (title, items) => (items ? (_jsxs(NavCol, { children: [title && _jsx(Header, { children: title }), _jsx(StyledList, { children: items.map((item) => (_jsx(NavigationItem, { model: item, expanded: currentItem?.key === item.key, parent: section.title, onToggle: onToggle, onLinkClick: closeSection }, item.key))) })] })) : _jsx("span", {}));
     return (_jsx(Wrapper, { "data-test": "nav-section", className: className, children: _jsxs(Content, { children: [_jsxs(NavWrapper, { "data-test": "nav-block", children: [renderColumn(section.column1Title, section.column1Items), renderColumn(section.column2Title, section.column2Items)] }), _jsx(InfoWrapper, { color: section?.backgroundColor?.hex, children: section?.linkBanners && section?.linkBanners?.map((banner, i) => (_jsx(CardBanner, { ...banner, externalUrl: banner?.link?.externalUrl, internalLink: banner?.link?.internalLink?.slug?.current, onClick: closeSection }, `${banner.title.trim()}-${i}`))) })] }) }));
 };
 const Wrapper = styled.div `

package/dist/components/modules/navigation/navigation-desktop/navigation-desktop.js

@@ -18,7 +18,7 @@ export const NavigationDesktop = ({ logotype, mainMenuItems, topMenuItems, ctaBu
         const sectionToShow = currentSection?.key !== section?.key ? section : undefined;
         setCurrentSection(sectionToShow);
     };
-    return (_jsxs(Wrapper, { ref: menuRef, children: [_jsxs(MenuContainer, { children: [!!topMenuItems?.length && (_jsx(TopBar, { "data-test": "nav-top-bar", children: topMenuItems.map(({ webUrlName, internalLink, externalUrl }) => (_jsx(StyledTopLink, { to: externalUrl || internalLink?.slug?.current || '/', children: webUrlName }, webUrlName))) })), _jsxs(NavBar, { children: [logotype && (_jsx(StyledLogoLink, { "data-test": "nav-logo", to: '/', "aria-label": ariaLabelHome, children: _jsx(Image, { image: logotype?.asset, width: "127", height: "32" }) })), _jsx(StyledList, { "data-test": "nav-list", children: mainMenuItems?.map(section => (_jsx(NavigationCell, { active: currentSection?.key === section.key, title: section.title, onToggleCell: () => onOpenSection(section) }, section.key))) }), ctaButton && (_jsxs(StyledButton, { dataTest: "nav-cta", to: ctaButton?.internalLink?.slug?.current, href: ctaButton?.externalUrl, children: [ctaButton.webUrlName, _jsx(IconWrapper, { children: _jsx(ExternalIcon, {}) })] }))] })] }), currentSection && (_jsx(StyledNavSection, { section: currentSection, closeSection: () => onOpenSection(undefined) })), (currentSection || isSearchOpen) && (_jsx(Overlay, { "data-test": "nav-overlay", "$isSearchOpen": isSearchOpen, "$playFadeOut": !isMenuVisible, onClick: () => {
+    return (_jsxs(Wrapper, { ref: menuRef, children: [_jsxs(MenuContainer, { children: [!!topMenuItems?.length && (_jsx(TopBar, { "data-test": "nav-top-bar", children: topMenuItems.map(({ webUrlName, internalLink, externalUrl }) => (_jsx(StyledTopLink, { to: externalUrl || internalLink?.slug?.current || '/', children: webUrlName }, webUrlName))) })), _jsxs(NavBar, { children: [logotype && (_jsx(StyledLogoLink, { "data-test": "nav-logo", to: '/', "aria-label": ariaLabelHome, children: _jsx(Image, { image: logotype?.asset, width: "127", height: "32" }) })), _jsx(StyledList, { "data-test": "nav-list", children: mainMenuItems?.map(section => (_jsx(NavigationCell, { active: currentSection?.key === section.key, title: section.title, onToggleCell: () => onOpenSection(section) }, section.key))) }), ctaButton && (_jsxs(StyledButton, { dataTest: "nav-cta", to: ctaButton?.internalLink?.slug?.current, href: ctaButton?.externalUrl, target: ctaButton?.openInNewWindow ? "_blank" : "_self", children: [ctaButton.webUrlName, _jsx(IconWrapper, { children: _jsx(ExternalIcon, {}) })] }))] })] }), currentSection && (_jsx(StyledNavSection, { section: currentSection, closeSection: () => onOpenSection(undefined) })), (currentSection || isSearchOpen) && (_jsx(Overlay, { "data-test": "nav-overlay", "$isSearchOpen": isSearchOpen, "$playFadeOut": !isMenuVisible, onClick: () => {
                     onOpenSection(undefined);
                     setIsSearchOpen(false);
                 } }))] }));

package/dist/components/modules/navigation/navigation-mobile/nav-panel.js

@@ -24,7 +24,7 @@ const NavigationPanel = ({ mainMenuItems, topMenuItems, scrollToTop, closeMenu,
     const toggleItem = (item) => {
         setCurrentItem(currentItem?.key !== item?.key ? item : undefined);
     };
-    const renderColumn = (title, items) => (items && (_jsxs(_Fragment, { children: [_jsx(Header, { children: title }), _jsx(StyledList, { children: items.map((item) => (_jsx(NavigationItem, { model: item, expanded: currentItem?.key === item.key, parent: currentSection?.title, onToggle: toggleItem, onLinkClick: closeMenu }, item.key))) })] })));
+    const renderColumn = (title, items) => (items && (_jsxs(_Fragment, { children: [title && _jsx(Header, { children: title }), _jsx(StyledList, { children: items.map((item) => (_jsx(NavigationItem, { model: item, expanded: currentItem?.key === item.key, parent: currentSection?.title, onToggle: toggleItem, onLinkClick: closeMenu }, item.key))) })] })));
     return (_jsxs(Wrapper, { "data-test": "nav-panel-wrapper", toggled: isShowingSection, onTransitionEnd: () => setIsAnimating(false), children: [_jsx(Panel, { visible: true, children: _jsxs(PanelLayout, { children: [_jsx(StyledList, { "data-test": "nav-list", children: mainMenuItems?.map((section) => (_jsx("li", { children: _jsxs(NavCell, { "data-test": "nav-cell", onClick: () => toggleSection(section), children: [_jsx("p", { children: section.title }), _jsx(Chevron, {})] }) }, section.key))) }), !!topMenuItems?.length && (_jsx(LinkContainer, { "data-test": "nav-sub-menu", children: topMenuItems.map(({ webUrlName, internalLink, externalUrl }) => (_jsx(StyledLink, { to: externalUrl || internalLink?.slug?.current || "/", children: webUrlName }, webUrlName))) }))] }) }), _jsxs(Panel, { "data-test": "nav-panel-section", visible: isShowingSection || isAnimating, children: [_jsxs(PanelLayout, { children: [_jsxs(BackCell, { "data-test": "nav-panel-back", onClick: () => toggleSection(undefined), children: [_jsx(BackChevron, { disableCircle: false }), goBackText] }), renderColumn(currentSection?.column1Title, currentSection?.column1Items), renderColumn(currentSection?.column2Title, currentSection?.column2Items)] }), _jsx(InfoWrapper, { color: currentSection?.backgroundColor?.hex, children: currentSection?.linkBanners && currentSection?.linkBanners?.map((banner, i) => (_jsx(CardBanner, { ...banner, externalUrl: banner?.link?.externalUrl, internalLink: banner?.link?.internalLink?.slug?.current, onClick: closeMenu }, `${banner.title.trim()}-${i}`))) })] })] }));
 };
 const Wrapper = styled.div `

package/dist/components/modules/navigation/navigation-mobile/navigation-mobile.js

@@ -28,7 +28,7 @@ export const NavigationMobile = ({ logotype, mainMenuItems, topMenuItems, ctaBut
     const scrollToTop = () => {
         stickyRef.current?.scroll({ top: 0, behavior: "smooth" });
     };
-    return (_jsx(Wrapper, { children: _jsxs(StickyContainer, { "$expanded": isOpen, ref: stickyRef, children: [_jsxs(TopBar, { children: [logotype && (_jsx(StyledLogoLink, { "data-test": "nav-logo", to: "/", "aria-label": ariaLabelHome, children: _jsx(Image, { image: logotype?.asset, width: "95", height: "24" }) })), ctaButton && (_jsx(StyledButton, { btnSize: "s", dataTest: "nav-cta", to: ctaButton.externalUrl, href: ctaButton.internalLink?.slug?.current, target: "_blank", marginRight: emptyMenuItems, children: ctaButton.webUrlName })), !emptyMenuItems && (_jsx(MenuToggle, { "data-test": !isOpen ? "nav-menu-closed" : "nav-menu-open", "aria-label": "Meny", onClick: () => setIsOpen(!isOpen), children: _jsx(IconWrapper, { children: !isOpen ? _jsx(HamburgerIcon, {}) : _jsx(MenuCloseIcon, {}) }) }))] }), isOpen && (_jsx(MenuContent, { children: _jsx(NavigationPanel, { mainMenuItems: mainMenuItems, topMenuItems: topMenuItems, scrollToTop: scrollToTop, closeMenu: () => setIsOpen(false), goBackText: goBack }) }))] }) }));
+    return (_jsx(Wrapper, { children: _jsxs(StickyContainer, { "$expanded": isOpen, ref: stickyRef, children: [_jsxs(TopBar, { children: [logotype && (_jsx(StyledLogoLink, { "data-test": "nav-logo", to: "/", "aria-label": ariaLabelHome, children: _jsx(Image, { image: logotype?.asset, width: "95", height: "24" }) })), ctaButton && (_jsx(StyledButton, { btnSize: "s", dataTest: "nav-cta", to: ctaButton?.internalLink?.slug?.current, href: ctaButton?.externalUrl, target: ctaButton?.openInNewWindow ? "_blank" : "_self", marginRight: emptyMenuItems, children: ctaButton.webUrlName })), !emptyMenuItems && (_jsx(MenuToggle, { "data-test": !isOpen ? "nav-menu-closed" : "nav-menu-open", "aria-label": "Meny", onClick: () => setIsOpen(!isOpen), children: _jsx(IconWrapper, { children: !isOpen ? _jsx(HamburgerIcon, {}) : _jsx(MenuCloseIcon, {}) }) }))] }), isOpen && (_jsx(MenuContent, { children: _jsx(NavigationPanel, { mainMenuItems: mainMenuItems, topMenuItems: topMenuItems, scrollToTop: scrollToTop, closeMenu: () => setIsOpen(false), goBackText: goBack }) }))] }) }));
 };
 const Wrapper = styled.nav `
   position: relative;

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { type FooterProps } from "./components/modules/footer/footer";
 import { type LogoListProps } from "./components/modules/logo-list/logo-list";
 export type { ButtonProps, LoadingButtonProps, TextButtonProps, EmailSignupFormProps, ImageProps, ContainerProps, AlertProps, EntryListHeadingProps, EntryListTextProps, PaginationProps, CardBannerProps, PaperProps, };
 export { CloseIcon } from "./components/icons/close-icon/close-icon";
+export { ChevronLeftIcon } from "./components/icons/chevron-left-icon/chevron-left-icon";
 export { ExclamationMarkIcon } from "./components/icons/exclamation-mark-icon/exclamation-mark-icon";
 export { WarningIcon } from "./components/icons/warning-icon/warning-icon";
 export { SearchIcon } from "./components/icons/search-icon/search-icon";

package/dist/index.js

@@ -29,6 +29,7 @@ import { NavigationDesktop as NavigationDesktopComponent, } from "./components/m
 import { NavigationMobile as NavigationMobileComponent, } from "./components/modules/navigation/navigation-mobile/navigation-mobile";
 // Icons
 export { CloseIcon } from "./components/icons/close-icon/close-icon";
+export { ChevronLeftIcon } from "./components/icons/chevron-left-icon/chevron-left-icon";
 export { ExclamationMarkIcon } from "./components/icons/exclamation-mark-icon/exclamation-mark-icon";
 export { WarningIcon } from "./components/icons/warning-icon/warning-icon";
 export { SearchIcon } from "./components/icons/search-icon/search-icon";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hlf-fe/pulmo-ui",
   "private": false,
-  "version": "1.5.6",
+  "version": "1.5.8",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/components/navigation/nav-cell/nav-cell.d.ts

@@ -1,6 +0,0 @@
-export type NavigationCellProps = {
-    title: string;
-    active?: boolean;
-    onToggleCell: () => void;
-};
-export declare const NavigationCell: ({ title, active, onToggleCell, }: NavigationCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/nav-cell/nav-cell.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-import { media } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-import { ToggableChevron } from "../../../components/icons/toggable-chevron/toggable-chevron";
-export const NavigationCell = ({ title, active, onToggleCell, }) => (_jsx(StyledListItem, { children: _jsxs(NavCell, { "data-test": "nav-cell", "$active": active, onClick: onToggleCell, children: [title, _jsx(StyledToggle, { toggled: active })] }) }));
-const StyledListItem = styled.li `
-  display: inline-block;
-  height: 100%;
-  padding-right: ${rem(16)};
-
-  ${media.XL `
-    padding-right: ${rem(32)};
-
-    &:last-of-type {
-      padding-right: ${rem(40)};
-    }
-  `}
-`;
-const NavCell = styled.button `
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  display: grid;
-  grid-template-columns: 1fr 22px;
-  align-items: center;
-  height: 100%;
-  font-size: ${rem(14)};
-
-  ${media.XL `
-    font-size: ${rem(18)};
-  `}
-
-  p {
-    font-size: inherit;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 0;
-  }
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueBold};
-  `};
-
-  ${({ $active }) => $active &&
-    css `
-      ${({ theme }) => css `
-        color: ${theme.red};
-        box-shadow: inset 0 -4px 0 ${theme.red};
-      `};
-    `};
-`;
-const StyledToggle = styled(ToggableChevron).attrs({
-    disableCircle: true,
-}) `
-  margin-left: ${rem(4)};
-
-  svg {
-    ${(props) => props.toggled &&
-    css `
-        ${({ theme }) => css `
-          fill: ${theme.red};
-        `};
-      `};
-  }
-`;

package/dist/components/navigation/nav-cell/nav-cell.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { NavigationCell } from "./nav-cell";
-declare const meta: Meta<typeof NavigationCell>;
-export default meta;
-type Story = StoryObj<typeof NavigationCell>;
-export declare const Default: Story;
-export declare const Active: Story;

package/dist/components/navigation/nav-cell/nav-cell.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NavigationCell } from "./nav-cell";
-import { Decorator } from "../../../components/decorator/decorator";
-const meta = {
-    title: "Navigation/NavCell",
-    component: NavigationCell,
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx("div", { style: { height: '76px' }, children: _jsx(Story, {}) }) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        title: "Lorem ipsum",
-        active: false
-    }
-};
-export const Active = {
-    args: {
-        title: "Lorem ipsum",
-        active: true
-    }
-};

package/dist/components/navigation/nav-item/nav-item.d.ts

@@ -1,18 +0,0 @@
-import { WebPageUrl } from '../../../models/web-page-url';
-export type NavigationItemProps = {
-    model: NavigationItemModel;
-    expanded?: boolean;
-    parent?: string;
-    onToggle: (model: NavigationItemModel) => void;
-    onLinkClick?: () => void;
-};
-export type NavigationItemModel = {
-    key: string;
-    title: string;
-    highlight?: boolean;
-    slug?: {
-        current: string;
-    };
-    items?: WebPageUrl[];
-};
-export declare const NavigationItem: ({ model, expanded, onToggle, onLinkClick }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/nav-item/nav-item.js

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from "gatsby";
-import styled, { css } from "styled-components";
-import { media } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-import { ToggableChevron } from "../../../components/icons/toggable-chevron/toggable-chevron";
-import { HeartIcon } from "../../../components/icons/heart-icon/heart-icon";
-export const NavigationItem = ({ model, expanded, onToggle, onLinkClick }) => {
-    const { highlight, title, items, slug } = model;
-    return (_jsxs(Wrapper, { "data-test": "nav-item", children: [slug ? (_jsxs(HeaderLink, { to: slug.current, onClick: () => {
-                    onLinkClick?.();
-                }, children: [_jsx(Title, { active: highlight, children: title }), highlight && (_jsx(IconWrapper, { children: _jsx(HeartIcon, {}) }))] })) : (_jsxs(HeaderButton, { onClick: () => {
-                    onToggle(model);
-                }, children: [_jsx(Title, { children: title }), _jsx(StyledToggle, { toggled: expanded, disableCircle: false })] })), (!slug && items) && (_jsx(Expandable, { "data-test": "nav-item-list", active: expanded, children: items.map(({ webUrlName, internalLink }) => (_jsx(StyledListItem, { children: _jsx(StyledLink, { tabIndex: !expanded ? -1 : 0, to: internalLink?.slug?.current ?? "", onClick: () => {
-                            onLinkClick?.();
-                        }, children: webUrlName }) }, webUrlName))) }))] }));
-};
-const Wrapper = styled.li `
-  display: flex;
-  flex-direction: column;
-  margin-top: ${rem(16)};
-`;
-const HeaderButton = styled.button `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  padding: 0;
-  border: 0;
-  background: none;
-`;
-const HeaderLink = styled(Link) `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  text-decoration: none; 
-
-  svg {
-    flex-shrink: 0;
-  }
-`;
-const Title = styled.p `
-  font-size: ${rem(16)};
-  margin: 0;
-  margin-right: ${rem(8)};
-  text-align: left;
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueBold};
-  `};
-
-  ${({ active }) => active && css `
-    color: ${({ theme }) => theme.red};
-  `};
-
-  ${media.L `
-    font-size: ${rem(18)};
-    margin-right: ${rem(6)};
-  `}
-`;
-const IconWrapper = styled.div `
-  display: flex;
-
-  ${media.L `
-    margin-right: ${rem(20)};
-  `}
-`;
-const StyledToggle = styled(ToggableChevron) `
-  margin-left: auto;
-
-  ${media.L `
-    margin-right: ${rem(20)};
-  `}
-`;
-const Expandable = styled.ul `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-  display: none;
-
-  ${({ active }) => active && css `
-    display: block;
-  `};
-`;
-const StyledListItem = styled.li `
-  margin-top: ${rem(16)};
-  margin-left: ${rem(8)};
-`;
-const StyledLink = styled(Link) `
-  font-size: ${rem(16)};
-  text-decoration: none;
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueRegular};
-    
-    ${media.L `
-      font-family: ${theme.valueMedium};
-    `}
-  `};
-`;

package/dist/components/navigation/nav-item/nav-item.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { NavigationItem } from "./nav-item";
-declare const meta: Meta<typeof NavigationItem>;
-export default meta;
-type Story = StoryObj<typeof NavigationItem>;
-export declare const Default: Story;
-export declare const Highlighted: Story;
-export declare const WithItems: Story;
-export declare const WithItemsExpanded: Story;

package/dist/components/navigation/nav-item/nav-item.stories.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NavigationItem } from "./nav-item";
-import { Decorator } from "../../../components/decorator/decorator";
-const mockWebUrlItems = [
-    {
-        webUrlName: 'Sub Item #1',
-        slugReference: {
-            slug: '/sub-item-1/',
-        },
-    },
-    {
-        webUrlName: 'Sub Item #2',
-        slugReference: {
-            slug: '/sub-item-2/',
-        },
-    },
-];
-const navItemModelMockDefault = {
-    key: 'A0',
-    title: 'Nav Item default',
-    highlight: false,
-    slug: {
-        current: '/item-1/',
-    },
-    items: [],
-};
-const navItemModelMockHiglighted = {
-    key: 'A0',
-    title: 'Nav Item Highlighted',
-    highlight: true,
-    slug: {
-        current: '/item-1/',
-    },
-    items: [],
-};
-const navItemModelMockExpandable = {
-    key: 'A0',
-    title: 'Nav Item Expandable',
-    highlight: false,
-    items: [...mockWebUrlItems],
-};
-const meta = {
-    title: "Navigation/NavItem",
-    component: NavigationItem,
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        model: navItemModelMockDefault,
-        expanded: false
-    }
-};
-export const Highlighted = {
-    args: {
-        model: navItemModelMockHiglighted,
-        expanded: false
-    }
-};
-export const WithItems = {
-    args: {
-        model: navItemModelMockExpandable,
-        expanded: false
-    }
-};
-export const WithItemsExpanded = {
-    args: {
-        model: navItemModelMockExpandable,
-        expanded: true
-    }
-};

package/dist/components/typography/heading/heading.d.ts

@@ -1,4 +0,0 @@
-export declare const H1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const H2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const H3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const H4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/dist/components/typography/heading/heading.js

@@ -1,47 +0,0 @@
-import styled from "styled-components";
-import { media } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-export const H1 = styled.h1 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(40)};
-  line-height: 1.15;
-
-  ${media.L `
-    font-size: ${rem(64)};
-    line-height: 1.09;
-  `}
-`;
-export const H2 = styled.h2 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(28)};
-  line-height: 1.14;
-
-  ${media.L `
-    font-size: ${rem(32)};
-    line-height: 1.5;
-  `}
-`;
-export const H3 = styled.h3 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(22)};
-  line-height: 1.45;
-
-  ${media.L `
-    font-size: ${rem(28)};
-    line-height: 1.43;
-  `}
-`;
-export const H4 = styled.h4 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(22)};
-  line-height: 1.45;
-
-  ${media.L `
-    font-size: ${rem(28)};
-    line-height: 1.43;
-  `}
-`;

package/dist/components/typography/heading/heading.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta;
-export default meta;
-export declare const Heading1: StoryObj;
-export declare const Heading2: StoryObj;
-export declare const Heading3: StoryObj;
-export declare const Heading4: StoryObj;

package/dist/components/typography/heading/heading.stories.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { H1, H2, H3, H4 } from "./heading";
-import { Decorator } from "../../../components/decorator/decorator";
-const meta = {
-    title: "Typography/Headings",
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Heading1 = {
-    name: "H1",
-    render: () => (_jsx(_Fragment, { children: _jsx(H1, { children: "This is an H1" }) })),
-};
-export const Heading2 = {
-    name: "H2",
-    render: () => (_jsx(_Fragment, { children: _jsx(H2, { children: "This is an H2" }) })),
-};
-export const Heading3 = {
-    name: "H3",
-    render: () => (_jsx(_Fragment, { children: _jsx(H3, { children: "This is an H2" }) })),
-};
-export const Heading4 = {
-    name: "H4",
-    render: () => (_jsx(_Fragment, { children: _jsx(H4, { children: "This is an H2" }) })),
-};

package/dist/components/typography/heading/headings.d.ts

@@ -1,4 +0,0 @@
-export declare const H1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const H2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const H3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const H4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/dist/components/typography/heading/headings.js

@@ -1,47 +0,0 @@
-import styled from "styled-components";
-import { media } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-export const H1 = styled.h1 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(40)};
-  line-height: 1.15;
-
-  ${media.L `
-    font-size: ${rem(64)};
-    line-height: 1.09;
-  `}
-`;
-export const H2 = styled.h2 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(28)};
-  line-height: 1.14;
-
-  ${media.L `
-    font-size: ${rem(32)};
-    line-height: 1.5;
-  `}
-`;
-export const H3 = styled.h3 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(22)};
-  line-height: 1.45;
-
-  ${media.L `
-    font-size: ${rem(28)};
-    line-height: 1.43;
-  `}
-`;
-export const H4 = styled.h4 `
-  font-family: ${({ theme }) => theme.valueBold};
-  color: ${({ theme }) => theme.blackLight};
-  font-size: ${rem(22)};
-  line-height: 1.45;
-
-  ${media.L `
-    font-size: ${rem(28)};
-    line-height: 1.43;
-  `}
-`;

package/dist/components/typography/heading/headings.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta;
-export default meta;
-export declare const Heading1: StoryObj;
-export declare const Heading2: StoryObj;
-export declare const Heading3: StoryObj;
-export declare const Heading4: StoryObj;

package/dist/components/typography/heading/headings.stories.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { H1, H2, H3, H4 } from "./headings";
-import { Decorator } from "../../../components/decorator/decorator";
-const meta = {
-    title: "Typography/Headings",
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Heading1 = {
-    name: "H1",
-    render: () => (_jsx(_Fragment, { children: _jsx(H1, { children: "This is an H1" }) })),
-};
-export const Heading2 = {
-    name: "H2",
-    render: () => (_jsx(_Fragment, { children: _jsx(H2, { children: "This is an H2" }) })),
-};
-export const Heading3 = {
-    name: "H3",
-    render: () => (_jsx(_Fragment, { children: _jsx(H3, { children: "This is an H2" }) })),
-};
-export const Heading4 = {
-    name: "H4",
-    render: () => (_jsx(_Fragment, { children: _jsx(H4, { children: "This is an H2" }) })),
-};

package/dist/components/typography/portable-text/portable-text-default.d.ts

@@ -1,39 +0,0 @@
-export declare const PortableTextDefault: {
-    marks: {
-        link: any;
-        strong: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        italic: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-    };
-    list: {
-        bullet: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        number: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-    };
-    block: {
-        h1: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        h2: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        h3: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        h4: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        normal: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-        leadParagraph: ({ children }: {
-            children: any;
-        }) => import("react/jsx-runtime").JSX.Element;
-    };
-};

package/dist/components/typography/portable-text/portable-text-default.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BoldText, ItalicText, NormalText, LeadParagraph, } from "../../../components/typography/text/text";
-import { UnorderedList, OrderedList } from "../../../components/typography/list/list";
-import { H1, H2, H3, H4 } from "../../../components/typography/heading/headings";
-export const PortableTextDefault = {
-    marks: {
-        link: LinkElement,
-        strong: ({ children }) => _jsx(BoldText, { children: children }),
-        italic: ({ children }) => _jsx(ItalicText, { children: children }),
-    },
-    list: {
-        bullet: ({ children }) => _jsx(UnorderedList, { children: children }),
-        number: ({ children }) => _jsx(OrderedList, { children: children }),
-    },
-    block: {
-        h1: ({ children }) => _jsx(H1, { children: children }),
-        h2: ({ children }) => _jsx(H2, { children: children }),
-        h3: ({ children }) => _jsx(H3, { children: children }),
-        h4: ({ children }) => _jsx(H4, { children: children }),
-        normal: ({ children }) => _jsx(NormalText, { children: children }),
-        leadParagraph: ({ children }) => _jsx(LeadParagraph, { children: children }),
-    },
-};

package/dist/styles/mixins/theme-mixins/theme-mixins.d.ts

@@ -1,5 +0,0 @@
-import { THEME_COLORS_BY_HEX, THEME_COLORS_BY_NAME, SIZES } from "../../../models/theme";
-export declare const themeColors: (color: THEME_COLORS_BY_HEX | THEME_COLORS_BY_NAME) => string;
-export declare const themeSpacing: (size: SIZES) => string;
-export declare const themeBorderRadius: (size: "sm" | "md" | "lg") => string;
-export declare const themeElevation: (elevation: 0 | 1) => string;

package/dist/styles/mixins/theme-mixins/theme-mixins.js

@@ -1,37 +0,0 @@
-import { COLORS, THEME_SPACING } from "../../../styles/theme";
-import { rem } from "../../../styles/units";
-export const themeColors = (color) => {
-    const THEME_COLORS = {
-        green: COLORS.mint,
-        blue: COLORS.skyBlue,
-        purple: COLORS.lavender,
-        pink: COLORS.pink,
-        white: COLORS.white,
-    };
-    return THEME_COLORS[color] || color;
-};
-export const themeSpacing = (size) => {
-    const THEME_SPACING_SIZES = {
-        sm: THEME_SPACING.sm,
-        md: THEME_SPACING.md,
-        lg: THEME_SPACING.lg,
-        xl: THEME_SPACING.xl,
-        none: "0",
-    };
-    return THEME_SPACING_SIZES[size] || THEME_SPACING.md;
-};
-export const themeBorderRadius = (size) => {
-    const BORDER_RADIUS = {
-        sm: rem(6),
-        md: rem(8),
-        lg: rem(12),
-    };
-    return BORDER_RADIUS[size] || BORDER_RADIUS.sm;
-};
-export const themeElevation = (elevation) => {
-    const ELEVETION = {
-        0: "none",
-        1: `0 ${rem(4)} ${rem(16)} 0 rgba(0, 0, 0, 0.08)`,
-    };
-    return ELEVETION[elevation] || ELEVETION[0];
-};