npm - @public-ui/sample-react - Versions diffs - 1.7.0-rc.5 → 1.7.0-rc.7 - Mend

@public-ui/sample-react 1.7.0-rc.5 → 1.7.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/sample-react",
-	"version": "1.7.0-rc.5",
+	"version": "1.7.0-rc.7",
 	"description": "This app contains samples for the KoliBri/Public UI",
 	"license": "EUPL-1.2",
 	"scripts": {
@@ -20,16 +20,16 @@
 		"kolibri-sample-react-test-build": "test-build.sh"
 	},
 	"dependencies": {
-		"@leanup/stack": "1.3.47",
-		"@leanup/stack-react": "1.3.44",
-		"@leanup/stack-webpack": "1.3.47",
+		"@leanup/stack": "1.3.48",
+		"@leanup/stack-react": "1.3.48",
+		"@leanup/stack-webpack": "1.3.48",
 		"@public-oss/kolibri-themes": "0.0.3",
-		"@public-ui/components": "1.7.0-rc.5",
-		"@public-ui/react": "1.7.0-rc.5",
-		"@public-ui/themes": "1.7.0-rc.5",
+		"@public-ui/components": "1.7.0-rc.7",
+		"@public-ui/react": "1.7.0-rc.7",
+		"@public-ui/themes": "1.7.0-rc.7",
 		"@types/react": "18.2.21",
 		"@types/react-dom": "18.2.7",
-		"@unocss/preset-mini": "0.55.7",
+		"@unocss/preset-uno": "0.55.7",
 		"@unocss/webpack": "0.55.7",
 		"ajv": "8.12.0",
 		"chromedriver": "116.0.0",
@@ -59,8 +59,5 @@
 		"tsconfig.json",
 		"unocss.config.ts",
 		"webpack.config.js"
-	],
-	"publishConfig": {
-		"registry": "https://registry.npmjs.org/"
-	}
+	]
 }

package/prettier.config.js CHANGED Viewed

