v0.2.3

CHANGELOG.md

@@ -1,24 +1,21 @@
 # Changelog
 
-## v0.2.2-beta.5
+## v0.2.3
 
-### Added an Input testing route
+### Added an Gradient testing route
 
 - `/fresh.gen.ts`
-- `/routes/test/input.tsx`
+- `/routes/test/gradient.tsx`
 
-### Fixed Input component bugs
+### Minor changes
 
-- `/components/Input/index.tsx`
-- `/components/Select/index.tsx`
-- `/components/Select/setup.tsx`
-- `/components/TextArea/index.tsx`
-- `/components/TextArea/setup.tsx`
+- `/mod.ts`
 
 ## Changes so far
 
 - ✅ Markdown component
 - Better task scripts.
+- Added UI Component testing routes.
 
 ## Roadmap
 
@@ -55,7 +52,6 @@
 - [ ] Minor updates
   - [ ] Spread scss 
   - [ ] Add scss variables containing the css root variables.
-  - [ ] Optional don't use a label element in imput components if the label param is undefined.
   - [x] Add a nostyleAll global parameter to all components that ignores all classes in the component's elements.
   - [x] Ignore .md files in the .vscode settings for deno fmt.
 

fresh.gen.ts

@@ -5,14 +5,16 @@
 import * as $0 from './routes/_app.tsx';
 import * as $1 from './routes/index.tsx';
 import * as $2 from './routes/md.tsx';
-import * as $3 from './routes/test/input.tsx';
+import * as $3 from './routes/test/gradient.tsx';
+import * as $4 from './routes/test/input.tsx';
 
 const manifest = {
   routes: {
     './routes/_app.tsx': $0,
     './routes/index.tsx': $1,
     './routes/md.tsx': $2,
-    './routes/test/input.tsx': $3,
+    './routes/test/gradient.tsx': $3,
+    './routes/test/input.tsx': $4,
   },
   islands: {},
   baseUrl: import.meta.url,

mod.ts

@@ -15,6 +15,7 @@ export { default as Separator } from './components/Separator/index.tsx';
 export { default as Linkmap } from './components/Linkmap/index.tsx';
 export { default as Panel } from './components/Panel/index.tsx';
 export { default as Markdown } from './components/Markdown/index.tsx';
+export { default as Gradient } from './components/Gradient/index.tsx';
 export * from './src/enums.ts';
 export * from './src/types.ts';
 export * from './src/utils.ts';

routes/test/gradient.tsx

@@ -0,0 +1,16 @@
+import { Gradient, Main, Text } from '../../mod.ts';
+
+export default function TestGradient() {
+  return (
+    <>
+      <Main layout_type='center'>
+        <Text type='subheading'>Cloud</Text>
+        <Gradient gradient_pattern='cloud' />
+        <Text type='subheading'>Wave</Text>
+        <Gradient gradient_pattern='wave' />
+        <Text type='subheading'>Zigzag</Text>
+        <Gradient gradient_pattern='zigzag' />
+      </Main>
+    </>
+  );
+}