@edvisor/product-language 0.10.2 → 0.10.3

package/lib/components/tree-view/types.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+export interface INode {
+    label: string;
+    value: string;
+    helpfulMessage?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    children?: INode[];
+}
+export interface IFlattenNode extends INode {
+    parent?: INode;
+    isChild: boolean;
+    isParent: boolean;
+    isLeaf: boolean;
+    treeDepth: number;
+    index: number;
+    checked: boolean;
+    checkState: number;
+    expanded: boolean;
+}
+export interface ITreeViewProps {
+    checkedList: string[];
+    nodes: INode[];
+    expanded?: string[];
+    className?: string;
+    title?: string;
+    useCardContainer?: boolean;
+    showChildCount?: boolean;
+    expandDisabled?: boolean;
+    onCheck: (checked: string[], node?: ICheckNode) => void;
+    onClick?: (node: ICheckNode) => void;
+    onExpand?: (expanded: string[], node?: IExpandNode) => void;
+}
+export interface ITreeNode {
+    checkState: number;
+    disabled: boolean;
+    expanded: boolean;
+    isParent: boolean;
+    isLeaf: boolean;
+    expandDisabled: boolean;
+    label: string;
+    value: string;
+    children: ReactNode;
+    treeId: string;
+    invalid: boolean;
+    childCount: number;
+    showChildCount: boolean;
+    helpfulMessage?: string;
+    onCheck: (node: ICheckNode) => void;
+    onClick: (node: ICheckNode) => void;
+    onExpand: (node: IExpandNode) => void;
+}
+export interface ICheckNode extends INode {
+    checked: boolean;
+}
+export interface IExpandNode extends INode {
+    expanded: boolean;
+}
+export declare enum CheckboxState {
+    UNCHECKED = 0,
+    CHECKED = 1,
+    INDETERMINATE = 2
+}

package/lib/components/typography/index.d.ts

@@ -0,0 +1 @@
+export * from './typography';

package/lib/components/typography/typography.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+import { IBodyProps, ILabelProps } from '@foundations';
+import { FC, PropsWithChildren } from '@helpers';
+import { ITextAspectProps, ITransientTextAspectProps } from 'foundations/typography/text-aspect-flags';
+export declare type ITextComponentProps = ITextAspectProps & {
+    emphasis?: boolean;
+} & HTMLAttributes<HTMLElement> & PropsWithChildren;
+declare type ITransientTextComponentProps = ITransientTextAspectProps & {
+    $emphasis?: boolean;
+} & HTMLAttributes<HTMLElement>;
+export declare const Display: FC<ITextComponentProps>;
+export declare const Heading1: FC<ITextComponentProps>;
+export declare const Heading2: FC<ITextComponentProps>;
+export declare const Heading3: FC<ITextComponentProps>;
+export declare const Heading4: FC<ITextComponentProps>;
+export declare const BODY_LARGE: import("styled-components").StyledComponent<"div", any, {} & (ITransientTextComponentProps & IBodyProps), never>;
+export declare const BodyLarge: FC<ITextComponentProps & IBodyProps>;
+export declare const BODY: import("styled-components").StyledComponent<"div", any, {} & (ITransientTextComponentProps & IBodyProps), never>;
+export declare const Body: FC<ITextComponentProps & IBodyProps>;
+export declare const CAPTION: import("styled-components").StyledComponent<"div", any, {} & ITransientTextComponentProps, never>;
+export declare const Caption: FC<ITextComponentProps>;
+export declare const LABEL: import("styled-components").StyledComponent<"div", any, {} & (ITransientTextComponentProps & ILabelProps), never>;
+export declare const Label: FC<ITextComponentProps & ILabelProps>;
+export {};

package/lib/foundations/color-system/base-palette/base-palette.d.ts