@@ -1,5 +1,4 @@
 module.exports = {
-	...require('@leanup/stack/prettier.config'),
 	printWidth: 160,
 	singleQuote: true,
 	useTabs: true,

package/public/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de" dir="ltr">
 	<head>
 		<title>Code-Samples | KoliBri – Public UI</title>
@@ -20,7 +20,7 @@
 		<meta name="robots" content="noindex" />
 		<meta name="kolibri" content="dev-mode=true" />
 	</head>
-	<body class="itzbund" data-theme="itzbund">
+	<body>
 		<div id="app"></div>
 		<script async src="main.js"></script>
 		<noscript>Diese Webseite erfordert, dass Sie JavaScript aktivieren.</noscript>

package/src/App.tsx CHANGED Viewed

@@ -1,29 +1,18 @@
-import React, { useMemo } from 'react';
-import { Navigate, Route, Routes } from 'react-router-dom';
+import React, { FC } from 'react';
+import { Navigate, Route, Routes, useSearchParams } from 'react-router-dom';
 import { Route as MyRoute, Routes as MyRoutes } from './shares/types';
 import { Option } from '@public-ui/components';
-import { KolAlert, KolButton, KolSelect, KolVersion } from '@public-ui/react';
-import { FC, useState } from 'react';
+import { KolAlert } from '@public-ui/react';
 import { ROUTES } from './shares/routes';
-import { THEME_OPTIONS, Theme } from './shares/theme';
+import { Theme, THEME_OPTIONS } from './shares/theme';
 import PackageJson from '../package.json';
-import { getTheme, setTheme, setStorage, getThemeName } from './shares/store';
-const THEME_REGEX = /theme=([^&]+)/;
+import { getTheme, getThemeName, setStorage, setTheme } from './shares/store';
+import { Sidebar } from './components/Sidebar';
+import { useLocation } from 'react-router';
 setStorage(localStorage);
-const getThemeFromLocation = () => {
-	if (THEME_REGEX.test(window.location.hash)) {
-		const match = window.location.hash.match(THEME_REGEX);
-		if (Array.isArray(match) && match.length > 0) {
-			return match[0].replace(THEME_REGEX, '$1').toLowerCase();
-		}
-	}
-	return getTheme();
-};
 const getRouteList = (routes: MyRoutes, offset = '/'): string[] => {
 	let list: string[] = [];
 	for (const key in routes) {
@@ -90,167 +79,50 @@ const getRouteTree = (routes: MyRoutes): ReturnType<typeof Route>[] => {
 const ROUTE_LIST = getRouteList(ROUTES);
 const ROUTE_TREE = getRouteTree(ROUTES);
-const clearHash = (str: string) => str.replace(/\?.*/g, '').replace(/^#/g, '');
-const getIndexOfRoute = (str: string) => {
-	return ROUTE_LIST.indexOf(clearHash(str));
-};
-type CustomRoute = { label: string; value: string };
-const componentList: CustomRoute[] = [];
+const componentList: Map<string, Option<string>> = new Map();
 ROUTE_LIST.forEach((route) => {
 	const routeSplit = route.split('/');
-	if (routeSplit.pop() === 'basic') componentList.push({ label: routeSplit[1], value: route });
+	if (!componentList.has(routeSplit[1])) {
+		componentList.set(routeSplit[1], {
+			label: routeSplit[1],
+			value: route,
+		});
+	}
 });
-function getComponentFromSample(url: string): string {
-	const routeSplit = url.split('/');
-	routeSplit[2] = 'basic';
-	return routeSplit.join('/');
-}
 export const App: FC = () => {
-	const [theme] = useState(getThemeFromLocation());
-	const [sample, setSample] = useState(clearHash(window.location.hash));
-	const [active, setActive] = useState(false);
-	const [firstComponentChangeEvent, setFirstComponentChangeEvent] = useState(true);
+	const routerLocation = useLocation();
+	const [searchParams, setSearchParams] = useSearchParams();
+	const theme = searchParams.get('theme') ?? getTheme();
+	const hideMenus = searchParams.has('hideMenus');
-	const currentComponent = useMemo(() => {
-		return getComponentFromSample(sample);
-	}, [sample]);
+	setTheme(theme as Theme); // set for `getTheme` usages within the application
 	document.title = `KoliBri-Handout - ${getThemeName(getTheme())} | v${PackageJson.version}`;
 	document.body.setAttribute('class', theme);
 	document.body.dataset.theme = theme;
-	const catchRef = () => {
-		setTimeout(() => {
-			setActive(true);
-		}, 500);
-	};
-	const componentSelectOn = {
-		onChange: (_e: Event, v: unknown) => {
-			/**
-			 * Drop first event as a temporary bugfix for the following issue:
-			 * When navigated to a component example which is not "basic" it would navigate away from it on the first event, because the select only stores the basic routes.
-			 * e.g. accordion/header would become accordion/basic.
-			 * This problem will become obsolete when the select gets replaced with a proper navigation (https://github.com/public-ui/kolibri/issues/5064)
-			 */
-			if (firstComponentChangeEvent) {
-				setFirstComponentChangeEvent(false);
-				return;
-			}
-			const path = (v as string[])[0];
-			setSample(path);
-			window.location.href = `#${path}?theme=${theme}`;
-		},
-	};
-	const on = {
-		onChange: (_event: Event, value: unknown) => {
-			if (active) {
-				value = Array.isArray(value) ? value[0] : value;
-				setTheme(value as Theme);
-				window.location.href =
-					window.location.href
-						.replace(THEME_REGEX, '')
-						.replace(/(\?|&{1,})$/g, '')
-						.replace(/&{2,}/g, '&') + `?theme=${value as string}`;
-				window.location.reload();
-			}
-		},
-	};
-	const next = {
-		onClick: () => {
-			let idx = getIndexOfRoute(window.location.hash);
-			if (idx >= ROUTE_LIST.length - 1) {
-				idx = 0;
-			} else {
-				idx += 1;
-			}
-			setSample(clearHash(ROUTE_LIST[idx]));
-			window.location.href = `#${ROUTE_LIST[idx]}?theme=${theme}`;
-		},
-	};
-	const prev = {
-		onClick: () => {
-			let idx = getIndexOfRoute(window.location.hash);
-			if (idx <= 0) {
-				idx = ROUTE_LIST.length - 1;
-			} else {
-				idx -= 1;
-			}
-			setSample(clearHash(ROUTE_LIST[idx]));
-			window.location.href = `#${ROUTE_LIST[idx]}?theme=${theme}`;
-		},
+	const handleThemeChange = (theme: unknown) => {
+		setSearchParams({ theme: theme as string });
+		window.location.reload();
 	};
 	return (
-		<div className="grid gap-4" data-theme={theme} ref={catchRef}>
-			<div className="no-print grid gap-4 toolbar">
-				<dl>
-					<dt>Beispiel:</dt>
-					<dd>
-						<strong>
-							{/* <KolLink _href={`${window.location.href}?theme=${theme}`} _label={sample} _target="codesandbox" /> */}
-							{sample.replace(/\//g, ' ')}
-						</strong>{' '}
-						({getIndexOfRoute(window.location.hash) + 1}/{ROUTE_LIST.length})
-					</dd>
-					<dd>
-						<KolVersion _version={PackageJson.version}></KolVersion>
-					</dd>
-				</dl>
-				{active && (
-					<>
-						<KolButton
-							_ariaLabel="Weiter zum nächsten Komponenten-Beispiel"
-							_icon="codicon codicon-arrow-right"
-							_hideLabel
-							_label="Weiter"
-							_on={next}
-							_tooltipAlign="left"
-						/>
-						<KolButton
-							_ariaLabel="Weiter zum nächsten Komponenten-Beispiel"
-							_icon="codicon codicon-arrow-left"
-							_hideLabel
-							_label="Zurück"
-							_on={prev}
-							_tooltipAlign="right"
-							_variant="ghost"
-						/>
-					</>
-				)}
-				<KolSelect
-					className="col-span-2 sm:col-auto"
-					_disabled={!active}
-					_hideLabel
-					_label="Komponente wechseln"
-					_id="theme-toggle"
-					_list={componentList}
-					_on={componentSelectOn}
-					_value={[currentComponent]}
-				></KolSelect>
-				<KolSelect
-					_label="Theme wechseln"
-					className="col-span-2 sm:col-auto"
-					_hideLabel
-					_disabled={!active}
-					_id="theme-toggle"
-					_list={THEME_OPTIONS}
-					_on={on}
-					_value={[theme]}
-				></KolSelect>
-			</div>
-			<hr aria-hidden="true" />
+		<div className={!hideMenus ? 'app-container' : ''} data-theme={theme}>
+			{!hideMenus && (
+				<Sidebar
+					version={PackageJson.version}
+					theme={theme}
+					sample={routerLocation.pathname}
+					routes={ROUTES}
+					routeList={ROUTE_LIST}
+					onThemeChange={handleThemeChange}
+				/>
+			)}
 			<div className="p-4">
 				<Routes>
-					{getRouteTree(ROUTES)}
+					{ROUTE_TREE}
 					<Route path="*" element={<KolAlert _type="info">This code example has not been migrated yet - it&#39;s coming soon!</KolAlert>} />
 				</Routes>
 			</div>

package/src/components/Sidebar.tsx ADDED Viewed

@@ -0,0 +1,81 @@
+import React, { FC, useState } from 'react';
+import { KolButton, KolHeading, KolLink, KolSelect, KolVersion } from '@public-ui/react';
+import { THEME_OPTIONS } from '../shares/theme';
+import { Routes } from '../shares/types';
+type Props = {
+	version: string;
+	theme: string;
+	routes: Routes;
+	routeList: string[];
+	sample: string;
+	onThemeChange: (theme: unknown) => void;
+};
+export const Sidebar: FC<Props> = ({ version, theme, routes, routeList, sample, onThemeChange }) => {
+	/* KolSelect calls onChange initially by design - work around this with a state variable  */
+	const [isFirstThemeSelectChange, setIsFirstThemeSelectChange] = useState(true);
+	const getIndexOfSample = () => routeList.indexOf(sample);
+	const formatSampleAsLabel = () => sample.replace(/\//g, ' ');
+	const handleThemeSelectChange = (_event: Event, value: unknown) => {
+		if (isFirstThemeSelectChange) {
+			setIsFirstThemeSelectChange(false);
+		} else {
+			onThemeChange((value as [string])[0]);
+		}
+	};
+	const handleLinkClick = (event: Event) => {
+		location.replace((event.target as HTMLLinkElement).href); // KoliBri prevents the default click behavior as soon as an event listener is set, so we need to reimplement it.
+		document.documentElement.scrollIntoView({ behavior: 'smooth' });
+		// @todo set focus?
+	};
+	const handlePreviousClick = () => {
+		const currentIndex = getIndexOfSample();
+		const nextIndex = currentIndex === 0 ? routeList.length - 1 : currentIndex - 1;
+		location.replace(`#${routeList[nextIndex]}`);
+	};
+	const handleNextClick = () => {
+		const currentIndex = getIndexOfSample();
+		const nextIndex = currentIndex === routeList.length - 1 ? 0 : currentIndex + 1;
+		location.replace(`#${routeList[nextIndex]}`);
+	};
+	return (
+		<aside className="app-sidebar p-4">
+			<div className="flex flex-justify-between flex-items-center">
+				<KolHeading _label="KoliBri React"></KolHeading>
+				<KolVersion _version={version}></KolVersion>
+			</div>
+			<KolSelect _label="Theme wählen" _list={THEME_OPTIONS} _on={{ onChange: handleThemeSelectChange }} _value={[theme]} class="mt"></KolSelect>
+			<KolHeading _label="Komponenten" _level={2} className="block mt"></KolHeading>
+			<div className="flex flex-justify-between flex-items-center mt">
+				<KolButton _icon="codicon codicon-arrow-left" _hideLabel _label="Vorherige Komponente auswählen" _on={{ onClick: handlePreviousClick }} />
+				{formatSampleAsLabel()} ({getIndexOfSample() + 1}/{routeList.length})
+				<KolButton _icon="codicon codicon-arrow-right" _hideLabel _label="Nächste Komponente auswählen" _on={{ onClick: handleNextClick }} />
+			</div>
+			<nav className="block mt">
+				<ul className="m0 p0 list-inside">
+					{Object.entries(routes).map(([parentName, children]) => (
+						<li key={parentName} className="mt-2">
+							{parentName}
+							<ul className="list-inside ml p0">
+								{Object.keys(children).map((childName) => (
+									<li key={`${parentName}/${childName}`}>
+										<KolLink _label={childName} _href={`#/${parentName}/${childName}`} _on={{ onClick: handleLinkClick }} />
+									</li>
+								))}
+							</ul>
+						</li>
+					))}
+				</ul>
+			</nav>
+		</aside>
+	);
+};

package/src/{samples → components}/split-button/routes.ts RENAMED Viewed

@@ -2,7 +2,7 @@ import { Routes } from '../../shares/types';
 import { SplitButtonBasic } from './basic';
 export const SPLIT_BUTTON_ROUTES: Routes = {
-	splitButton: {
+	'split-button': {
 		basic: SplitButtonBasic,
 	},
 };

package/src/shares/routes.ts CHANGED Viewed

@@ -1,44 +1,44 @@
-import { ABBR_ROUTES } from '../samples/abbr/routes';
-import { ACCORDION_ROUTES } from '../samples/accordion/routes';
-import { ALERT_ROUTES } from '../samples/alert/routes';
-import { AVATAR_ROUTES } from '../samples/avatar/routes';
-import { BADGE_ROUTES } from '../samples/badge/routes';
-import { BREADCRUMB_ROUTES } from '../samples/breadcrumb/routes';
-import { BUTTON_GROUP_ROUTES } from '../samples/button-group/routes';
-import { BUTTON_LINK_ROUTES } from '../samples/button-link/routes';
-import { BUTTON_ROUTES } from '../samples/button/routes';
-import { CARD_ROUTES } from '../samples/card/routes';
-import { DETAILS_ROUTES } from '../samples/details/routes';
-import { FORM_ROUTES } from '../samples/form/routes';
-import { HANDOUT_ROUTES } from '../samples/handout/routes';
-import { HEADING_ROUTES } from '../samples/heading/routes';
-import { ICON_ROUTES } from '../samples/icon/routes';
-import { INDENTED_ROUTES } from '../samples/indented-text/routes';
-import { INPUT_CHECKBOX_ROUTES } from '../samples/input-checkbox/routes';
-import { INPUT_COLOR_ROUTES } from '../samples/input-color/routes';
-import { INPUT_DATE_ROUTES } from '../samples/input-date/routes';
-import { INPUT_EMAIL_ROUTES } from '../samples/input-email/routes';
-import { INPUT_FILE_ROUTES } from '../samples/input-file/routes';
-import { INPUT_NUMBER_ROUTES } from '../samples/input-number/routes';
-import { INPUT_PASSWORD_ROUTES } from '../samples/input-password/routes';
-import { INPUT_RADIO_ROUTES } from '../samples/input-radio/routes';
-import { INPUT_RANGE_ROUTES } from '../samples/input-range/routes';
-import { INPUT_TEXT_ROUTES } from '../samples/input-text/routes';
-import { LINK_BUTTON_ROUTES } from '../samples/link-button/routes';
-import { LINK_GROUP_ROUTES } from '../samples/link-group/routes';
-import { LINK_ROUTES } from '../samples/link/routes';
-import { NAV_ROUTES } from '../samples/nav/routes';
-import { PAGINATION_ROUTES } from '../samples/pagination/routes';
-import { POPOVER_ROUTES } from '../samples/popover/routes';
-import { PROGRESS_ROUTES } from '../samples/progress/routes';
-import { SELECT_ROUTES } from '../samples/select/routes';
-import { SKIP_NAV_ROUTES } from '../samples/skip-nav/routes';
-import { SPIN_ROUTES } from '../samples/spin/routes';
-import { SPLIT_BUTTON_ROUTES } from '../samples/split-button/routes';
-import { TABLE_ROUTES } from '../samples/table/routes';
-import { TEXTAREA_ROUTES } from '../samples/textarea/routes';
-import { TOAST_ROUTES } from '../samples/toast/routes';
-import { VERSION_ROUTES } from '../samples/version/routes';
+import { ABBR_ROUTES } from '../components/abbr/routes';
+import { ACCORDION_ROUTES } from '../components/accordion/routes';
+import { ALERT_ROUTES } from '../components/alert/routes';
+import { AVATAR_ROUTES } from '../components/avatar/routes';
+import { BADGE_ROUTES } from '../components/badge/routes';
+import { BREADCRUMB_ROUTES } from '../components/breadcrumb/routes';
+import { BUTTON_GROUP_ROUTES } from '../components/button-group/routes';
+import { BUTTON_LINK_ROUTES } from '../components/button-link/routes';
+import { BUTTON_ROUTES } from '../components/button/routes';
+import { CARD_ROUTES } from '../components/card/routes';
+import { DETAILS_ROUTES } from '../components/details/routes';
+import { FORM_ROUTES } from '../components/form/routes';
+import { HANDOUT_ROUTES } from '../components/handout/routes';
+import { HEADING_ROUTES } from '../components/heading/routes';
+import { ICON_ROUTES } from '../components/icon/routes';
+import { INDENTED_ROUTES } from '../components/indented-text/routes';
+import { INPUT_CHECKBOX_ROUTES } from '../components/input-checkbox/routes';
+import { INPUT_COLOR_ROUTES } from '../components/input-color/routes';
+import { INPUT_DATE_ROUTES } from '../components/input-date/routes';
+import { INPUT_EMAIL_ROUTES } from '../components/input-email/routes';
+import { INPUT_FILE_ROUTES } from '../components/input-file/routes';
+import { INPUT_NUMBER_ROUTES } from '../components/input-number/routes';
+import { INPUT_PASSWORD_ROUTES } from '../components/input-password/routes';
+import { INPUT_RADIO_ROUTES } from '../components/input-radio/routes';
+import { INPUT_RANGE_ROUTES } from '../components/input-range/routes';
+import { INPUT_TEXT_ROUTES } from '../components/input-text/routes';
+import { LINK_BUTTON_ROUTES } from '../components/link-button/routes';
+import { LINK_GROUP_ROUTES } from '../components/link-group/routes';
+import { LINK_ROUTES } from '../components/link/routes';
+import { NAV_ROUTES } from '../components/nav/routes';
+import { PAGINATION_ROUTES } from '../components/pagination/routes';
+import { POPOVER_ROUTES } from '../components/popover/routes';
+import { PROGRESS_ROUTES } from '../components/progress/routes';
+import { SELECT_ROUTES } from '../components/select/routes';
+import { SKIP_NAV_ROUTES } from '../components/skip-nav/routes';
+import { SPIN_ROUTES } from '../components/spin/routes';
+import { SPLIT_BUTTON_ROUTES } from '../components/split-button/routes';
+import { TABLE_ROUTES } from '../components/table/routes';
+import { TEXTAREA_ROUTES } from '../components/textarea/routes';
+import { TOAST_ROUTES } from '../components/toast/routes';
+import { VERSION_ROUTES } from '../components/version/routes';
 import { Routes } from './types';
 export const ROUTES: Routes = {

package/src/shares/store.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { isTheme, Store, Theme } from './theme';
-import PackageJson from '../../node_modules/@public-ui/components/package.json';
+import PackageJson from '@public-ui/components/package.json';
 import { THEME_OPTIONS } from './theme';
 import { Option } from '@public-ui/components';
@@ -19,7 +19,7 @@ class StaticStorage {
 const STORE: Store = {
 	darkMode: false,
-	theme: 'itzbund',
+	theme: 'default',
 };
 let STORAGE: Storage;

package/src/style.scss CHANGED Viewed

@@ -19,71 +19,20 @@ hr {
 	grid-template-columns: auto auto;
 }
-.toolbar {
-	grid-template-columns: auto 1fr auto 1fr auto;
-	place-items: center;
+.app-container {
+	display: grid;
+	grid-template-columns: 360px auto;
+	height: 100%;
 }
-.toolbar kol-button[_label="Zurück"] {
-	order: 1;
-}
-.toolbar dl {
-	order: 2;
-	display: flex;
-	gap: 0.5em;
-	justify-self: start;
-	place-items: center;
-}
-.toolbar dd {
-	margin: 0;
-}
-.toolbar kol-select {
-	order: 3;
-}
-.toolbar kol-button[_label="Weiter"] {
-	order: 4;
-}
-@media only screen and (max-width: 1024px) {
-	.toolbar {
-		display: grid;
-		gap: 1rem;
-		grid-template-columns: 1fr 1fr;
-	}
-	.toolbar kol-button[_label="Zurück"] {
-		order: 3;
-	}
-	.toolbar dl {
-		order: 1;
-	}
-	.toolbar kol-select {
-		order: 2;
-	}
-	.toolbar kol-button[_label="Weiter"] {
-		order: 4;
-	}
-}
-@media only screen and (max-width: 512px) {
-	.toolbar dl,
-	.toolbar kol-select {
-		grid-column: span 2;
-	}
+.app-sidebar {
+	border-right: 1px solid gray;
+	font-family: sans-serif;
 }
 @media print {
 	.no-print,
 	.no-print * {
 		display: none !important;
 	}
-}
+}

package/unocss.config.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineConfig } from '@unocss/webpack';
-import { presetMini } from '@unocss/preset-mini';
+import { presetUno } from '@unocss/preset-uno';
 // ts-prune-ignore-next
 export default defineConfig({
-	presets: [presetMini()],
+	presets: [presetUno()],
 });

/package/src/{samples → components}/abbr/basic.html RENAMED Viewed

File without changes

/package/src/{samples → components}/abbr/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/abbr/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/accordion/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/accordion/header.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/accordion/headlines.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/accordion/list.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/accordion/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/alert/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/alert/card-msg.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/alert/html.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/alert/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/avatar/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/avatar/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/badge/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/badge/button.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/badge/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/breadcrumb/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/breadcrumb/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/button/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button/hide-label.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button/icons.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/button/width.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button-group/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button-group/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/button-link/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button-link/icons.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button-link/image.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/button-link/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/button-link/target.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/card/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/card/confirm.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/card/flex.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/card/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/card/selection.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/details/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/details/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/form/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/handout/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/handout/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/heading/badged.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/heading/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/heading/paragraph.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/heading/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/icon/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/icon/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/indented-text/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/indented-text/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-checkbox/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-checkbox/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-color/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-color/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-date/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-date/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-email/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-email/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-file/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-file/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-number/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-number/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-password/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-password/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-radio/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-radio/horizontal.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-radio/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-radio/select.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-range/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-range/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/input-text/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-text/blur.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-text/focus.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-text/hidden-label.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/input-text/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/link/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/link/icons.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/link/image.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/link/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/link/target.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/link-button/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/link-button/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/link-group/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/nav/active.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/nav/aria-current.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/nav/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/nav/horizontal.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/nav/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/pagination/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/pagination/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/popover/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/popover/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/progress/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/progress/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/select/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/select/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/skip-nav/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/skip-nav/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/spin/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/spin/custom.css RENAMED Viewed

File without changes

/package/src/{samples → components}/spin/custom.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/spin/cycle.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/spin/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/split-button/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/table/badge-size.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/table/render-cell.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/table/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/table/sort-date.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/table/test-data.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/adjust-height.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/disabled.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/placeholder.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/readonly.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/resize.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/textarea/rows.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/toast/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/toast/routes.ts RENAMED Viewed

File without changes

/package/src/{samples → components}/version/basic.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/version/context.tsx RENAMED Viewed

File without changes

/package/src/{samples → components}/version/routes.ts RENAMED Viewed

File without changes