@temp-spotwork/ui 1.4.3

package/dist/components/styles/tool-tip/styles.js

@@ -0,0 +1,5 @@
+const e = "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=instant-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade bg-surface-subduedInverted rounded-[0.25rem] will-change-[transform,opacity]", a = "fill-surface-subduedInverted";
+export {
+  e as toolTipStyles,
+  a as tooltipArrowStyles
+};

package/dist/components/styles/typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Typography } from './typography';
+export { fontSizeMap, type fontSizeKey, textTypeMap, type textTypeKey, fontFamilyMap, type fontFamilyKey, fontWeightMap, type fontWeightKey, styleMap, type StyleMapKey, } from './style';
+export type { TypographyProps } from './typography';

package/dist/components/styles/typography/index.js

@@ -0,0 +1,10 @@
+import { Typography as o } from "./typography.js";
+import { fontFamilyMap as e, fontSizeMap as f, fontWeightMap as r, styleMap as y, textTypeMap as M } from "./style.js";
+export {
+  o as Typography,
+  e as fontFamilyMap,
+  f as fontSizeMap,
+  r as fontWeightMap,
+  y as styleMap,
+  M as textTypeMap
+};

package/dist/components/styles/typography/style.d.ts

@@ -0,0 +1,50 @@
+export declare const fontSizeMap: {
+    largeHeader: string;
+    header: string;
+    title: string;
+    body: string;
+    smallBody: string;
+    xsBody: string;
+};
+export type fontSizeKey = keyof typeof fontSizeMap;
+export declare const textTypeMap: {
+    largeHeader: string;
+    header: string;
+    title: string;
+    body: string;
+    smallBody: string;
+    xsBody: string;
+};
+export type textTypeKey = keyof typeof textTypeMap;
+export declare const fontFamilyMap: {
+    poppins: string;
+    manrope: string;
+};
+export type fontFamilyKey = keyof typeof fontFamilyMap;
+export declare const fontWeightMap: {
+    regular: string;
+    medium: string;
+    bold: string;
+};
+export type fontWeightKey = keyof typeof fontWeightMap;
+export declare const style1 = "font-poppins text-[1.2rem] font-medium leading-[2rem]";
+export declare const style2 = "font-poppins text-[1.2rem] font-semibold leading-[2rem]";
+export declare const style3 = "font-poppins text-[1.4rem] font-medium leading-[2.5rem]";
+export declare const style4 = "font-poppins text-[1.4rem] font-semibold leading-[2.5rem]";
+export declare const style5 = "font-poppins text-[1.6rem] font-medium leading-[2.5rem]";
+export declare const style6 = "font-manrope text-[1.4rem] font-semibold leading-[2.5rem]";
+export declare const style7 = "font-manrope text-[1.6rem] font-semibold leading-[2.5rem]";
+export declare const style8 = "font-manrope text-[2rem] font-semibold leading-[3rem]";
+export declare const style9 = "font-manrope text-[3rem] font-extrabold leading-[4.5rem]";
+export declare const styleMap: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export type StyleMapKey = keyof typeof styleMap;

package/dist/components/styles/typography/style.js

@@ -0,0 +1,48 @@
+const a = {
+  largeHeader: "3rem",
+  header: "2.4rem",
+  title: "1.6rem",
+  body: "1.4rem",
+  smallBody: "1.2rem",
+  xsBody: "1rem"
+}, d = {
+  largeHeader: "p",
+  header: "h1",
+  title: "h2",
+  body: "p",
+  smallBody: "p",
+  xsBody: "p"
+}, i = {
+  poppins: "font-poppins",
+  manrope: "font-manrope"
+}, f = {
+  regular: "font-normal",
+  medium: "font-medium",
+  bold: "font-semibold"
+}, e = "font-poppins text-[1.2rem] font-medium leading-[2rem]", t = "font-poppins text-[1.2rem] font-semibold leading-[2rem]", o = "font-poppins text-[1.4rem] font-medium leading-[2.5rem]", n = "font-poppins text-[1.4rem] font-semibold leading-[2.5rem]", m = "font-poppins text-[1.6rem] font-medium leading-[2.5rem]", r = "font-manrope text-[1.4rem] font-semibold leading-[2.5rem]", s = "font-manrope text-[1.6rem] font-semibold leading-[2.5rem]", l = "font-manrope text-[2rem] font-semibold leading-[3rem]", p = "font-manrope text-[3rem] font-extrabold leading-[4.5rem]", y = {
+  1: e,
+  2: t,
+  3: o,
+  4: n,
+  5: m,
+  6: r,
+  7: s,
+  8: l,
+  9: p
+};
+export {
+  i as fontFamilyMap,
+  a as fontSizeMap,
+  f as fontWeightMap,
+  e as style1,
+  t as style2,
+  o as style3,
+  n as style4,
+  m as style5,
+  r as style6,
+  s as style7,
+  l as style8,
+  p as style9,
+  y as styleMap,
+  d as textTypeMap
+};

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

