- Some Heading Text -
-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet animi - commodi cumque dicta ducimus eum iure, maiores mollitia, odit porro - quas quod rerum soluta sunt tempora unde, vel voluptas voluptates. -
-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet animi - commodi cumque dicta ducimus eum iure, maiores mollitia, odit porro - quas quod rerum soluta sunt tempora unde, vel voluptas voluptates. -
- - ) - } -}; - -export default story; diff --git a/tools/ui-components/src/alert/alert.test.tsx b/tools/ui-components/src/alert/alert.test.tsx deleted file mode 100644 index e1ba7b145d3..00000000000 --- a/tools/ui-components/src/alert/alert.test.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import React from 'react'; -import { Alert } from './alert'; - -describe('{expectedText}
-
- {children}
-
- );
-};
diff --git a/tools/ui-components/src/alert/index.ts b/tools/ui-components/src/alert/index.ts
deleted file mode 100644
index 2d2c5e525fe..00000000000
--- a/tools/ui-components/src/alert/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Alert } from './alert';
-export type { AlertProps } from './alert';
diff --git a/tools/ui-components/src/assets/code-brackets.svg b/tools/ui-components/src/assets/code-brackets.svg
deleted file mode 100644
index 73de9477600..00000000000
--- a/tools/ui-components/src/assets/code-brackets.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/colors.svg b/tools/ui-components/src/assets/colors.svg
deleted file mode 100644
index 17d58d516e1..00000000000
--- a/tools/ui-components/src/assets/colors.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/comments.svg b/tools/ui-components/src/assets/comments.svg
deleted file mode 100644
index 6493a139f52..00000000000
--- a/tools/ui-components/src/assets/comments.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/direction.svg b/tools/ui-components/src/assets/direction.svg
deleted file mode 100644
index 65676ac2722..00000000000
--- a/tools/ui-components/src/assets/direction.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/flow.svg b/tools/ui-components/src/assets/flow.svg
deleted file mode 100644
index 8ac27db403c..00000000000
--- a/tools/ui-components/src/assets/flow.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/plugin.svg b/tools/ui-components/src/assets/plugin.svg
deleted file mode 100644
index 29e5c690c0a..00000000000
--- a/tools/ui-components/src/assets/plugin.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/repo.svg b/tools/ui-components/src/assets/repo.svg
deleted file mode 100644
index f386ee902c1..00000000000
--- a/tools/ui-components/src/assets/repo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/assets/stackalt.svg b/tools/ui-components/src/assets/stackalt.svg
deleted file mode 100644
index 9b7ad274350..00000000000
--- a/tools/ui-components/src/assets/stackalt.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/tools/ui-components/src/base.css b/tools/ui-components/src/base.css
deleted file mode 100644
index 91c8fa1c00c..00000000000
--- a/tools/ui-components/src/base.css
+++ /dev/null
@@ -1,19 +0,0 @@
-@import './colors.css';
-
-@tailwind base;
-
-@layer base {
- /* Override Tailwind's default `text-decoration` rule. */
- /* https://github.com/tailwindlabs/tailwindcss/blob/master/src/css/preflight.css#L85 */
- a {
- @apply underline;
- }
- /* Override Tailwind's default `-webkit-tap-highlight-color` rule. */
- /* https://github.com/tailwindlabs/tailwindcss/discussions/2984 */
- button {
- -webkit-tap-highlight-color: transparent;
- }
-}
-
-@tailwind components;
-@tailwind utilities;
diff --git a/tools/ui-components/src/button/button.stories.tsx b/tools/ui-components/src/button/button.stories.tsx
deleted file mode 100644
index 143bc26b0fa..00000000000
--- a/tools/ui-components/src/button/button.stories.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-
-import { Button } from '.';
-
-const story = {
- title: 'Example/Button',
- component: Button,
- parameters: {
- controls: {
- include: [
- 'children',
- 'variant',
- 'size',
- 'disabled',
- 'block',
- 'href',
- 'download',
- 'target',
- 'onClick'
- ]
- }
- },
- argTypes: {
- variant: {
- options: ['primary', 'danger', 'info']
- },
- size: {
- options: ['small', 'medium', 'large']
- },
- disabled: {
- options: [true, false],
- control: { type: 'radio' }
- },
- block: {
- options: [true, false],
- control: { type: 'radio' }
- },
- target: {
- options: ['_self', '_blank', '_parent', '_top']
- },
- onClick: {
- action: 'clicked'
- },
- href: {
- control: { type: 'text' }
- },
- download: {
- control: { type: 'text' }
- }
- }
-} satisfies MetaRandom text to test the element width
- - ); -}; - -export const Default: StoryObj
- {children}
-
- );
-};
diff --git a/tools/ui-components/src/col/index.ts b/tools/ui-components/src/col/index.ts
deleted file mode 100644
index d62b8ec2215..00000000000
--- a/tools/ui-components/src/col/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Col } from './col';
-export type { ColProps } from './types';
diff --git a/tools/ui-components/src/col/types.ts b/tools/ui-components/src/col/types.ts
deleted file mode 100644
index 90b5c0e77a7..00000000000
--- a/tools/ui-components/src/col/types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export interface ColProps extends React.HTMLAttributes
- {colors.map(color => (
-
- );
-};
-
-export const AllPalettes = (): JSX.Element => {
- return (
- <>
-
- {color.label}
-
- ))}
- Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-Random text to test the element width
-
- {children}
-
- );
-};
diff --git a/tools/ui-components/src/container/index.ts b/tools/ui-components/src/container/index.ts
deleted file mode 100644
index b2cb8411b9a..00000000000
--- a/tools/ui-components/src/container/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Container } from './container';
-export type { ContainerProps } from './types';
diff --git a/tools/ui-components/src/container/types.ts b/tools/ui-components/src/container/types.ts
deleted file mode 100644
index 12bab782dce..00000000000
--- a/tools/ui-components/src/container/types.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export type ContainerProps = {
- children?: React.ReactNode;
- className?: string;
- fluid?: boolean;
-};
diff --git a/tools/ui-components/src/control-label/control-label.stories.tsx b/tools/ui-components/src/control-label/control-label.stories.tsx
deleted file mode 100644
index 9a9b76a9438..00000000000
--- a/tools/ui-components/src/control-label/control-label.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ControlLabel } from '.';
-
-const story = {
- title: 'Example/ControlLabel',
- component: ControlLabel,
- parameters: {
- controls: {
- include: ['className']
- }
- },
- argTypes: {
- className: { control: { type: 'text' } },
- htmlFor: { control: { type: 'text' } },
- srOnly: { options: ['srOnly', ''] }
- }
-} satisfies Meta
- {Story()}
-
- )
- ],
- render: () => (
-
- {Story()}
-
- )
- ],
- args: {
- children: - {children} -
- ); -}; diff --git a/tools/ui-components/src/form-control/form-control.stories.tsx b/tools/ui-components/src/form-control/form-control.stories.tsx deleted file mode 100644 index 25b38e26048..00000000000 --- a/tools/ui-components/src/form-control/form-control.stories.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import React from 'react'; -import { Meta, StoryFn, StoryObj } from '@storybook/react'; -import { FormControl } from '.'; - -const story = { - title: 'Example/FormControl', - component: FormControl, - parameters: { - controls: { - include: [ - 'className', - 'id', - 'onChange', - 'value', - 'componentClass', - 'placeholder', - 'required', - 'type' - ] - } - }, - argTypes: { - className: { control: { type: 'text' } }, - id: { control: { type: 'text' } }, - onChange: { action: 'changed' }, - value: { control: { type: 'text' } }, - componentClass: { - options: ['input', 'textarea'] - }, - placeholder: { control: { type: 'text' } }, - required: { control: 'boolean' }, - type: { options: ['text', 'email', 'url'] } - } -} satisfies Meta{Story()}
- ]
-} satisfies MetaConfigure
-
-
-
- 
-
-
- Presets for popular tools
- Easy setup for TypeScript, SCSS and more.
-
-
-
-
-
- 
-
-
- Build configuration
- How to customize webpack and Babel
-
-
-
-
-
- 
-
-
- Styling
- How to load and configure CSS libraries
-
-
-
-
-
- 
-
-
- Data
- Providers and mocking for data libraries
-
-
-
-
-
-Learn
-
-
-
- 
-
-
- Storybook documentation
- Configure, customize, and extend
-
-
-
-
-
- 
-
-
- In-depth guides
- Best practices from leading teams
-
-
-
-
-
- 
-
-
- GitHub project
- View the source and add issues
-
-
-
-
-
- 
-
-
- Discord chat
- Chat with maintainers and the community
-
-
-
-
-
-
- TipEdit the Markdown in{' '}
-
diff --git a/tools/ui-components/src/link/index.ts b/tools/ui-components/src/link/index.ts
deleted file mode 100644
index 167fcb268d1..00000000000
--- a/tools/ui-components/src/link/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Link } from './link';
-export type { LinkProps } from './types';
diff --git a/tools/ui-components/src/link/link.stories.tsx b/tools/ui-components/src/link/link.stories.tsx
deleted file mode 100644
index 168f28c6f89..00000000000
--- a/tools/ui-components/src/link/link.stories.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Link } from '.';
-
-const story = {
- title: 'Example/Link',
- component: Link
-} satisfies Metasrc/stories/Introduction.stories.mdx
-
-
-
-
- Lorem ipsum
-
-
-
-
-
-
-
-
- );
-};
-
-const DangerTemplate: StoryFn- Laboriosam autem non et nisi. Ut voluptatem sit beatae assumenda - amet aliquam corporis. -
-- Dolores voluptas omnis et cupiditate ducimus delectus vel. Voluptas - atque cumque incidunt quia. A praesentium neque quis odit totam - praesentium illum est. Ut doloribus quisquam ut. Incidunt vel - suscipit accusamus consequuntur repellendus dolor sunt. Vel - accusamus nesciunt perspiciatis sunt est. -
-- Tempore quis voluptas aut voluptatem praesentium nisi. Qui et quo ut - et vel dolores facilis dignissimos. Omnis facere quisquam recusandae - accusantium. Sit ut consectetur non id velit est odio. Laboriosam - soluta tenetur asperiores. Excepturi reprehenderit rerum sint - tempore molestiae vitae aliquid. Ea est sunt at atque ducimus - doloribus quas sit. -
-
-
-
- Lorem ipsum
-
-
-
-
-
-
-
- );
-};
-
-export const Default: Story = {
- render: DefaultTemplate
-};
-
-export const Large: Story = {
- render: DefaultTemplate,
- args: {
- size: 'large'
- }
-};
-
-export const ExtraLarge: Story = {
- render: DefaultTemplate,
- args: {
- size: 'xLarge'
- }
-};
-
-export const Danger: Story = {
- render: DangerTemplate,
- args: {
- variant: 'danger'
- }
-};
-
-export const WithoutCloseButton: Story = {
- render: DefaultTemplate,
- args: {
- showCloseButton: false
- }
-};
-
-export const LeftAlignedBody: Story = {
- render: DefaultTemplate,
- args: {
- alignment: 'left'
- }
-};
-
-export const StartAlignedBody: Story = {
- render: DefaultTemplate,
- args: {
- alignment: 'start'
- }
-};
-
-export default story;
diff --git a/tools/ui-components/src/modal/modal.test.tsx b/tools/ui-components/src/modal/modal.test.tsx
deleted file mode 100644
index d74f40cb373..00000000000
--- a/tools/ui-components/src/modal/modal.test.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import React from 'react';
-import { render, screen, within } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-import { Button } from '../button';
-import { Modal } from './modal';
-import { type ModalProps, type HeaderProps } from './types';
-
-const originalWindow = window;
-
-describe('- Laboriosam autem non et nisi. Ut voluptatem sit beatae assumenda - amet aliquam corporis. -
-- Dolores voluptas omnis et cupiditate ducimus delectus vel. Voluptas - atque cumque incidunt quia. A praesentium neque quis odit totam - praesentium illum est. Ut doloribus quisquam ut. Incidunt vel - suscipit accusamus consequuntur repellendus dolor sunt. Vel - accusamus nesciunt perspiciatis sunt est. -
-- Tempore quis voluptas aut voluptatem praesentium nisi. Qui et quo ut - et vel dolores facilis dignissimos. Omnis facere quisquam recusandae - accusantium. Sit ut consectetur non id velit est odio. Laboriosam - soluta tenetur asperiores. Excepturi reprehenderit rerum sint - tempore molestiae vitae aliquid. Ea est sunt at atque ducimus - doloribus quas sit. -
-Laboriosam autem non et nisi.
-
-
- {children}
-
-
- );
- }
-
- return (
-
-
- {children}
-
-
- );
-};
-
-const Body = ({
- children,
- alignment = 'center',
- borderless,
- className
-}: BodyProps) => {
- const borderClasses = borderless
- ? ''
- : 'border-b-1 border-solid border-foreground-secondary';
-
- return (
-
- {children}
-
- );
-};
-
-const Footer = ({ children, alignment = 'center' }: FooterProps) => {
- if (alignment === 'end') {
- return {children}
;
- }
-
- return (
- {children}
- );
-};
-
-const Modal = ({
- children,
- open,
- onClose,
- onKeyDown,
- size = 'medium',
- variant = 'default'
-}: ModalProps) => {
- let panelClasses = PANEL_DEFAULT_CLASSES;
-
- if (size === 'medium') {
- panelClasses = panelClasses.concat(' ', 'w-[600px]');
- } else if (size === 'large') {
- panelClasses = panelClasses.concat(' ', 'w-[900px]');
- } else if (size === 'xLarge') {
- panelClasses = panelClasses.concat(' ', 'w-[95vw] md:w-[90vw]');
- }
-
- if (variant === 'default') {
- panelClasses = panelClasses.concat(' ', 'text-foreground-secondary');
- } else if (variant === 'danger') {
- panelClasses = panelClasses.concat(' ', 'text-background-danger');
- }
-
- return (
-
- {children}
-
- );
-};
-
-export const Heading = ({
- children,
- className,
- ...props
-}: React.ComponentProps<'div'>): JSX.Element => {
- const { variant } = useContext(PanelContext);
-
- const headingStyles = variant
- ? heading[variant]
- : 'outline outline-[1px] outline-background-tertiary';
- const classes = [className, headingStyles, 'px-3.5 py-2.5'].join(' ');
-
- return (
-
- {children}
-
- );
-};
-
-export const Title = ({
- children,
- ...props
-}: React.ComponentProps<'h3'>): JSX.Element => {
- return (
- - {children} -
- ); -}; - -export const Panel = ({ - children, - className, - variant, - ...restProps -}: PanelProps): JSX.Element => { - const variantClass = variant ? border[variant] : 'border-background-tertiary'; - const panelClassed = [ - 'border-1 border-solid shadow-sm mb-6', - variantClass, - className - ].join(' '); - - return ( -
- {children}
-
- Random text to test the element width
- } -}; - -export default story; diff --git a/tools/ui-components/src/row/row.test.tsx b/tools/ui-components/src/row/row.test.tsx deleted file mode 100644 index 7897bcae93c..00000000000 --- a/tools/ui-components/src/row/row.test.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react'; -import { render, screen } from '@testing-library/react'; - -import { Row } from '.'; - -describe('
- {children}
-
- );
-};
diff --git a/tools/ui-components/src/row/types.ts b/tools/ui-components/src/row/types.ts
deleted file mode 100644
index cfe0a0b95df..00000000000
--- a/tools/ui-components/src/row/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface RowProps extends React.HTMLAttributeshere is a code element.
- here is a code element.
- Hello, I am a ${name} component
;
-};
-`;
-
-// types.ts
-export const type = (name: string): string => `
-export interface ${name}Props {
- className?: string
-}
-`;
-
-// component.test.tsx
-export const test = (name: string): string => `
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-import { ${name} } from '.';
-
-describe('<${name} />', () => {
- it('should render correctly', () => {});
-});
-`;
-
-// component.stories.tsx
-export const story = (name: string): string => `
-import React from 'react';
-import { Story } from '@storybook/react';
-import { ${name}, ${name}Props } from '.';
-
-const story = {
- title: 'Example/${name}',
- component: ${name}
-};
-
-const Template: Story<${name}Props> = args => {
- return <${name} {...args} />;
-};
-
-export const Default = Template.bind({});
-Default.args = {
- // default props go here
-};
-
-export default story;
-`;
-
-// index.ts
-export const barrel = (name: string, kebabCasedName: string): string => `
-export { ${name} } from './${kebabCasedName}';
-export type { ${name}Props } from './types';
-`;