@edvisor/product-language 0.3.0 → 0.4.0

package/lib/components/alert-banner/alert-banner.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from '@helpers';
+import { AlertLevelProps } from './alert-level-flags';
+interface IAlertBannerProps extends PropsWithChildren {
+    /** @TODO can we get some examples of alert banner in card from figma? */
+    inCard?: boolean;
+    dismissible?: boolean;
+    className?: string;
+}
+export declare type AlertBannerProps = IAlertBannerProps & AlertLevelProps;
+export declare const AlertBanner: FC<AlertBannerProps>;
+export {};

package/lib/components/alert-banner/alert-level-flags.d.ts

@@ -0,0 +1,13 @@
+import { Hex, MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum AlertLevel {
+    neutral = 1,
+    info = 2,
+    success = 4,
+    warning = 8,
+    critical = 16
+}
+declare type AlertLevels<T> = MappedEnum<typeof AlertLevel, T>;
+export declare type AlertLevelProps = Partial<RequireOnlyOne<AlertLevels<boolean>>> & PropsWithChildren;
+export declare function getBackgroundColor(props: AlertLevelProps): Hex;
+export declare function getBorderColor(props: AlertLevelProps): Hex;
+export {};

package/lib/components/alert-banner/index.d.ts

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

package/lib/components/badge/badge-type-flags.d.ts

@@ -0,0 +1,18 @@
+import { Hex, PropsWithChildren } from '@helpers';
+declare const enum BadgeType {
+    neutral = 1,
+    info = 2,
+    success = 4,
+    warning = 8,
+    critical = 16
+}
+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;
+};
+declare type BadgeTypes<T> = MappedEnum<typeof BadgeType, T>;
+export declare type BadgeTypeProps = Partial<RequireOnlyOne<BadgeTypes<boolean>>> & PropsWithChildren;
+export declare function getColor(props: BadgeTypeProps): Hex;
+export {};

package/lib/components/badge/badge.d.ts

@@ -0,0 +1,5 @@
+import { BadgeTypeProps } from './badge-type-flags';
+import { FC, PropsWithChildren } from '@helpers';
+declare type IBadgeProps = BadgeTypeProps & PropsWithChildren;
+export declare const Badge: FC<IBadgeProps>;
+export {};

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

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

package/{src/lib/components/card/atoms/card-frame.tsx → lib/components/card/atoms/card-frame.d.ts}

@@ -1,17 +1,7 @@
-
-import styled from 'styled-components'
-import { Surface, Margin } from '@foundations'
-
-/** this is the frame that is used to implement the Card component 
- * importantly it does not have any padding, which means it can be
- * used to implement a broader range of components than just the card.
- * 
- * We might use it to implement the AlertBanner, or put a table in it.
-*/
-export const CardFrame = styled.section`
-  background: ${Surface.Default.Default};
-  max-width: 1024px;
-
-  border-radius: 6px;
-  margin-bottom: ${Margin.m};
-`
+/** this is the frame that is used to implement the Card component
+ * importantly it does not have any padding, which means it can be
+ * used to implement a broader range of components than just the card.
+ *
+ * We might use it to implement the AlertBanner, or put a table in it.
+*/
+export declare const CardFrame: import("styled-components").StyledComponent<"section", any, {}, never>;

package/lib/components/card/atoms/index.d.ts

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

package/lib/components/card/card.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from '@helpers';
+import { CardAlertBannerSlot, CardControlsSlot, CardHeadingActionSlot, CardSectionSlot } from './components';
+import { HTMLAttributes } from 'react';
+export interface ICardProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
+    heading?: string;
+}
+declare const SubComponents: {
+    Section: typeof CardSectionSlot;
+    Controls: typeof CardControlsSlot;
+    HeadingAction: typeof CardHeadingActionSlot;
+    AlertBanner: typeof CardAlertBannerSlot;
+};
+export declare const Card: FC<ICardProps, typeof SubComponents>;
+export {};

package/lib/components/card/components/card-alert-banner-slot.d.ts

@@ -0,0 +1,5 @@
+import { Slot } from '@helpers';
+import { AlertBannerProps } from 'components/alert-banner';
+export declare class CardAlertBannerSlot extends Slot<AlertBannerProps> {
+    render(): JSX.Element;
+}