@@ -0,0 +1,413 @@
+import { default as React } from 'react';
+import { StyleMapKey } from './style';
+import { GlyphColor } from '../colors/colormap';
+
+export type TypographyProps = React.HTMLProps<HTMLParagraphElement> & React.HTMLProps<HTMLHeadingElement> & {
+    /**
+     * a node to be rendered in the special component.
+     */
+    children?: React.ReactNode | string;
+    /**
+     * defined styles (except color), use if it is defined in figma (look to an inspect column), double-check whether the selected style from the StyleMap is suitable.
+     */
+    swStyle?: StyleMapKey;
+    /**
+     * type of a tag
+     */
+    type?: 'largeHeader' | 'header' | 'title' | 'body' | 'smallBody' | 'xsBody';
+    /**
+     * text color
+     */
+    color?: GlyphColor;
+    /**
+     * font weight. Works if swStyle doesn't define
+     */
+    weight?: 'regular' | 'medium' | 'bold';
+    /**
+     * font family. Works if swStyle doesn't define
+     */
+    font?: 'poppins' | 'manrope';
+    /**
+     * line height in rem. Works if swStyle doesn't define
+     */
+    lineHeight?: number;
+    /**
+     * optional classes for Typography. It will add classes to the typography classes and may overwrite them.
+     */
+    className?: string;
+    /**
+     * for rendering html content. The children prop will be ignored if this prop is defined. For render this content uses dangerouslySetInnerHTML and  it is 'sanitized'.
+     */
+    htmlContent?: string;
+};
+export declare function Typography({ children, swStyle, type, weight, font, color, //don't define the default value for this component. Color can be inherited from parent container
+lineHeight, className, htmlContent, ...rest }: TypographyProps): React.DOMElement<{
+    accept?: string | undefined;
+    acceptCharset?: string | undefined;
+    action?: string | undefined | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
+    allowFullScreen?: boolean | undefined;
+    allowTransparency?: boolean | undefined;
+    alt?: string | undefined;
+    as?: string | undefined;
+    async?: boolean | undefined;
+    autoComplete?: string | undefined;
+    autoPlay?: boolean | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    cellPadding?: number | string | undefined;
+    cellSpacing?: number | string | undefined;
+    charSet?: string | undefined;
+    challenge?: string | undefined;
+    checked?: boolean | undefined;
+    cite?: string | undefined;
+    classID?: string | undefined;
+    cols?: number | undefined;
+    colSpan?: number | undefined;
+    controls?: boolean | undefined;
+    coords?: string | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    data?: string | undefined;
+    dateTime?: string | undefined;
+    default?: boolean | undefined;
+    defer?: boolean | undefined;
+    disabled?: boolean | undefined;
+    download?: any;
+    encType?: string | undefined;
+    form?: string | undefined;
+    formAction?: string | undefined | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    frameBorder?: number | string | undefined;
+    headers?: string | undefined;
+    height?: number | string | undefined;
+    high?: number | undefined;
+    href?: string | undefined;
+    hrefLang?: string | undefined;
+    htmlFor?: string | undefined;
+    httpEquiv?: string | undefined;
+    integrity?: string | undefined;
+    keyParams?: string | undefined;
+    keyType?: string | undefined;
+    kind?: string | undefined;
+    label?: string | undefined;
+    list?: string | undefined;
+    loop?: boolean | undefined;
+    low?: number | undefined;
+    manifest?: string | undefined;
+    marginHeight?: number | undefined;
+    marginWidth?: number | undefined;
+    max?: number | string | undefined;
+    maxLength?: number | undefined;
+    media?: string | undefined;
+    mediaGroup?: string | undefined;
+    method?: string | undefined;
+    min?: number | string | undefined;
+    minLength?: number | undefined;
+    multiple?: boolean | undefined;
+    muted?: boolean | undefined;
+    name?: string | undefined;
+    noValidate?: boolean | undefined;
+    open?: boolean | undefined;
+    optimum?: number | undefined;
+    pattern?: string | undefined;
+    placeholder?: string | undefined;
+    playsInline?: boolean | undefined;
+    poster?: string | undefined;
+    preload?: string | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    reversed?: boolean | undefined;
+    rows?: number | undefined;
+    rowSpan?: number | undefined;
+    sandbox?: string | undefined;
+    scope?: string | undefined;
+    scoped?: boolean | undefined;
+    scrolling?: string | undefined;
+    seamless?: boolean | undefined;
+    selected?: boolean | undefined;
+    shape?: string | undefined;
+    size?: number | undefined;
+    sizes?: string | undefined;
+    span?: number | undefined;
+    src?: string | undefined;
+    srcDoc?: string | undefined;
+    srcLang?: string | undefined;
+    srcSet?: string | undefined;
+    start?: number | undefined;
+    step?: number | string | undefined;
+    summary?: string | undefined;
+    target?: string | undefined;
+    useMap?: string | undefined;
+    value?: string | readonly string[] | number | undefined;
+    width?: number | string | undefined;
+    wmode?: string | undefined;
+    wrap?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: (React.ClipboardEventHandler<HTMLParagraphElement> & React.ClipboardEventHandler<HTMLHeadingElement>) | undefined;
+    onCopyCapture?: (React.ClipboardEventHandler<HTMLParagraphElement> & React.ClipboardEventHandler<HTMLHeadingElement>) | undefined;
+    onCut?: (React.ClipboardEventHandler<HTMLParagraphElement> & React.ClipboardEventHandler<HTMLHeadingElement>) | undefined;
+    onCutCapture?: (React.ClipboardEventHandler<HTMLParagraphElement> & React.ClipboardEventHandler<HTMLHeadingElement>) | undefined;
+    onPaste?: (React.ClipboardEventHandler<HTMLParagraphElement> & React.ClipboardEventHandler<HTMLHeadingElement>) | undefined;
+    onPasteCapture?: (React.ClipboardEventHandler<HTMLParagraphElement> & React.ClipboardEventHandler<HTMLHeadingElement>) | undefined;
+    onCompositionEnd?: (React.CompositionEventHandler<HTMLParagraphElement> & React.CompositionEventHandler<HTMLHeadingElement>) | undefined;
+    onCompositionEndCapture?: (React.CompositionEventHandler<HTMLParagraphElement> & React.CompositionEventHandler<HTMLHeadingElement>) | undefined;
+    onCompositionStart?: (React.CompositionEventHandler<HTMLParagraphElement> & React.CompositionEventHandler<HTMLHeadingElement>) | undefined;
+    onCompositionStartCapture?: (React.CompositionEventHandler<HTMLParagraphElement> & React.CompositionEventHandler<HTMLHeadingElement>) | undefined;
+    onCompositionUpdate?: (React.CompositionEventHandler<HTMLParagraphElement> & React.CompositionEventHandler<HTMLHeadingElement>) | undefined;
+    onCompositionUpdateCapture?: (React.CompositionEventHandler<HTMLParagraphElement> & React.CompositionEventHandler<HTMLHeadingElement>) | undefined;
+    onFocus?: (React.FocusEventHandler<HTMLParagraphElement> & React.FocusEventHandler<HTMLHeadingElement>) | undefined;
+    onFocusCapture?: (React.FocusEventHandler<HTMLParagraphElement> & React.FocusEventHandler<HTMLHeadingElement>) | undefined;
+    onBlur?: (React.FocusEventHandler<HTMLParagraphElement> & React.FocusEventHandler<HTMLHeadingElement>) | undefined;
+    onBlurCapture?: (React.FocusEventHandler<HTMLParagraphElement> & React.FocusEventHandler<HTMLHeadingElement>) | undefined;
+    onChange?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onChangeCapture?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onBeforeInput?: (React.InputEventHandler<HTMLParagraphElement> & React.InputEventHandler<HTMLHeadingElement>) | undefined;
+    onBeforeInputCapture?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onInput?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onInputCapture?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onReset?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onResetCapture?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onSubmit?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onSubmitCapture?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onInvalid?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onInvalidCapture?: (React.FormEventHandler<HTMLParagraphElement> & React.FormEventHandler<HTMLHeadingElement>) | undefined;
+    onLoad?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onError?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onErrorCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onKeyDown?: (React.KeyboardEventHandler<HTMLParagraphElement> & React.KeyboardEventHandler<HTMLHeadingElement>) | undefined;
+    onKeyDownCapture?: (React.KeyboardEventHandler<HTMLParagraphElement> & React.KeyboardEventHandler<HTMLHeadingElement>) | undefined;
+    onKeyPress?: (React.KeyboardEventHandler<HTMLParagraphElement> & React.KeyboardEventHandler<HTMLHeadingElement>) | undefined;
+    onKeyPressCapture?: (React.KeyboardEventHandler<HTMLParagraphElement> & React.KeyboardEventHandler<HTMLHeadingElement>) | undefined;
+    onKeyUp?: (React.KeyboardEventHandler<HTMLParagraphElement> & React.KeyboardEventHandler<HTMLHeadingElement>) | undefined;
+    onKeyUpCapture?: (React.KeyboardEventHandler<HTMLParagraphElement> & React.KeyboardEventHandler<HTMLHeadingElement>) | undefined;
+    onAbort?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onAbortCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onCanPlay?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onCanPlayCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onCanPlayThrough?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onCanPlayThroughCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onDurationChange?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onDurationChangeCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onEmptied?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onEmptiedCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onEncrypted?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onEncryptedCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onEnded?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onEndedCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadedData?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadedDataCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadedMetadata?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadedMetadataCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadStart?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onLoadStartCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onPause?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onPauseCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onPlay?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onPlayCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onPlaying?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onPlayingCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onProgress?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onProgressCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onRateChange?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onRateChangeCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSeeked?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSeekedCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSeeking?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSeekingCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onStalled?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onStalledCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSuspend?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSuspendCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onTimeUpdate?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onTimeUpdateCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onVolumeChange?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onVolumeChangeCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onWaiting?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onWaitingCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onAuxClick?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onAuxClickCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onClick?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onClickCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onContextMenu?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onContextMenuCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onDoubleClick?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onDoubleClickCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onDrag?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragEnd?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragEndCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragEnter?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragEnterCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragExit?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragExitCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragLeave?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragLeaveCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragOver?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragOverCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragStart?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDragStartCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDrop?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onDropCapture?: (React.DragEventHandler<HTMLParagraphElement> & React.DragEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseDown?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseDownCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseEnter?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseLeave?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseMove?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseMoveCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseOut?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseOutCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseOver?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseOverCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseUp?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onMouseUpCapture?: (React.MouseEventHandler<HTMLParagraphElement> & React.MouseEventHandler<HTMLHeadingElement>) | undefined;
+    onSelect?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onSelectCapture?: (React.ReactEventHandler<HTMLParagraphElement> & React.ReactEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchCancel?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchCancelCapture?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchEnd?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchEndCapture?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchMove?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchMoveCapture?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchStart?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onTouchStartCapture?: (React.TouchEventHandler<HTMLParagraphElement> & React.TouchEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerDown?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerDownCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerMove?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerMoveCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerUp?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerUpCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerCancel?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerCancelCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerEnter?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerLeave?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerOver?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerOverCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerOut?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onPointerOutCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onGotPointerCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onGotPointerCaptureCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onLostPointerCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onLostPointerCaptureCapture?: (React.PointerEventHandler<HTMLParagraphElement> & React.PointerEventHandler<HTMLHeadingElement>) | undefined;
+    onScroll?: (React.UIEventHandler<HTMLParagraphElement> & React.UIEventHandler<HTMLHeadingElement>) | undefined;
+    onScrollCapture?: (React.UIEventHandler<HTMLParagraphElement> & React.UIEventHandler<HTMLHeadingElement>) | undefined;
+    onWheel?: (React.WheelEventHandler<HTMLParagraphElement> & React.WheelEventHandler<HTMLHeadingElement>) | undefined;
+    onWheelCapture?: (React.WheelEventHandler<HTMLParagraphElement> & React.WheelEventHandler<HTMLHeadingElement>) | undefined;
+    onAnimationStart?: (React.AnimationEventHandler<HTMLParagraphElement> & React.AnimationEventHandler<HTMLHeadingElement>) | undefined;
+    onAnimationStartCapture?: (React.AnimationEventHandler<HTMLParagraphElement> & React.AnimationEventHandler<HTMLHeadingElement>) | undefined;
+    onAnimationEnd?: (React.AnimationEventHandler<HTMLParagraphElement> & React.AnimationEventHandler<HTMLHeadingElement>) | undefined;
+    onAnimationEndCapture?: (React.AnimationEventHandler<HTMLParagraphElement> & React.AnimationEventHandler<HTMLHeadingElement>) | undefined;
+    onAnimationIteration?: (React.AnimationEventHandler<HTMLParagraphElement> & React.AnimationEventHandler<HTMLHeadingElement>) | undefined;
+    onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLParagraphElement> & React.AnimationEventHandler<HTMLHeadingElement>) | undefined;
+    onTransitionEnd?: (React.TransitionEventHandler<HTMLParagraphElement> & React.TransitionEventHandler<HTMLHeadingElement>) | undefined;
+    onTransitionEndCapture?: (React.TransitionEventHandler<HTMLParagraphElement> & React.TransitionEventHandler<HTMLHeadingElement>) | undefined;
+    ref?: ((string | ((instance: HTMLParagraphElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLParagraphElement>) & (string | ((instance: HTMLHeadingElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHeadingElement>)) | null | undefined;
+    key?: React.Key | null | undefined;
+    children: React.ReactNode;
+    className: string;
+}, HTMLParagraphElement & HTMLHeadingElement>;

package/dist/components/styles/typography/typography.js

@@ -0,0 +1,59 @@
+import { createElement as f } from "react";
+import { p as l } from "../../../purify.es-eYFoHPwR.js";
+import { styleMap as y, fontFamilyMap as T, fontWeightMap as L, fontSizeMap as d, textTypeMap as s } from "./style.js";
+import { glyphClassesMap as $ } from "../colors/colormap.js";
+function E({
+  children: a,
+  swStyle: t,
+  type: o = "body",
+  weight: u = "medium",
+  font: M = "poppins",
+  color: r = "default",
+  //don't define the default value for this component. Color can be inherited from parent container
+  lineHeight: e,
+  className: p,
+  htmlContent: m,
+  ...n
+  // for passing the standard props and data-testid to the component
+}) {
+  const i = t ? `
+      ${y[t]}
+      ${$[r]}
+      ${p || ""}
+    ` : `
+      ${T[M]}
+      ${L[u]}
+      text-[${d[o]}] 
+      ${$[r]}
+      ${e ? `leading-[${e}rem]` : ""}
+      ${p || ""}
+    `;
+  return m ? f(
+    s[o],
+    {
+      className: i,
+      dangerouslySetInnerHTML: {
+        __html: l.sanitize(m, {
+          ALLOWED_TAGS: ["span"],
+          ALLOWED_ATTR: ["class"]
+        })
+      },
+      // Sanitize and render HTML content
+      children: a,
+      ...n
+    },
+    null
+    // No need for children when using dangerouslySetInnerHTML
+  ) : f(
+    s[o],
+    {
+      children: a,
+      className: i,
+      ...n
+    },
+    a
+  );
+}
+export {
+  E as Typography
+};

package/dist/constants-BfMb81ht.js

@@ -0,0 +1,8 @@
+const s = 6048e5, n = 864e5, o = 6e4, c = 36e5, i = 1e3;
+export {
+  n as a,
+  s as b,
+  c,
+  i as d,
+  o as m
+};