@public-ui/sample-react 3.0.0-rc.1 → 3.0.0-rc.10

package/src/components/button-group/basic.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-
-import { KolBadge, KolButton, KolButtonGroup } from '@public-ui/react';
-import { SampleDescription } from '../SampleDescription';
-
-import type { FC } from 'react';
-import { useToasterService } from '../../hooks/useToasterService';
-
-export const ButtonGroupBasic: FC = () => {
-	const { dummyClickEventHandler } = useToasterService();
-
-	const dummyEventHandler = {
-		onClick: dummyClickEventHandler,
-	};
-
-	return (
-		<>
-			<SampleDescription>
-				<p>KolButtonGroup shows multiple KolButton-elements visually grouped together.</p>
-
-				<p>
-					<KolBadge _label="The component is deprecated and won't be available anymore in KoliBri version 3." _color="#db5461" />
-				</p>
-			</SampleDescription>
-
-			<KolButtonGroup>
-				<KolButton _label="Active" _variant="primary" _on={dummyEventHandler}></KolButton>
-				<KolButton _label="Not active" _disabled></KolButton>
-				<KolButton _label="Active" _icons="codicon codicon-home" _variant="danger" _on={dummyEventHandler}></KolButton>
-				<KolButton _label="Active" _icons="codicon codicon-trash" _hideLabel _variant="ghost" _on={dummyEventHandler}></KolButton>
-			</KolButtonGroup>
-		</>
-	);
-};

package/src/components/button-group/routes.ts

@@ -1,8 +0,0 @@
-import { Routes } from '../../shares/types';
-import { ButtonGroupBasic } from './basic';
-
-export const BUTTON_GROUP_ROUTES: Routes = {
-	'button-group': {
-		basic: ButtonGroupBasic,
-	},
-};

package/src/components/indented-text/basic.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-
-import { KolBadge, KolIndentedText } from '@public-ui/react';
-
-import type { FC } from 'react';
-import { SampleDescription } from '../SampleDescription';
-
-export const IndentedTextBasic: FC = () => (
-	<>
-		<SampleDescription>
-			<p>
-				KolIndentedText renders the given slot content, styled as indented text. The sample shows two regular paragraphs with an indented paragraph in between.
-			</p>
-			<p>
-				<KolBadge _label="The component is deprecated and won't be available anymore in KoliBri version 3." _color="#db5461" />
-			</p>
-		</SampleDescription>
-
-		<div className="grid gap-4">
-			<p>
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-				voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
-			</p>
-			<KolIndentedText>
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-				voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
-			</KolIndentedText>
-			<p>
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-				voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
-			</p>
-		</div>
-	</>
-);

package/src/components/indented-text/routes.ts

@@ -1,8 +0,0 @@
-import { Routes } from '../../shares/types';
-import { IndentedTextBasic } from './basic';
-
-export const INDENTED_ROUTES: Routes = {
-	'indented-text': {
-		basic: IndentedTextBasic,
-	},
-};

package/src/components/link-group/basic.tsx

@@ -1,23 +0,0 @@
-import type { FC } from 'react';
-import React from 'react';
-
-import { KolBadge, KolLinkGroup } from '@public-ui/react';
-import { SampleDescription } from '../SampleDescription';
-
-const links = [
-	{ _label: 'Link 1', _href: '#/back-page' },
-	{ _label: 'Link 2', _href: '#/back-page' },
-	{ _label: 'Link 3', _href: '#/back-page' },
-];
-export const LinkGroupBasic: FC = () => (
-	<>
-		<SampleDescription>
-			<p>KolLinkGroup renders a list of the given links.</p>
-			<p>
-				<KolBadge _label="The component is deprecated and won't be available anymore in KoliBri version 3." _color="#db5461" />
-			</p>
-		</SampleDescription>
-
-		<KolLinkGroup _links={links} _label="" />
-	</>
-);

package/src/components/link-group/horizontal.tsx

@@ -1,23 +0,0 @@
-import type { FC } from 'react';
-import React from 'react';
-
-import { KolBadge, KolLinkGroup } from '@public-ui/react';
-import { SampleDescription } from '../SampleDescription';
-
-const links = [
-	{ _label: 'Link 1', _href: '#/back-page' },
-	{ _label: 'Link 2', _href: '#/back-page' },
-	{ _label: 'Link 3', _href: '#/back-page' },
-];
-export const LinkGroupHorizontal: FC = () => (
-	<>
-		<SampleDescription>
-			<p>KolLinkGroup renders a list of the given links. This sample shows the horizontal alignment.</p>
-			<p>
-				<KolBadge _label="The component is deprecated and won't be available anymore in KoliBri version 3." _color="#db5461" />
-			</p>
-		</SampleDescription>
-
-		<KolLinkGroup _links={links} _orientation="horizontal" _label="" />
-	</>
-);

package/src/components/link-group/routes.ts

@@ -1,10 +0,0 @@
-import { Routes } from '../../shares/types';
-import { LinkGroupBasic } from './basic';
-import { LinkGroupHorizontal } from './horizontal';
-
-export const LINK_GROUP_ROUTES: Routes = {
-	'link-group': {
-		basic: LinkGroupBasic,
-		horizontal: LinkGroupHorizontal,
-	},
-};