@@ -0,0 +1,76 @@
+import { Hex } from '@helpers';
+export declare type ColorPalette = {
+    [key in string]: Hex;
+};
+export declare const WHITE: "#FFFFFF";
+export declare const BLACK: "#000000";
+export declare const GRAY: {
+    readonly 50: "#F9FAFB";
+    readonly 100: "#F3F4F6";
+    readonly 200: "#E5E7EB";
+    readonly 300: "#D1D5DB";
+    readonly 400: "#9CA3AF";
+    readonly 500: "#6B7280";
+    readonly 600: "#46505D";
+    readonly 700: "#374151";
+    readonly 800: "#1F2937";
+    readonly 900: "#111827";
+};
+export declare const BLUE: {
+    readonly 50: "#F0F6FF";
+    readonly 100: "#DBEAFE";
+    readonly 200: "#BFDBFE";
+    readonly 300: "#93C5FD";
+    readonly 400: "#60A5FA";
+    readonly 500: "#3B82F6";
+    readonly 600: "#2563EB";
+    readonly 700: "#1D4ED8";
+    readonly 800: "#1E40AF";
+    readonly 900: "#1E3A8A";
+};
+export declare const GREEN: {
+    readonly 50: "#F1FEF8";
+    readonly 100: "#D1FAE5";
+    readonly 200: "#A7F3D0";
+    readonly 300: "#6EE7B7";
+    readonly 400: "#34D399";
+    readonly 500: "#10B981";
+    readonly 600: "#059669";
+    readonly 700: "#047857";
+    readonly 800: "#065F46";
+    readonly 900: "#064E3B";
+};
+export declare const ORANGE: {
+    readonly 50: "#FFFAF5";
+    readonly 100: "#FFEDD5";
+    readonly 200: "#FED7AA";
+    readonly 300: "#FDBA74";
+    readonly 400: "#FB923C";
+    readonly 500: "#F97316";
+    readonly 600: "#EA580C";
+    readonly 700: "#C2410C";
+    readonly 800: "#9A3412";
+    readonly 900: "#7C2D12";
+};
+export declare const RED: {
+    readonly 50: "#FEF6F6";
+    readonly 100: "#FEE2E2";
+    readonly 200: "#FECACA";
+    readonly 300: "#FCA5A5";
+    readonly 400: "#F87171";
+    readonly 500: "#EF4444";
+    readonly 600: "#DC2626";
+    readonly 700: "#B91C1C";
+    readonly 800: "#991B1B";
+    readonly 900: "#7F1D1D";
+};
+export declare const SHADES: {
+    readonly White: "#FFFFFF";
+    readonly Black: "#000000";
+};
+export declare const BRAND: {
+    readonly Brand: "#0792D4";
+};
+declare type ValuesOf<T> = T[keyof T];
+export declare type COLOR = ValuesOf<typeof BRAND> | ValuesOf<typeof BLUE> | ValuesOf<typeof SHADES> | ValuesOf<typeof RED> | ValuesOf<typeof ORANGE> | ValuesOf<typeof GREEN> | ValuesOf<typeof GRAY>;
+export {};

package/lib/foundations/color-system/base-palette/index.d.ts

@@ -0,0 +1 @@
+export * from './base-palette';

package/lib/foundations/color-system/color-guidelines/color-guidelines.d.ts

