@indico-data/design-system 2.43.0 → 2.44.0

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

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

package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts

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

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

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

package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.d.ts

@@ -1,12 +0,0 @@
-import { PermafrostComponent } from '@/types';
-type Props = PermafrostComponent & {
-    backgroundColor?: string;
-    foregroundColor?: string;
-    ringRadius?: number;
-    strokeWidth?: number;
-    /** an integer between 0 and 1 */
-    value: number;
-    valueFontSize?: number;
-};
-export declare function PercentageRing(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

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

package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-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/legacy/components/loading-indicators/RandomLoadingMessage/index.d.ts

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

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

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

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

@@ -1,8 +0,0 @@
-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/legacy/components/text-truncate/TextTruncate.stories.d.ts

@@ -1,6 +0,0 @@
-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/legacy/components/text-truncate/TextTruncate.styles.d.ts

@@ -1 +0,0 @@
-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/legacy/components/text-truncate/TextTruncate.test.d.ts

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

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

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

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

@@ -1,14 +0,0 @@
-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/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts

@@ -1,31 +0,0 @@
-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/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts

@@ -1 +0,0 @@
-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/legacy/components/user-feedback/Shrug/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-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/legacy/tokens/colors.d.ts

@@ -1,144 +0,0 @@
-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/legacy/tokens/index.d.ts

@@ -1,8 +0,0 @@
-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/legacy/tokens/margin.d.ts

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

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

@@ -1,10 +0,0 @@
-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/legacy/tokens/padding.d.ts

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

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

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

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

@@ -1,61 +0,0 @@
-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/legacy/utils/color.d.ts

@@ -1,21 +0,0 @@
-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/legacy/utils/index.d.ts

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

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

@@ -1,21 +0,0 @@
-/**
- * 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/legacy/utils/string.d.ts

@@ -1,12 +0,0 @@
-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/src/legacy/components/Accordion/Accordion.stories.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { Button } from '@/legacy/components';
-import { Accordion } from './Accordion';
-
-const content = (
-  <div>
-    <h2 style={{ marginBottom: '10px' }}>Lorem</h2>
-    <p style={{ marginBottom: '10px' }}>
-      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Recusandae, repudiandae ipsa
-      officiis dolores dolore iusto saepe harum maxime placeat ut culpa excepturi praesentium optio
-      minus velit odio voluptate veniam nulla.
-    </p>
-    <p style={{ marginBottom: '20px' }}>
-      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Recusandae, repudiandae ipsa
-      officiis dolores dolore iusto saepe harum maxime placeat ut culpa excepturi praesentium optio
-      minus velit odio voluptate veniam nulla. Lorem ipsum dolor sit, amet consectetur adipisicing
-      elit. Recusandae, repudiandae ipsa officiis dolores dolore iusto saepe harum maxime placeat ut
-      culpa excepturi praesentium optio minus velit odio voluptate veniam nulla. Lorem ipsum dolor
-      sit, amet consectetur adipisicing elit. Recusandae, repudiandae ipsa officiis dolores dolore
-      iusto saepe harum maxime placeat ut culpa excepturi praesentium optio minus velit odio
-      voluptate veniam nulla.
-    </p>
-    <Button onClick={() => {}}>Button</Button>
-  </div>
-);
-
-const meta = {
-  component: Accordion,
-  title: 'legacy/Accordion',
-  argTypes: {},
-  decorators: [
-    (Story) => (
-      <div style={{ display: 'flex' }}>
-        <Story content={content} />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof Accordion>;
-
-export default meta;
-type Story = StoryObj<typeof Accordion>;
-
-export const Normal: Story = {};
-
-export const WithHeader: Story = { args: { header: 'Accordion Toggle' } };

package/src/legacy/components/Accordion/Accordion.styles.ts

@@ -1,35 +0,0 @@
-import styled from 'styled-components';
-
-export const StyledAccordion = styled.details`
-  summary {
-    display: inherit;
-    padding: 0 12px;
-    cursor: pointer;
-  }
-
-  .header-container,
-  h2 {
-    display: flex;
-  }
-
-  .toggle-icon {
-    height: 24px;
-    margin: 6px 0;
-    border-radius: 50%;
-    transition: 0.3s transform ease-in-out;
-  }
-
-  h2 {
-    align-items: center;
-    margin: 0 0 0 8px;
-    font-size: 22px;
-  }
-
-  .content {
-    margin: 10px 0 10px 20px;
-  }
-
-  &[open] > summary .toggle-icon {
-    transform: rotate(180deg);
-  }
-`;

package/src/legacy/components/Accordion/Accordion.tsx

@@ -1,30 +0,0 @@
-// TODO: This component's migration was fast-tracked for Insights. Assess for potential refactor and documentation.
-
-import React from 'react';
-
-import { Icon } from '@/components';
-import { PermafrostComponent } from '@/types';
-
-import { StyledAccordion } from './Accordion.styles';
-
-type Props = PermafrostComponent & {
-  content: React.ReactNode;
-  header?: React.ReactNode | string;
-  open?: boolean;
-};
-
-export const Accordion = (props: Props) => {
-  const { className, content, header, id, open } = props;
-
-  return (
-    <StyledAccordion className={className} id={id} open={open} data-cy={props['data-cy']}>
-      <summary>
-        <div className="header-container">
-          <Icon className="toggle-icon" name="chevron-up" />
-          {header ? <h2>{header}</h2> : null}
-        </div>
-      </summary>
-      <div className="content">{content}</div>
-    </StyledAccordion>
-  );
-};

package/src/legacy/components/Accordion/index.ts

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