package/lib/components/card/components/card-controls-slot.d.ts

@@ -0,0 +1,4 @@
+import { Slot, PropsWithChildren } from '@helpers';
+export declare class CardControlsSlot extends Slot<PropsWithChildren> {
+    render(): JSX.Element;
+}

package/lib/components/card/components/card-section-slot.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+import { Slot, PropsWithChildren } from '@helpers';
+export declare class CardHeadingActionSlot extends Slot {
+}
+interface ICardSectionProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
+    heading?: string;
+}
+export declare class CardSectionSlot extends Slot<ICardSectionProps> {
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,3 @@
+export * from './card-alert-banner-slot';
+export * from './card-controls-slot';
+export * from './card-section-slot';

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

@@ -0,0 +1,2 @@
+export * from './card';
+export * from './molecules/left-right-card';

package/lib/components/card/molecules/index.d.ts

@@ -0,0 +1 @@
+export * from './left-right-card';

package/lib/components/card/molecules/left-right-card.d.ts

@@ -0,0 +1,16 @@
+import { FC, Slot } from '@helpers';
+import { ICardProps } from '../card';
+declare class Right extends Slot {
+}
+declare class Controls extends Slot {
+}
+declare type SubComponents = {
+    Right: typeof Right;
+    Controls: typeof Controls;
+};
+interface ILeftRightCardProps extends ICardProps {
+    helpText?: string;
+    className?: string;
+}
+export declare const LeftRightCard: FC<ILeftRightCardProps, SubComponents>;
+export {};

package/lib/components/checkbox/checkbox.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from 'react';
+import { FC } from '@helpers';
+export interface ICheckboxProps {
+    disabled?: boolean;
+    checked?: boolean;
+    error?: boolean;
+    className?: string;
+}
+export declare type IProps = ICheckboxProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const Checkbox: FC<IProps>;

package/lib/components/checkbox/helpers.d.ts

@@ -0,0 +1,12 @@
+export declare const getHoverStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    checked?: boolean | undefined;
+}, any>>;
+export declare const getDisabledStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    checked?: boolean | undefined;
+}, any>>;
+export declare const getDefaultStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    checked?: boolean | undefined;
+}, any>>;
+export declare const getInvalidStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    checked?: boolean | undefined;
+}, any>>;

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

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

package/lib/components/divider/divider-type-flags.d.ts

@@ -0,0 +1,9 @@
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum DividerType {
+    default = 1,
+    subdued = 2
+}
+declare type DividerTypes<T> = MappedEnum<typeof DividerType, T>;
+export declare type DivideTypeProps = Partial<RequireOnlyOne<DividerTypes<boolean>>> & PropsWithChildren;
+export declare function getColor(props: DivideTypeProps): string;
+export {};

package/lib/components/divider/divider.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@helpers';
+import { DivideTypeProps } from './divider-type-flags';
+declare type IProps = {
+    className?: string;
+} & DivideTypeProps;
+export declare const Divider: FC<IProps>;
+export {};

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

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

package/lib/components/flag/flag-size-flags.d.ts

@@ -0,0 +1,12 @@
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+export declare const enum FlagSize {
+    small = 1,
+    medium = 2,
+    large = 4
+}
+declare type FlagSizes<T> = MappedEnum<typeof FlagSize, T>;
+export declare type FlagProps = Partial<RequireOnlyOne<FlagSizes<boolean>>> & PropsWithChildren;
+export declare function getHeigthBySize(props: FlagProps): string;
+export declare function getWidthBySize(props: FlagProps): string;
+export declare function getFlagSize(props: FlagProps): FlagSize;
+export {};

package/lib/components/flag/flag.d.ts

@@ -0,0 +1,9 @@
+import { FC } from '@helpers';
+import { HTMLAttributes } from 'react';
+import { FlagProps } from './flag-size-flags';
+import { CountryCodes } from './flag.list';
+interface IFlagProperties extends HTMLAttributes<SVGElement> {
+    code: CountryCodes;
+}
+export declare const Flag: FC<IFlagProperties & FlagProps>;
+export {};