@zenpatient-org/healthspan-marketing-ui 0.2.74 → 0.2.76

package/dist/components/Accordion/Accordion.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
+import React from 'react';
 import { EIconName } from '../Icon';
-
 type TAccordionItem = {
     title: string;
     content: React.ReactNode;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
+import React from 'react';
 import { EIconName } from '../../../Icon';
-
 type Props = {
     title: string;
     content: React.ReactNode;

package/dist/components/AdvancedGallery/AdvancedGallery.d.ts

@@ -1,5 +1,4 @@
 import { TAdvancedGalleryView } from './types';
-
 export type AdvancedGalleryProps = TAdvancedGalleryView & {
     label?: string;
     className?: string;

package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
+import React from 'react';
 import { TAdvancedGalleryView } from '../../types';
-
 type ImageGalleryPaginationProps = TAdvancedGalleryView & {
     activeIndex: number;
     className?: string;

package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.d.ts

@@ -1,5 +1,4 @@
 import { TAdvancedGalleryItemView } from '../../types';
-
 type VideoSlideProps = {
     item: TAdvancedGalleryItemView & {
         mediaType: 'video';

package/dist/components/AnchorLinks/AnchorLinks.d.ts

@@ -1,3 +1,2 @@
 import { TAnchorLinksProps } from './types';
-
 export declare const AnchorLinks: ({ links, activeId, onClick }: TAnchorLinksProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AnchorLinks/types.d.ts

@@ -1,5 +1,4 @@
 import { TypographyVariant } from '../Typography';
-
 export declare enum EAnchorLinksTypes {
     ENERGY = "energy",
     SENESCENCE = "senescence",

package/dist/components/Benefit/Benefit.d.ts

@@ -1,5 +1,4 @@
-import { ReactElement } from 'react';
-
+import type { ReactElement } from 'react';
 export type BenefitProps = {
     title: string;
     description: string;

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,6 @@
-import { default as React, ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
-import { EIconName } from '../Icon';
+import React, { type ElementType, type ButtonHTMLAttributes, type AnchorHTMLAttributes } from 'react';
+import { type EIconName } from '../Icon';
 import { TAnalyticsEvent } from '../../types/analytics';
-
 export type ButtonVariant = 'primary' | 'primary-invert' | 'secondary' | 'tertiary' | 'muted' | 'muted-invert' | 'ghost';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 interface BaseButtonProps {

package/dist/components/Callback/Callback.d.ts

@@ -1,6 +1,5 @@
-import { ButtonProps } from '../Button';
-import { CallbackShape, CallbackSize } from './types';
-
+import { type ButtonProps } from '../Button';
+import type { CallbackShape, CallbackSize } from './types';
 export type CallbackProps = {
     image: string;
     title: string;

package/dist/components/Callback/constants.d.ts

@@ -1,6 +1,5 @@
-import { TypographyVariant } from '../Typography';
-import { CallbackSize } from './types';
-
+import type { TypographyVariant } from '../Typography';
+import type { CallbackSize } from './types';
 export declare const TITLE_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
 export declare const DESC_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
 export declare const PRICE_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;

package/dist/components/Checkbox/Checkbox.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("./assets/checkbox-checkmark.svg.cjs.js"),y=require("./assets/checkbox-dash.svg.cjs.js"),j=require("./assets/checkbox-error.svg.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),e=require("../../src/components/Checkbox/checkbox.module.css"),l=require("../Typography/Typography.cjs.js"),f=({label:n,checkboxSize:i="lg",checkboxVariant:u="default",isError:c=!1,errorText:r,inverted:h=!1,disabled:a,checked:t,className:x,...d})=>{const m=b=>{switch(b){case"default":return s.jsx(p.default,{className:e.icon});case"undetermined":return s.jsx(y.default,{className:e.icon})}};return s.jsxs("label",{className:o.cn(e.root,h&&e.inverted,c&&e.error,a&&e.disabled,x),children:[s.jsx("input",{...d,type:"checkbox",disabled:a,checked:t,className:e.checkbox}),s.jsx("div",{className:o.cn(e.visibleCustomCheckbox,e[i]),children:t&&m(u)}),s.jsx(l.Typography,{defaultVariant:"labelSm",className:e.label,children:n}),c&&!!r&&s.jsxs("div",{className:e.errorTextContainer,children:[s.jsx(j.default,{className:e.errorIcon}),s.jsx(l.Typography,{defaultVariant:"labelSm",className:e.errorText,children:r})]})]})};exports.Checkbox=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),j=require("./assets/checkbox-error.svg.cjs.js"),r=require("../../utils/cn/cn.cjs.js"),e=require("../../src/components/Checkbox/checkbox.module.css"),t=require("../Typography/Typography.cjs.js"),l=require("../Icon/Icon.cjs.js"),i=require("../Icon/constants.cjs.js"),I=({label:m,checkboxSize:u="lg",checkboxVariant:x="default",isError:n=!1,errorText:o,disabled:a,checked:s,className:d,inverted:h,...b})=>{const p=N=>{switch(N){case"default":return c.jsx(l.Icon,{name:i.EIconName.CHECK,className:e.icon});case"undetermined":return c.jsx(l.Icon,{name:i.EIconName.REMOVE,className:e.icon})}},y=r.cn(d,e.root,{[e.error]:n,[e.disabled]:a,[e.inverted]:h});return c.jsxs("label",{className:y,children:[c.jsx("input",{...b,type:"checkbox",disabled:a,checked:s,className:e.checkbox}),c.jsx("div",{className:r.cn(e.visibleCustomCheckbox,e[u]),"data-checked":s,children:s&&p(x)}),c.jsx(t.Typography,{defaultVariant:"labelSm",className:e.label,children:m}),n&&!!o&&c.jsxs("div",{className:e.errorTextContainer,children:[c.jsx(j.default,{className:e.errorIcon}),c.jsx(t.Typography,{defaultVariant:"labelSm",className:e.errorText,children:o})]})]})};exports.Checkbox=I;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-
 export type TCheckboxSize = 'sm' | 'lg';
 export type TCheckboxVariant = 'default' | 'undetermined';
 export interface IBaseCheckboxProps {
@@ -11,4 +10,4 @@ export interface IBaseCheckboxProps {
     inverted?: boolean;
 }
 export type TCheckboxProps = IBaseCheckboxProps & InputHTMLAttributes<HTMLInputElement>;
-export declare const Checkbox: ({ label, checkboxSize, checkboxVariant, isError, errorText, inverted, disabled, checked, className, ...inputProps }: TCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ label, checkboxSize, checkboxVariant, isError, errorText, disabled, checked, className, inverted, ...inputProps }: TCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.es.js

@@ -1,52 +1,44 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import u from "./assets/checkbox-checkmark.svg.es.js";
-import k from "./assets/checkbox-dash.svg.es.js";
-import N from "./assets/checkbox-error.svg.es.js";
-import { cn as t } from "../../utils/cn/cn.es.js";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import k from "./assets/checkbox-error.svg.es.js";
+import { cn as l } from "../../utils/cn/cn.es.js";
 import e from "../../components/Checkbox/checkbox.module.css";
 import { Typography as m } from "../Typography/Typography.es.js";
-const T = ({
-  label: i,
-  checkboxSize: n = "lg",
+import { Icon as n } from "../Icon/Icon.es.js";
+import { EIconName as i } from "../Icon/constants.es.js";
+const j = ({
+  label: d,
+  checkboxSize: f = "lg",
   checkboxVariant: h = "default",
-  isError: a = !1,
-  errorText: o,
-  inverted: b = !1,
-  disabled: c,
-  checked: s,
-  className: d,
-  ...f
+  isError: o = !1,
+  errorText: c,
+  disabled: s,
+  checked: a,
+  className: p,
+  inverted: b,
+  ...N
 }) => {
-  const p = (x) => {
-    switch (x) {
+  const u = (C) => {
+    switch (C) {
       case "default":
-        return /* @__PURE__ */ r(u, { className: e.icon });
+        return /* @__PURE__ */ r(n, { name: i.CHECK, className: e.icon });
       case "undetermined":
-        return /* @__PURE__ */ r(k, { className: e.icon });
+        return /* @__PURE__ */ r(n, { name: i.REMOVE, className: e.icon });
     }
-  };
-  return /* @__PURE__ */ l(
-    "label",
-    {
-      className: t(
-        e.root,
-        b && e.inverted,
-        a && e.error,
-        c && e.disabled,
-        d
-      ),
-      children: [
-        /* @__PURE__ */ r("input", { ...f, type: "checkbox", disabled: c, checked: s, className: e.checkbox }),
-        /* @__PURE__ */ r("div", { className: t(e.visibleCustomCheckbox, e[n]), children: s && p(h) }),
-        /* @__PURE__ */ r(m, { defaultVariant: "labelSm", className: e.label, children: i }),
-        a && !!o && /* @__PURE__ */ l("div", { className: e.errorTextContainer, children: [
-          /* @__PURE__ */ r(N, { className: e.errorIcon }),
-          /* @__PURE__ */ r(m, { defaultVariant: "labelSm", className: e.errorText, children: o })
-        ] })
-      ]
-    }
-  );
+  }, x = l(p, e.root, {
+    [e.error]: o,
+    [e.disabled]: s,
+    [e.inverted]: b
+  });
+  return /* @__PURE__ */ t("label", { className: x, children: [
+    /* @__PURE__ */ r("input", { ...N, type: "checkbox", disabled: s, checked: a, className: e.checkbox }),
+    /* @__PURE__ */ r("div", { className: l(e.visibleCustomCheckbox, e[f]), "data-checked": a, children: a && u(h) }),
+    /* @__PURE__ */ r(m, { defaultVariant: "labelSm", className: e.label, children: d }),
+    o && !!c && /* @__PURE__ */ t("div", { className: e.errorTextContainer, children: [
+      /* @__PURE__ */ r(k, { className: e.errorIcon }),
+      /* @__PURE__ */ r(m, { defaultVariant: "labelSm", className: e.errorText, children: c })
+    ] })
+  ] });
 };
 export {
-  T as Checkbox
+  j as Checkbox
 };

package/dist/components/Checkbox/checkbox.module.css

@@ -28,6 +28,13 @@
     border: var(--border-width-sm) solid var(--border-color-light);
     border-radius: var(--border-radius-xxs);
     cursor: pointer;
+    background-color: var(--color-white);
+    transition: background-color 0.3s, border-color 0.3s;
+}
+
+.visibleCustomCheckbox[data-checked="true"] {
+    background-color: var(--color-black);
+    border-color: var(--color-black);
 }
 
 .errorTextContainer {
@@ -59,6 +66,7 @@
 .icon {
     display: flex;
     width: fit-content;
+    color: var(--color-white);
 }
 
 .sm {
@@ -82,20 +90,23 @@
 .inverted {
     .visibleCustomCheckbox {
         border-color: var(--border-color-alpha-black-10);
-        background-color: var(--color-bg-fill-brand-solar);
+        background-color: var(--color-white);
     }
     .label {
         color: var(--color-text-primary-inverted);
     }
+    .icon {
+        color: var(--color-black)
+    }
 }
 
 .error {
     .visibleCustomCheckbox {
-        border-color: var(--border-color-danger-en);
+        border-color: var(--color-urgent-red-500);
         background-color: var(--color-urgent-red-100);
     }
-    .label {
-        color: var(--color-text-primary);
+    .visibleCustomCheckbox[data-checked="true"] {
+        background-color: var(--color-urgent-red-500);
     }
 }
 

package/dist/components/ClaimBlock/ClaimBlock.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type ClaimBlockProps = {
     value: React.ReactNode;
     valuePrefix?: string;

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts

@@ -1,5 +1,4 @@
 import { TComplexImageCarouselView } from '../types';
-
 export declare const ComplexCarousel: ({ images }: {
     images: TComplexImageCarouselView["images"];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts

@@ -1,3 +1,2 @@
 import { TComplexImageCarouselView } from './types';
-
 export declare const ComplexImageCarousel: ({ view, images }: TComplexImageCarouselView) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts

@@ -1,5 +1,4 @@
 import { TComplexImageCarouselView } from '../types';
-
 export declare const SimpleImageCarousel: ({ images }: {
     images: TComplexImageCarouselView["images"];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/useComplexImageCarousel.d.ts

@@ -1,5 +1,4 @@
 import { TAdvancedImageView } from './types';
-
 export declare const useComplexImageCarousel: ({ images }: {
     images: TAdvancedImageView[];
 }) => {

package/dist/components/ComplexTooltip/ComplexTooltip.d.ts

@@ -1,7 +1,6 @@
-import { ReactElement } from 'react';
-import { PopoverPosition, PositionTransform } from 'react-tiny-popover';
-import { CommonComplexTooltipProps } from './types';
-
+import { type ReactElement } from 'react';
+import { type PopoverPosition, type PositionTransform } from 'react-tiny-popover';
+import type { CommonComplexTooltipProps } from './types';
 type ComplexTooltipProps = {
     children: ReactElement;
     trigger: 'hover' | 'click';

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.d.ts

@@ -1,5 +1,4 @@
-import { CommonComplexTooltipProps } from '../../types';
-
+import type { CommonComplexTooltipProps } from '../../types';
 type ComplexTooltipContentProps = {
     className?: string;
     onMouseEnter?: () => void;

package/dist/components/ComplexTooltip/types.d.ts

@@ -1,5 +1,4 @@
-import { TColorScheme } from '../../types/common';
-
+import type { TColorScheme } from '../../types/common';
 export type CommonComplexTooltipProps = {
     title: string;
     description: string;

package/dist/components/ContentTabs/ContentTabs.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { EIconName } from '../Icon';
-import { TColorScheme } from '../../types/common';
-
+import { type EIconName } from '../Icon';
+import type { TColorScheme } from '../../types/common';
 export type TContentTab = {
     label: string;
     description: ReactNode;

package/dist/components/Cursor/Cursor.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type CursorProps = {
     label: string;
     children: React.ReactNode;

package/dist/components/Cursor/components/ClientCursor.d.ts

@@ -1,3 +1,2 @@
-import { CursorProps } from '../Cursor';
-
+import type { CursorProps } from '../Cursor';
 export declare function ClientCursor({ children, label, colorScheme }: CursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cursor/components/ServerCursor.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export declare const ServerCursor: ({ children }: {
     children: React.ReactNode;
 }) => React.ReactNode;

package/dist/components/FAQComponent/FAQComponent.d.ts

@@ -1,3 +1,2 @@
 import { TFAQComponent } from './types';
-
 export declare const FAQComponent: ({ items, mode, initialActiveIndex }: TFAQComponent) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FAQComponent/types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type TFAQComponent = {
     items: Array<{
         title: string;

package/dist/components/FAQComponentItem/FAQComponentItem.d.ts

@@ -1,3 +1,2 @@
 import { TFAQComponentItem } from './types';
-
 export declare const FAQComponentItem: ({ title, content, isOpen, index, onClick }: TFAQComponentItem) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FAQComponentItem/types.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type TFAQComponentItem = {
     title: string;
     content: ReactNode;

package/dist/components/FilterError/FilterError.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type TFilterError = {
     text: ReactNode;
     onClearAllFilters: () => void;

package/dist/components/FilterMenu/FilterMenu.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 type TOption<T extends string | number> = {
     label: string;
     value: T;

package/dist/components/HighlightCard/HighlightCard.d.ts

@@ -1,5 +1,4 @@
-import { TColorScheme } from '../../types/common';
-
+import type { TColorScheme } from '../../types/common';
 export type HighlightCardProps = {
     image: string;
     eyebrow?: string;

package/dist/components/HighlightedTitle/HighlightedTitle.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
-import { TypographyProps } from '../Typography';
-import { TColorScheme } from '../../types/common';
-
+import type { ReactNode } from 'react';
+import { type TypographyProps } from '../Typography';
+import type { TColorScheme } from '../../types/common';
 type Props = {
     title: ReactNode;
     label?: string;

package/dist/components/Icon/Icon.d.ts

@@ -1,5 +1,4 @@
 import { EIconName } from './constants';
-
 type Props = {
     name: EIconName;
     className?: string;

package/dist/components/Icon/iconsMap.d.ts

@@ -1,4 +1,3 @@
 import { EIconName } from './constants';
 import { ComponentType } from 'react';
-
 export declare const ICON_COMPONENTS: Record<EIconName, ComponentType<any>>;

package/dist/components/IconBracket/IconBracket.d.ts

@@ -1,3 +1,2 @@
 import { TIconBracketProps } from './types';
-
 export declare const IconBracket: ({ colorScheme, size, variant }: TIconBracketProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/IconBracket/types.d.ts

@@ -1,5 +1,4 @@
 import { TColorScheme } from '../../types/common';
-
 export type TIconBracketSize = 'sm' | 'md' | 'lg';
 export type TIconBracketVariant = 'close' | 'plus' | 'arrow' | 'dot';
 export type TIconBracketProps = {

package/dist/components/IconButton/IconButton.d.ts

@@ -1,6 +1,5 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
-import { EIconName } from '../Icon';
-
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType } from 'react';
+import { type EIconName } from '../Icon';
 type ButtonVariant = 'emphasis' | 'emphasis-invert' | 'muted' | 'muted-invert' | 'ghost';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 interface BaseButtonProps {

package/dist/components/ImageGallery/ImageGallery.d.ts

@@ -1,4 +1,3 @@
-
 export type ImageGalleryProps = {
     images: Array<string>;
     label?: string;

package/dist/components/ImageGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 type ImageGalleryPaginationProps = {
     images: string[];
     activeIndex: number;

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -1,5 +1,4 @@
-import { ReactElement, ReactNode, Ref } from 'react';
-
+import { type ReactElement, type ReactNode, type Ref } from 'react';
 export type InfiniteScrollHandle = {
     scrollLeft: () => void;
     scrollRight: () => void;

package/dist/components/Label/Label.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../utils/cn/cn.cjs.js"),e=require("../../src/components/Label/label.module.css"),r={nano:e.labelXs,sm:e.labelXs,lg:e.labelSm},c=({children:l,color:t,size:s="sm",className:a})=>n.jsx("div",{className:o.cn(e.root,e.labelEmphasis,r[s],a),"data-size":s,"data-color":t,children:l});exports.Label=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),e=require("../../src/components/Label/label.module.css"),n={pico:e.labelPico,nano:e.labelXs,sm:e.labelXs,lg:e.labelSm},r=({children:s,color:t,size:l="sm",className:a})=>o.jsx("div",{className:c.cn(e.root,e.labelEmphasis,n[l],a),"data-size":l,"data-color":t,children:s});exports.Label=r;

package/dist/components/Label/Label.d.ts

@@ -1,3 +1,2 @@
-import { LabelProps } from './types';
-
+import type { LabelProps } from './types';
 export declare const Label: ({ children, color, size, className }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Label/Label.es.js

@@ -2,18 +2,19 @@ import { jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn/cn.es.js";
 import o from "../../components/Label/label.module.css";
 const e = {
+  pico: o.labelPico,
   nano: o.labelXs,
   sm: o.labelXs,
   lg: o.labelSm
-}, i = ({ children: l, color: s, size: a = "sm", className: m }) => /* @__PURE__ */ r(
+}, n = ({ children: a, color: s, size: l = "sm", className: m }) => /* @__PURE__ */ r(
   "div",
   {
-    className: t(o.root, o.labelEmphasis, e[a], m),
-    "data-size": a,
+    className: t(o.root, o.labelEmphasis, e[l], m),
+    "data-size": l,
     "data-color": s,
-    children: l
+    children: a
   }
 );
 export {
-  i as Label
+  n as Label
 };

package/dist/components/Label/label.module.css

@@ -22,6 +22,11 @@
     padding: var(--spacing-4) var(--spacing-8);
 }
 
+.root[data-size='pico'] {
+    min-height: 16px;
+    padding: var(--spacing-4) var(--spacing-8);
+}
+
 .root[data-color='black'] {
     background-color: var(--color-bg-fill-primary);
     color: var(--color-text-primary-inverted);
@@ -147,6 +152,15 @@
     font-size: var(--font-size-xxs);
 }
 
+.labelPico {
+    font-family: var(--font-default), sans-serif;
+    line-height: var(--line-height-xs);
+    letter-spacing: var(--letter-spacing-null);
+    font-weight: var(--font-weight-regular);
+    font-style: normal;
+    font-size: var(--font-size-xxxs);
+}
+
 .labelEmphasis {
     font-family: var(--font-decorative), monospace;
     text-transform: uppercase;

package/dist/components/Label/types.d.ts

@@ -1,4 +1,4 @@
-export type LabelSize = 'nano' | 'sm' | 'lg';
+export type LabelSize = 'pico' | 'nano' | 'sm' | 'lg';
 export type LabelColor = 'black' | 'white' | 'grey' | 'alpha-white' | 'sage' | 'indigo' | 'orchre' | 'solar' | 'lilac' | 'success' | 'warning' | 'danger' | 'info' | 'supportive' | 'indigo-gradient' | 'ochre-gradient' | 'solar-gradient' | 'lilac-gradient';
 export type LabelProps = {
     children: string;

package/dist/components/PlainFeaturesGroup/PlainFeaturesGroup.d.ts

@@ -1,6 +1,5 @@
 import { TPlainFeaturesGroupView } from '../../modules/IndividualProductCardV2/types';
 import { EIconName } from '../Icon';
-
 export type TPlainFeaturesGroupProps = {
     items: Array<{
         icon: EIconName;

package/dist/components/PlayButton/PlayButton.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 type PlayButtonProps = {
     inverted?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/components/PriceDisplay/PriceDisplay.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type PriceDisplayProps = {
     description: string;
     prefix?: string;

package/dist/components/Pricing/Pricing.d.ts

@@ -1,3 +1,2 @@
 import { PricingElementView } from './types';
-
 export declare const Pricing: ({ label, price, items, link, button, zenpatientId, element }: PricingElementView) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts

@@ -1,5 +1,4 @@
-import { ETypeBadge } from '../../../TypeBadge';
-
+import { type ETypeBadge } from '../../../TypeBadge';
 type Props = {
     badge: ETypeBadge;
     label: string;

package/dist/components/Pricing/types.d.ts

@@ -1,7 +1,6 @@
-import { ButtonProps } from '../Button';
-import { LabelColor } from '../Label';
-import { ETypeBadge } from '../TypeBadge';
-
+import { type ButtonProps } from '../Button';
+import { type LabelColor } from '../Label';
+import { type ETypeBadge } from '../TypeBadge';
 export type PricingElementView = {
     zenpatientId: string;
     label: {

package/dist/components/ProductGallery/ProductGallery.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { TProductGalleryCardView } from '../ProductGalleryCard';
-
 export type TProductGalleryProps = {
     header: ReactNode;
     slides: Array<TProductGalleryCardView>;

package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts

@@ -1,5 +1,4 @@
-import { TProductGalleryCardView } from './types';
-
+import type { TProductGalleryCardView } from './types';
 type ProductGalleryCardProps = {
     isHoverable?: boolean;
 } & TProductGalleryCardView;

package/dist/components/ProductGalleryCard/types.d.ts

@@ -1,5 +1,4 @@
-import { ButtonProps } from '../Button';
-
+import type { ButtonProps } from '../Button';
 export type TProductGalleryCardView = {
     name: string;
     price: string;