@livechat/design-system-react-components 1.16.4 → 1.16.6

package/dist/stories/components/Table/Table.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+type BasicTableData = Record<string, unknown> & {
+    enum: string | number;
+    token: string;
+    deprecated?: boolean;
+};
+interface ITable {
+    data: BasicTableData[];
+    columnNames: string[];
+    renderExample?: (token: string) => React.ReactNode;
+}
+export declare const Table: React.FC<ITable>;
+export {};

package/dist/stories/foundations/Color/ColorTable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ColorShape } from './types';
+interface IColorTableProps {
+    data: ColorShape[];
+}
+export declare const ColorTable: React.FC<IColorTableProps>;
+export {};

package/dist/stories/foundations/Color/constants.d.ts

@@ -0,0 +1,2 @@
+import { ColorShape } from './types';
+export declare const ColorsTokens: ColorShape[];

package/dist/stories/foundations/Color/data.d.ts

@@ -0,0 +1,7 @@
+import { DesignTokenKey } from '../../../foundations/design-token';
+import { ColorGroup } from './types';
+export declare const ColorsData: Record<DesignTokenKey, {
+    group: ColorGroup;
+    desc: string;
+    deprecated?: boolean;
+}>;

package/dist/stories/foundations/Color/helpers.d.ts

@@ -0,0 +1,2 @@
+import { ColorGroup, ColorShape } from './types';
+export declare const getColorsByGroup: (group: ColorGroup) => ColorShape[];

package/dist/stories/foundations/Color/types.d.ts

@@ -0,0 +1,43 @@
+import { DesignTokenKey } from '../../../foundations/design-token';
+export declare enum ColorGroup {
+    ContentBasic = 0,
+    ContentGradient = 1,
+    ContentInvert = 2,
+    ContentLocked = 3,
+    SurfacePrimary = 4,
+    SurfaceSecondary = 5,
+    SurfaceTertiary = 6,
+    SurfaceModerate = 7,
+    SurfaceInvert = 8,
+    SurfaceAccentEmphasisHigh = 9,
+    SurfaceAccentEmphasisLow = 10,
+    SurfaceAccentEmphasisMin = 11,
+    SurfaceAccentEmphasisMedium = 12,
+    SurfaceLocked = 13,
+    SurfaceOther = 14,
+    SurfaceAvatar = 15,
+    SurfaceGradient = 16,
+    Background = 17,
+    BorderBasic = 18,
+    BorderInvert = 19,
+    ActionPrimary = 20,
+    ActionNegative = 21,
+    ActionPositive = 22,
+    ActionWarning = 23,
+    ActionNeutral = 24,
+    ActionHighContrast = 25,
+    Illustration = 26,
+    Products = 27,
+    Decor = 28,
+    SurfaceComponentSpecific = 29,
+    Deprecated = 30
+}
+export type ColorBaseBody = {
+    enum: DesignTokenKey;
+    token: string;
+};
+export type ColorShape = ColorBaseBody & {
+    desc: string;
+    group: ColorGroup | string;
+    deprecated?: boolean;
+};

package/dist/stories/foundations/Radius/RadiusTable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { RadiusShape } from './types';
+interface IColorTableProps {
+    data: RadiusShape[];
+}
+export declare const RadiusTable: React.FC<IColorTableProps>;
+export {};

package/dist/stories/foundations/Radius/constants.d.ts

@@ -0,0 +1,2 @@
+import { RadiusShape } from './types';
+export declare const RadiusTokens: RadiusShape[];

package/dist/stories/foundations/Radius/types.d.ts

@@ -0,0 +1,8 @@
+import { RadiusTokenKey } from '../../../foundations/radius-token';
+export type RadiusShape = {
+    enum: RadiusTokenKey;
+    token: string;
+    size: string;
+    desc: string;
+    deprecated?: boolean;
+};

package/dist/stories/foundations/Shadow/ShadowTable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ShadowShape } from './types';
+interface IColorTableProps {
+    data: ShadowShape[];
+}
+export declare const ShadowTable: React.FC<IColorTableProps>;
+export {};

package/dist/stories/foundations/Shadow/constants.d.ts

@@ -0,0 +1,2 @@
+import { ShadowShape } from './types';
+export declare const ShadowTokens: ShadowShape[];

package/dist/stories/foundations/Shadow/types.d.ts

@@ -0,0 +1,6 @@
+import { ShadowTokenKey } from '../../../foundations/shadow-token';
+export type ShadowShape = {
+    enum: ShadowTokenKey;
+    token: string;
+    desc: string;
+};

package/dist/stories/foundations/Spacing/SpacingTable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { SpacingShape } from './types';
+interface IColorTableProps {
+    data: SpacingShape[];
+}
+export declare const SpacingTable: React.FC<IColorTableProps>;
+export {};

package/dist/stories/foundations/Spacing/constants.d.ts

@@ -0,0 +1,2 @@
+import { SpacingShape } from './types';
+export declare const SpacingTokens: SpacingShape[];

package/dist/stories/foundations/Spacing/types.d.ts

@@ -0,0 +1,7 @@
+import { SpacingTokenKey } from '../../../foundations/spacing-token';
+export type SpacingShape = {
+    enum: SpacingTokenKey;
+    token: string;
+    size: string;
+    desc: string;
+};

package/dist/stories/foundations/Transition/TransitionTable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { TransitionShape } from './types';
+interface ITransitionTableProps {
+    data: TransitionShape[];
+}
+export declare const TransitionTable: React.FC<ITransitionTableProps>;
+export {};

package/dist/stories/foundations/Transition/components/TransitionDelayExample.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const TransitionDelayExample: React.FC;

package/dist/stories/foundations/Transition/components/TransitionDurationExample.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const TransitionDurationExample: React.FC;

package/dist/stories/foundations/Transition/components/TransitionTimingExample.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const TransitionTimingExample: React.FC;

package/dist/stories/foundations/Transition/constants.d.ts

@@ -0,0 +1,4 @@
+import { TransitionDelayShape, TransitionDurationShape, TransitionTimingShape } from './types';
+export declare const TransitionDurationTokens: TransitionDurationShape[];
+export declare const TransitionTimingTokens: TransitionTimingShape[];
+export declare const TransitionDelayTokens: TransitionDelayShape[];

package/dist/stories/foundations/Transition/types.d.ts

@@ -0,0 +1,16 @@
+import { TransitionDelayTokenKey, TransitionDurationTokenKey, TransitionTimingTokenKey } from '../../../foundations/transition-token';
+export type TransitionShape = {
+    enum: string;
+    token: string;
+    value: string;
+    desc: string;
+};
+export type TransitionDurationShape = TransitionShape & {
+    enum: TransitionDurationTokenKey;
+};
+export type TransitionTimingShape = TransitionShape & {
+    enum: TransitionTimingTokenKey;
+};
+export type TransitionDelayShape = TransitionShape & {
+    enum: TransitionDelayTokenKey;
+};

package/dist/stories/helpers.d.ts

@@ -0,0 +1,6 @@
+export declare const handleCopyText: (text: string) => void;
+export declare const sortDeprecated: (a: {
+    deprecated?: boolean;
+}, b: {
+    deprecated?: boolean;
+}) => number;