@@ -0,0 +1,133 @@
+export declare const Background: {
+    readonly Default: "#F3F4F6";
+    readonly Overlay: `#${string}`;
+};
+export declare const Surface: {
+    Default: {
+        Default: "#FFFFFF";
+        Subdued: "#F9FAFB";
+        Hover: "#F3F4F6";
+        Pressed: "#E5E7EB";
+        Depressed: "#E5E7EB";
+        Inverse: "#1F2937";
+    };
+    Selected: {
+        Default: "#F0F6FF";
+        Hover: "#DBEAFE";
+        Pressed: "#BFDBFE";
+    };
+    Critical: {
+        Default: "#FECACA";
+        Subdued: "#FEF6F6";
+        Hover: "#FEF6F6";
+        Pressed: "#FEE2E2";
+    };
+    Warning: {
+        Default: "#FED7AA";
+        Subdued: "#FFFAF5";
+    };
+    Success: {
+        Default: "#A7F3D0";
+        Subdued: "#F1FEF8";
+        Depressed: "#10B981";
+    };
+    Highlight: {
+        Default: "#BFDBFE";
+        Subdued: "#F0F6FF";
+    };
+    Neutral: {
+        Default: "#E5E7EB";
+        Subdued: "#F3F4F6";
+        Hover: "#D1D5DB";
+        Pressed: "#9CA3AF";
+    };
+};
+export declare const Borders: {
+    Default: {
+        Default: "#D1D5DB";
+        Subdued: "#E5E7EB";
+        Light: "#FFFFFF";
+        Dark: "#9CA3AF";
+    };
+    Critical: {
+        Default: "#DC2626";
+        Subdued: "#FCA5A5";
+    };
+    Warning: {
+        Subdued: "#FDBA74";
+    };
+    Success: {
+        Subdued: "#6EE7B7";
+    };
+    Highlight: {
+        Default: "#2563EB";
+        Subdued: "#93C5FD";
+    };
+};
+export declare const Focused: {
+    Default: "#60A5FA";
+};
+export declare const Text: {
+    Default: "#1F2937";
+    Subdued: "#6B7280";
+    Light: "#9CA3AF";
+    Critical: "#DC2626";
+    Success: "#059669";
+    OnPrimary: "#FFFFFF";
+    OnCritical: "#FFFFFF";
+};
+export declare const Icons: {
+    Default: "#6B7280";
+    Subdued: "#9CA3AF";
+    Hover: "#1F2937";
+    Pressed: "#46505D";
+    Disabled: "#D1D5DB";
+    Critical: "#DC2626";
+    Warning: "#F97316";
+    Success: "#059669";
+    Highlight: "#2563EB";
+    OnPrimary: "#FFFFFF";
+    OnCritical: "#FFFFFF";
+};
+export declare const Interactive: {
+    Default: {
+        Default: "#2563EB";
+        Hover: "#1E40AF";
+        Pressed: "#1E40AF";
+        Disabled: "#9CA3AF";
+    };
+    Subtle: {
+        Default: "#1F2937";
+        Hover: "#1F2937";
+        Pressed: "#1F2937";
+        Disabled: "#9CA3AF";
+    };
+};
+export declare const Actions: {
+    Primary: {
+        Default: "#2563EB";
+        Hover: "#1D4ED8";
+        Pressed: "#1E40AF";
+        Depressed: "#1E3A8A";
+        Disabled: `#${string}`;
+    };
+    Secondary: {
+        Default: "#FFFFFF";
+        Hover: `#${string}`;
+        Pressed: `#${string}`;
+        Depressed: "#6B7280";
+        Disabled: `#${string}`;
+    };
+    Critical: {
+        Default: "#DC2626";
+        Hover: "#B91C1C";
+        Pressed: "#991B1B";
+        Disabled: `#${string}`;
+    };
+    SecondaryCritical: {
+        Default: "#FFFFFF";
+        Hover: "#B91C1C";
+        Pressed: "#991B1B";
+        Disabled: `#${string}`;
+    };
+};

package/lib/foundations/color-system/color-guidelines/index.d.ts

@@ -0,0 +1 @@
+export * from './color-guidelines';

package/lib/foundations/color-system/components/color-sample.d.ts

@@ -0,0 +1,17 @@
+import { FC, Hex } from '@helpers';
+interface IColorRectangleProps {
+    name: string;
+    hex: Hex;
+    border?: Hex;
+}
+export declare const ColorRectangle: FC<IColorRectangleProps>;
+interface IColorSquareProps {
+    name: string;
+    colorId: string;
+    hex: Hex;
+    /** if true the color will only show in the border
+     * rather than as a fill color */
+    border?: Hex;
+}
+export declare const ColorSquare: FC<IColorSquareProps>;
+export {};

package/lib/foundations/color-system/components/index.d.ts

@@ -0,0 +1 @@
+export * from './color-sample';

package/lib/foundations/color-system/index.d.ts

@@ -0,0 +1 @@
+export * from './color-guidelines';

package/lib/foundations/index.d.ts

@@ -0,0 +1,4 @@
+export * from './color-system';
+export * from './typography';
+export * from './spacing';
+export * from './shadows';

package/lib/foundations/shadows/components.d.ts

@@ -0,0 +1,8 @@
+declare const ShadowSm: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Shadow: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const ShadowMd: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const ShadowLg: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const ShadowXl: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Shadow2Xl: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const ShadowInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { ShadowSm, Shadow, ShadowLg, ShadowMd, ShadowXl, Shadow2Xl, ShadowInner, };

package/lib/foundations/shadows/index.d.ts

@@ -0,0 +1 @@
+export * from './shadows';

