@indico-data/design-system 3.22.1 → 3.23.0-beta.1

package/lib/src/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.d.ts

@@ -0,0 +1 @@
+export declare const RandomLoadingMessage: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+import { RandomLoadingMessage } from './RandomLoadingMessage';
+declare const meta: {
+    component: () => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof RandomLoadingMessage>;
+export declare const Normal: Story;

package/lib/src/legacy/components/loading-indicators/RandomLoadingMessage/index.d.ts

@@ -0,0 +1 @@
+export { RandomLoadingMessage } from './RandomLoadingMessage';

package/lib/src/legacy/components/loading-indicators/RandomLoadingMessage/random-messages.d.ts

@@ -0,0 +1,2 @@
+export default MESSAGES;
+declare const MESSAGES: string[];

package/lib/src/legacy/components/loading-indicators/index.d.ts

@@ -0,0 +1,7 @@
+export { CircleSpinner } from './CircleSpinner';
+export { BarSpinner } from './BarSpinner';
+export { CirclePulse } from './CirclePulse';
+export { RandomLoadingMessage } from './RandomLoadingMessage';
+export { PercentageRing } from './PercentageRing';
+export { LoadingList } from './LoadingList';
+export { LoadingIndicator } from './LoadingIndicator';

package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ModalBaseProps } from '../ModalBase';
+import { PermafrostComponent } from '@/types';
+type Props = PermafrostComponent & Pick<ModalBaseProps, 'open'> & {
+    describedBy?: string;
+    clickOutsideHandler(e?: React.SyntheticEvent): void;
+    confirmText?: string;
+    message?: string | React.ReactNode;
+    modalNode?: string;
+    processing?: boolean;
+    rejectText?: string;
+    responseHandler(response: boolean, event: React.SyntheticEvent): void;
+    title?: string | React.ReactNode;
+    width?: number;
+};
+export declare function ConfirmModal(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/react';
+import { ConfirmModal } from './ConfirmModal';
+declare const meta: {
+    component: typeof ConfirmModal;
+    title: string;
+    args: {
+        title: string;
+        message: string;
+        confirmText: string;
+        rejectText: string;
+    };
+    argTypes: {
+        open: {
+            control: {
+                disable: true;
+            };
+        };
+        className: {
+            control: {
+                disable: true;
+            };
+        };
+        describedBy: {
+            control: {
+                disable: true;
+            };
+        };
+        modalNode: {
+            control: {
+                disable: true;
+            };
+        };
+        width: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ConfirmModal>;
+export declare const Base: Story;
+export declare const Open: Story;
+export declare const processing: Story;

package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledConfirmModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/src/legacy/components/modals/ConfirmModal/index.d.ts

@@ -0,0 +1 @@
+export { ConfirmModal } from './ConfirmModal';

package/lib/src/legacy/components/modals/ModalBase/ModalBase.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+export type ModalBaseProps = PermafrostComponent & {
+    children: React.ReactNode | React.ReactNode[];
+    clickToDismiss?(): void;
+    describedBy?: string;
+    node?: string;
+    open: boolean;
+    preventEscDismiss?: boolean;
+    preventReturnFocus?: boolean;
+    maxWidth?: string;
+} & ({
+    labelElement: string;
+} | {
+    labelText: string;
+});
+/**
+ * Base modal component, powered by [react-modal](http://reactcommunity.org/react-modal/#usage)
+ *
+ * (Also see `ModalAdapter` in the styles file)
+ *
+ * Accessible element label must be included either as a string passed to `labelText`, or
+ * the id of one of the children passed to `labelElement`. If a description is available,
+ * pass that element’s id to the `describedBy` prop.
+ */
+export declare function ModalBase(props: ModalBaseProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/legacy/components/modals/ModalBase/ModalBase.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+import { ModalBase } from './ModalBase';
+declare const meta: {
+    component: typeof ModalBase;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof ModalBase>;
+export declare const Base: Story;

package/lib/src/legacy/components/modals/ModalBase/ModalBase.styles.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function ModalAdapter(props: any): React.ReactElement;
+export declare const StyledModalBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<typeof ModalAdapter, keyof React.Component<any, {}, any>>;
+export {};

package/lib/src/legacy/components/modals/ModalBase/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalBase } from './ModalBase';
+export type { ModalBaseProps } from './ModalBase';

package/lib/src/legacy/components/modals/index.d.ts

@@ -0,0 +1,2 @@
+export { ConfirmModal } from './ConfirmModal';
+export { ModalBase } from './ModalBase';

package/lib/src/legacy/components/text-truncate/TextTruncate.d.ts

@@ -0,0 +1,8 @@
+interface TextTruncateProps {
+    string: string;
+    maxChars: number;
+    children?: any;
+    noTitle?: boolean;
+}
+export declare function TextTruncate({ string, maxChars, children, noTitle }: TextTruncateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/legacy/components/text-truncate/TextTruncate.stories.d.ts

@@ -0,0 +1,6 @@
+import { TextTruncate } from './TextTruncate';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof TextTruncate>;
+export default meta;
+type Story = StoryObj<typeof TextTruncate>;
+export declare const Normal: Story;

package/lib/src/legacy/components/text-truncate/TextTruncate.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledTextTruncate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/lib/src/legacy/components/text-truncate/TextTruncate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/legacy/components/text-truncate/index.d.ts

@@ -0,0 +1 @@
+export { TextTruncate } from './TextTruncate';

package/lib/src/legacy/components/user-feedback/Shrug/Shrug.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PermafrostComponent } from '@/types';
+type Props = PermafrostComponent & {
+    actionLink?: string;
+    actionText?: string;
+    buttonAction?(): void;
+    buttonText?: string;
+    message?: string | React.ReactNode;
+    messageProps?: {
+        'data-cy': string;
+    };
+};
+export declare function Shrug(props: Props): React.ReactElement;
+export {};

package/lib/src/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { Shrug } from './Shrug';
+declare const meta: {
+    component: typeof Shrug;
+    title: string;
+    argTypes: {};
+    args: {
+        message: string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        id?: string;
+        className?: string;
+        'data-cy'?: string;
+        'data-testid'?: string;
+        actionLink?: string;
+        actionText?: string;
+        buttonAction?: (() => void) | undefined;
+        buttonText?: string;
+        message?: string | React.ReactNode;
+        messageProps?: {
+            "data-cy": string;
+        };
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof Shrug>;
+export declare const MessageOnly: Story;
+export declare const WithButtonAction: Story;
+export declare const WithLinkAction: Story;
+export declare const ComponentMessage: Story;

package/lib/src/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledShrug: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/src/legacy/components/user-feedback/Shrug/index.d.ts

@@ -0,0 +1 @@
+export { Shrug } from './Shrug';

package/lib/src/legacy/components/user-feedback/index.d.ts

@@ -0,0 +1 @@
+export { Shrug } from './Shrug';

package/lib/src/legacy/styles/globals/buttons.d.ts

@@ -0,0 +1 @@
+export declare const Buttons: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/forms.d.ts

@@ -0,0 +1 @@
+export declare const Forms: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/index.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/legacy/styles/globals/layout.d.ts

@@ -0,0 +1 @@
+export declare const Layout: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/lists.d.ts

@@ -0,0 +1 @@
+export declare const Lists: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/margin-padding.d.ts

@@ -0,0 +1 @@
+export declare const MarginPadding: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/media.d.ts

@@ -0,0 +1 @@
+export declare const Media: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/tables.d.ts

@@ -0,0 +1 @@
+export declare const Tables: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/typography.d.ts

@@ -0,0 +1 @@
+export declare const Typography: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/utility-classes.d.ts

@@ -0,0 +1 @@
+export declare const UtilityClasses: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/index.d.ts

@@ -0,0 +1 @@
+export { GlobalStyles } from './globals';

package/lib/src/legacy/tokens/animation.d.ts

@@ -0,0 +1,4 @@
+export declare const animation: {
+    readonly duration: "200ms";
+    readonly timing: "ease";
+};

package/lib/src/legacy/tokens/breakpoints.d.ts

@@ -0,0 +1,10 @@
+export declare const breakpoints: {
+    readonly mediumScreen: "600px";
+    readonly largeScreen: "900px";
+    readonly maxScreen: "1300px";
+};
+export declare const mediaQueries: {
+    mediumScreen: string;
+    largeScreen: string;
+    maxScreen: string;
+};

package/lib/src/legacy/tokens/colors.d.ts

@@ -0,0 +1,144 @@
+export declare const allColors: {
+    readonly akaroa: "#cbc98f";
+    readonly alizarin: "#E72326";
+    readonly amber: "#f4c401";
+    readonly amethyst: "#8e57b3";
+    readonly aqua: "#10e4fe";
+    readonly astralBlue: "#2f7ca2";
+    readonly ateneoBlue: "#0d466a";
+    readonly avocado: "#81b12f";
+    readonly azure: "#108cf7";
+    readonly baliHai: "#8498b6";
+    readonly black: "#000";
+    readonly blueBayoux: "#4f5e74";
+    readonly blueDarknut: "#0070f5";
+    readonly blueMagenta: "#542f9d";
+    readonly blueRibbon: "#0b35ff";
+    readonly blueYonder: "#586fd2";
+    readonly bouqet: "#a35c9a";
+    readonly brick: "#c62828";
+    readonly brightDusk: "#efebf7";
+    readonly britishShorthair: "#4b94eb";
+    readonly brown: "#785349";
+    readonly candyCorn: "#fcef4d";
+    readonly carnation: "#ff8adf";
+    readonly carrot: "#f29a2d";
+    readonly cerise: "#d52a96";
+    readonly cerulean: "#008b9e";
+    readonly chantilly: "#f7b0eb";
+    readonly charcoal: "#474b4b";
+    readonly chartreuse: "#34ff01";
+    readonly clay: "#283243";
+    readonly clementine: "#F16E00";
+    readonly cocoaBean: "#5c1200";
+    readonly comet: "#5a6982";
+    readonly cornflower: "#2060ff";
+    readonly crimson: "#e53126";
+    readonly curiousBlue: "#178ee0";
+    readonly cyan: "#0cf";
+    readonly daisyBush: "#431B92";
+    readonly darkFontColor: "#0d151d";
+    readonly darkGray: "#333";
+    readonly darkPurple: "#6f3eae";
+    readonly darkRed: "#b30000";
+    readonly defaultFontColor: "#bbbfc5";
+    readonly dodgerBlue: "#1774ff";
+    readonly dusty: "#999999";
+    readonly eagleGreen: "#005557";
+    readonly ebony: "#101a26";
+    readonly eggplant: "#7a0074";
+    readonly electricGreen: "#00ff0a";
+    readonly emerald: "#09c199";
+    readonly endeavor: "#0055B9";
+    readonly espresso: "#5a3627";
+    readonly fieldPromptError: "#fd9693";
+    readonly fieldPromptInfo: "#00bfff";
+    readonly flamingo: "#f861b6";
+    readonly flirt: "#910870";
+    readonly forestGreen: "#1f7f1f";
+    readonly frostedOver: "#DCEAFD";
+    readonly geraldine: "#fe9486";
+    readonly grannysmith: "#92e959";
+    readonly green: "#4caf50";
+    readonly harlequin: "#20cb00";
+    readonly harvestGold: "#e6c079";
+    readonly hawkes: "#DCEAFD";
+    readonly hemlock: "#626740";
+    readonly imperial: "#4b0134";
+    readonly iron: "#d9dee0";
+    readonly japaneseIndigo: "#264359";
+    readonly juniper: "#6d9292";
+    readonly khaki: "#bba44b";
+    readonly koamaru: "#2f346a";
+    readonly korma: "#90370e";
+    readonly lavender: "#B086E3";
+    readonly lavenderRose: "#fb9fda";
+    readonly lightGray: "#eee";
+    readonly lightPurple: "#b43be4";
+    readonly lilac: "#a195d4";
+    readonly lincolnGreen: "#254600";
+    readonly magenta: "#ff15e0";
+    readonly malibu: "#68C2FB";
+    readonly mantis: "#4fa83d";
+    readonly maroon: "#ad3349";
+    readonly mauve: "#e06cfb";
+    readonly mediumGray: "#999";
+    readonly midFontColor: "#8593b3";
+    readonly mint: "#3ac999";
+    readonly mirage: "#182432";
+    readonly mulberry: "#5c0536";
+    readonly olive: "#807300";
+    readonly orange: "#ff7200";
+    readonly orchid: "#ab00ff";
+    readonly oxfordBlue: "#384558";
+    readonly pacific: "#00b5b6";
+    readonly palm: "#1aa511";
+    readonly persian: "#1717cf";
+    readonly persianLight: "#0327ce";
+    readonly pine: "#017074";
+    readonly pink: "#f74f8a";
+    readonly pistachio: "#aac609";
+    readonly raspberry: "#990030";
+    readonly red: "#f95359";
+    readonly robinsEggBlue: "#00bcd4";
+    readonly romanSilver: "#7d888d";
+    readonly sagatPurple: "#6833d0";
+    readonly salem: "#03832e";
+    readonly sapGreen: "#5f7e20";
+    readonly seaGreen: "#0b8a51";
+    readonly seance: "#7f1f82";
+    readonly shiraz: "#c61021";
+    readonly silverChalice: "#aaaaaa";
+    readonly sinopia: "#D14200";
+    readonly slaaneshGrey: "#dbd5e6";
+    readonly tangerine: "#ff9900";
+    readonly teal: "#008285";
+    readonly toast: "#997862";
+    readonly trueBlue: "#066CC6";
+    readonly tundora: "#444444";
+    readonly turquoise: "#00b5b6";
+    readonly vermilion: "#b95555";
+    readonly viking: "#59cfe0";
+    readonly violet: "#3e4eb8";
+    readonly violetBlue: "#8060d2";
+    readonly walnut: "#783f00";
+    readonly white: "#fff";
+    readonly windsorTan: "#b35c00";
+    readonly yellow: "#ffca28";
+    readonly zucchini: "#016422";
+    readonly hiliteFontColor: "#fff";
+    readonly lightFontColor: "#eee";
+    readonly borderColor: "#eee";
+    readonly actionColor: "#8593b3";
+    readonly backgroundColor: "#182432";
+};
+export type ColorName = keyof typeof allColors;
+export declare const baseColors: string[];
+export declare const layoutColors: string[];
+export declare const grayColors: string[];
+export declare const fontColors: string[];
+export declare const buttonColors: string[];
+export declare const newButtonColors: string[];
+export declare const vizColors: string[];
+export declare const vizColorsArray: string[];
+export declare const fieldColors: string[];

package/lib/src/legacy/tokens/index.d.ts

@@ -0,0 +1,8 @@
+export { animation as ANIMATION } from './animation';
+export { breakpoints as BREAKPOINT, mediaQueries as MEDIA_QUERIES } from './breakpoints';
+export { typography as TYPOGRAPHY, fontSize as FONT_SIZE } from './typography';
+export { padding as PADDINGS } from './padding';
+export { spacings as SPACING } from './spacings';
+export { margin as MARGINS } from './margin';
+export { MATH } from './numbers';
+export { allColors as COLORS, baseColors as BASE_COLORS, fieldColors as FIELD_COLORS, layoutColors as LAYOUT_COLORS, grayColors as GRAY_COLORS, fontColors as FONT_COLORS, buttonColors as BUTTON_COLORS, newButtonColors as NEW_BUTTON_COLORS, vizColors as VIZ_COLORS, vizColorsArray as VIZ_COLORS_ARRAY, } from './colors';

package/lib/src/legacy/tokens/margin.d.ts

@@ -0,0 +1,4 @@
+export declare const margin: {
+    readonly sm: "15px";
+    readonly md: "20px";
+};

package/lib/src/legacy/tokens/numbers.d.ts

@@ -0,0 +1,10 @@
+export function decimalAdjust(type: any, value: any, exp: any): any;
+export function round10(value: any, exp: any): any;
+export function clamp(value: any, min: any, max: any): any;
+export function numberWithCommas(x: any): any;
+export namespace MATH {
+    export { decimalAdjust };
+    export { round10 };
+    export { clamp };
+    export { numberWithCommas };
+}

package/lib/src/legacy/tokens/padding.d.ts

@@ -0,0 +1,4 @@
+export declare const padding: {
+    readonly sm: "15px";
+    readonly md: "20px";
+};

package/lib/src/legacy/tokens/spacings.d.ts

@@ -0,0 +1,5 @@
+export declare const spacings: {
+    readonly xs: "8px";
+    readonly sm: "12px";
+    readonly md: "24px";
+};

package/lib/src/legacy/tokens/typography.d.ts

@@ -0,0 +1,61 @@
+export declare const fontStack: readonly ["Noto Sans", "Avenir Next", "Avenir", "Noto", "sans-serif"];
+export declare const fontFamily: {
+    base: string;
+    heading: string;
+};
+export declare const fontSize: {
+    readonly caption: "12px";
+    readonly base: "14px";
+    readonly subheadSmall: "16px";
+    readonly subheadLarge: "18px";
+    readonly subheadXl: "22px";
+    readonly display: "30px";
+};
+export declare const lineHeight: {
+    readonly base: 1.25;
+    readonly heading: 1.2;
+};
+export declare const spacing: {
+    base: string;
+    half: string;
+    quarter: string;
+    third: string;
+};
+export declare const weight: {
+    light: number;
+    regular: number;
+    semibold: number;
+    bold: number;
+};
+export declare const ellipsis: import("styled-components").RuleSet<object>;
+export declare const typography: {
+    fontFamily: {
+        base: string;
+        heading: string;
+    };
+    fontSize: {
+        readonly caption: "12px";
+        readonly base: "14px";
+        readonly subheadSmall: "16px";
+        readonly subheadLarge: "18px";
+        readonly subheadXl: "22px";
+        readonly display: "30px";
+    };
+    lineHeight: {
+        readonly base: 1.25;
+        readonly heading: 1.2;
+    };
+    spacing: {
+        base: string;
+        half: string;
+        quarter: string;
+        third: string;
+    };
+    ellipsis: import("styled-components").RuleSet<object>;
+    weight: {
+        light: number;
+        regular: number;
+        semibold: number;
+        bold: number;
+    };
+};

package/lib/src/legacy/utils/color.d.ts

@@ -0,0 +1,21 @@
+export declare const mix: (color_1: string, color_2: string, weight: number) => string;
+export declare const shade: (color: string, percentage: number) => string;
+export declare const tint: (color: string, percentage: number) => string;
+/**
+ * Converts hex color values to rgb or rgba values if a opacity is supplied
+ * @param hex
+ * @returns {*}
+ */
+export declare const hexToRgb: (hex: string, opacity?: number) => string | undefined;
+/**
+ * Takes a 3- or 6-character hex color value, and returns an object containing
+ * its equivalent HSL values.
+ *
+ * @see {@link https://css-tricks.com/converting-color-spaces-in-javascript/}
+ * @see {@link https://gist.github.com/mjackson/5311256}
+ */
+export declare function hexToHsl(hexColor: string): {
+    hue: number;
+    saturation: number;
+    lightness: number;
+};

package/lib/src/legacy/utils/index.d.ts

@@ -0,0 +1,4 @@
+import * as colorUtils from './color';
+import * as stringUtils from './string';
+import * as numberUtils from './number';
+export { colorUtils, stringUtils, numberUtils };

package/lib/src/legacy/utils/number.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Takes a number and formats it nicely.
+ *
+ * @example numberWithCommas(12345)
+ * // returns 12,345
+ */
+export declare function numberWithCommas(value: number): string;
+/**
+ * Takes a number and returns it, rounded up to the maximum decimal places specified.
+ *
+ * @example maxDecimalPlaces(0.1694915254237288, 2)
+ * // returns 0.17
+ *
+ * @example maxDecimalPlaces(0.1694915254237288, 3)
+ * // returns 0.169
+ *
+ * @example maxDecimalPlaces(12.902, 2)
+ * // returns 12.9
+ */
+export declare function maxDecimalPlaces(value: number, decimalPlaces: number): number;
+export declare function formatConfidence(confidence: number): number;

package/lib/src/legacy/utils/string.d.ts

@@ -0,0 +1,12 @@
+export declare const camelCaseToUpperUnderscore: (string: string) => string;
+export declare const camelCaseToSpaceUpper: (string: string) => string;
+export declare const underscoreToCapitalize: (string: string) => string;
+export declare const snakeCaseToCamelCase: (string: string) => string;
+export declare function capitalize(string: string): string;
+export declare function capitalizeFirstOnly(string: string): string;
+/**
+ * Generates a random string of English alphabet characters. Defaults to a length of 8.
+ */
+export declare function createRandomString(length?: number): string;
+export declare const maxLengthWithEllipse: (string: string, maxLength: number) => string;
+export declare const maxLengthWithMiddleEllipsis: (string: string, maxLength: number) => string;

package/lib/src/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/lib/src/storybook/labelArgTypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+declare const labelArgTypes: ArgTypes;
+export default labelArgTypes;

package/lib/src/stylesAndAnimations/borders/BorderColor.d.ts

@@ -0,0 +1,3 @@
+import '../../styles/_borders.scss';
+import './borders.scss';
+export declare const BorderColor: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/stylesAndAnimations/borders/BorderColor.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BorderColor } from './BorderColor';
+declare const meta: Meta<typeof BorderColor>;
+export default meta;
+type Story = StoryObj<typeof BorderColor>;
+export declare const Default: Story;

package/lib/src/stylesAndAnimations/borders/BorderRadius.d.ts

@@ -0,0 +1,3 @@
+import '../../styles/_borders.scss';
+import './borders.scss';
+export declare const BorderRadius: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/stylesAndAnimations/borders/BorderRadius.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BorderRadius } from './BorderRadius';
+declare const meta: Meta<typeof BorderRadius>;
+export default meta;
+type Story = StoryObj<typeof BorderRadius>;
+export declare const Default: Story;