package/lib/foundations/shadows/shadows.d.ts

@@ -0,0 +1,8 @@
+declare const shadowSm: import("styled-components").FlattenSimpleInterpolation;
+declare const shadow: import("styled-components").FlattenSimpleInterpolation;
+declare const shadowMd: import("styled-components").FlattenSimpleInterpolation;
+declare const shadowLg: import("styled-components").FlattenSimpleInterpolation;
+declare const shadowXl: import("styled-components").FlattenSimpleInterpolation;
+declare const shadow2Xl: import("styled-components").FlattenSimpleInterpolation;
+declare const shadowInner: import("styled-components").FlattenSimpleInterpolation;
+export { shadowSm, shadow, shadowMd, shadowLg, shadowXl, shadow2Xl, shadowInner, };

package/lib/foundations/spacing/index.d.ts

@@ -0,0 +1 @@
+export * from './spacing-guidelines';

package/lib/foundations/spacing/spacing-guidelines.d.ts

@@ -0,0 +1,33 @@
+import { SPACING } from './spacing';
+export declare const Padding: {
+    readonly none: 0;
+    readonly xxxs: SPACING.Size2;
+    readonly xxs: SPACING.Size4;
+    readonly xs: SPACING.Size8;
+    readonly s: SPACING.Size12;
+    readonly m: SPACING.Size16;
+    readonly l: SPACING.Size24;
+    readonly xl: SPACING.Size32;
+};
+export declare const Margin: {
+    readonly none: 0;
+    readonly xxxs: SPACING.Size2;
+    readonly xxs: SPACING.Size4;
+    readonly xs: SPACING.Size8;
+    readonly s: SPACING.Size12;
+    readonly m: SPACING.Size16;
+    readonly l: SPACING.Size24;
+    readonly xl: SPACING.Size32;
+    readonly xxl: SPACING.Size64;
+};
+export declare const Gap: {
+    readonly none: 0;
+    readonly xxxs: SPACING.Size2;
+    readonly xxs: SPACING.Size4;
+    readonly xs: SPACING.Size8;
+    readonly s: SPACING.Size12;
+    readonly m: SPACING.Size16;
+    readonly l: SPACING.Size24;
+    readonly xl: SPACING.Size32;
+    readonly xxl: SPACING.Size64;
+};

package/lib/foundations/spacing/spacing.d.ts

@@ -0,0 +1,18 @@
+export declare enum SPACING {
+    Size2 = "2px",
+    Size4 = "4px",
+    Size8 = "8px",
+    Size12 = "12px",
+    Size16 = "16px",
+    Size24 = "24px",
+    Size32 = "32px",
+    Size64 = "64px",
+    Size96 = "96px",
+    Size128 = "128px",
+    Size192 = "192px",
+    Size256 = "256px",
+    Size384 = "384px",
+    Size512 = "512px",
+    Size640 = "640px",
+    Size768 = "768px"
+}

package/lib/foundations/typography/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const enum FontWeight {
+    Regular = "400",
+    Medium = "500",
+    SemiBold = "600"
+}
+export declare const FontSize: {
+    readonly a: "13px";
+    readonly b: "14px";
+    readonly c: "16px";
+    readonly d: "18px";
+    readonly e: "20px";
+    readonly f: "28px";
+    readonly g: "36px";
+};
+export declare const LineHeight: {
+    readonly a: "16px";
+    readonly b: "20px";
+    readonly c: "24px";
+    readonly d: "28px";
+    readonly e: "32px";
+    readonly f: "44px";
+};

package/lib/foundations/typography/fonts.d.ts

@@ -0,0 +1 @@
+export declare const InterFontFace = "\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n    U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n    U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 300;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n    format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n    U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n    U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n    U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 400;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n    format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n    U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n    U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n    U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n    format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-weight: 500;\n  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n    format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n    U+2215, U+FEFF, U+FFFD;\n}\n";

package/lib/foundations/typography/index.d.ts

@@ -0,0 +1 @@
+export * from './typography';

package/lib/foundations/typography/text-aspect-flags.d.ts

@@ -0,0 +1,19 @@
+import { MappedEnum, PropsWithChildren, RequireOnlyOne } from '@helpers';
+export declare const enum TextAspects {
+    default = 1,
+    subdued = 2,
+    light = 4,
+    critical = 8,
+    success = 16,
+    onPrimary = 32,
+    onCritical = 64
+}
+declare type TextOptions<T> = MappedEnum<typeof TextAspects, T>;
+export declare type ITextAspectProps = Partial<RequireOnlyOne<TextOptions<boolean>>> & PropsWithChildren;
+export declare type TransientTextOptions = Omit<TextOptions<boolean>, 'onCritical' | 'onPrimary'> & {
+    $onCritical?: boolean;
+    $onPrimary?: boolean;
+};
+export declare type ITransientTextAspectProps = Partial<RequireOnlyOne<TransientTextOptions>> & PropsWithChildren;
+export declare function getTextAspect(props: ITextAspectProps & ITransientTextAspectProps): "#9CA3AF" | "#6B7280" | "#1F2937" | "#DC2626" | "#059669" | "#FFFFFF";
+export {};

package/lib/foundations/typography/typography.d.ts

@@ -0,0 +1,24 @@
+import { ITransientTextAspectProps } from './text-aspect-flags';
+export declare type ILabelProps = ITransientTextAspectProps & {
+    default?: boolean;
+    subtle?: boolean;
+    strong?: boolean;
+};
+export declare type IBodyProps = ITransientTextAspectProps & {
+    default?: boolean;
+    strong?: boolean;
+};
+export declare const Typography: {
+    Display: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading1: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading2: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading3: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Heading4: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Body: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IBodyProps, any>>;
+    BodyLarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IBodyProps, any>>;
+    Caption: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
+    Label: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ILabelProps, any>>;
+};
+export declare const _Typography: {
+    LightText: import("styled-components").FlattenSimpleInterpolation;
+};

package/lib/helpers/generic-types.d.ts

@@ -0,0 +1,21 @@
+import { FC as FunctionComponent, ForwardRefExoticComponent, ForwardRefRenderFunction, PropsWithChildren as PWC, PropsWithoutRef, RefAttributes } from 'react';
+import { Slot } from './slots';
+/** @see https://stackoverflow.com/a/49725198/29182 */
+export declare type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
+    [K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
+}[Keys];
+export declare type MappedEnum<E, T> = {
+    [key in keyof E]: T;
+};
+export declare type Values<T> = T[keyof T];
+export declare type PropsWithChildren<T = unknown> = PWC<T>;
+export declare type FC<P = {}, E extends {
+    [x: symbol]: FunctionComponent<PropsWithChildren> | typeof Slot;
+} = {}> = FunctionComponent<P> & {
+    [key in keyof E]: E[key];
+};
+declare type ExtensibleForwardRef<T, P = {}, E = {}> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
+    [key in keyof E]: E[key];
+};
+export declare function forwardRef<T, P = {}, E = {}>(render: ForwardRefRenderFunction<T, P>): ExtensibleForwardRef<T, P, E>;
+export {};

package/lib/helpers/index.d.ts

@@ -0,0 +1,8 @@
+export * from './safe-navigation';
+export * from './slots';
+export * from './generic-types';
+export * from './numbers';
+export * from './nothing';
+export * from './strings';
+export * from './isReactElementOfType';
+export * from './useInputElementState';

package/lib/helpers/isReactElementOfType.d.ts

@@ -0,0 +1,8 @@
+import { PureComponent, ReactElement } from 'react';
+import { StyledComponent } from 'styled-components';
+import { FC } from './generic-types';
+export declare const isReactElementOfType: <P extends {
+    children?: import("react").ReactNode;
+}>(component: (FC<P, {}> | typeof PureComponent | StyledComponent<FC<P, {}>, any, {}, never>) & {
+    target?: any;
+}) => (element?: any) => element is ReactElement<P, string | import("react").JSXElementConstructor<any>>;

package/lib/helpers/nothing.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FC, PropsWithChildren } from './generic-types';
+export declare const Nothing: FC;
+export declare const isNothing: (element?: any) => element is import("react").ReactElement<{}, string | import("react").JSXElementConstructor<any>>;
+export declare function maybeRender<T>(prop: T, JSX: JSX.Element): JSX.Element;
+interface IIfProps {
+    is: unknown;
+}
+export declare const If: FC<PropsWithChildren<IIfProps>>;
+export {};