v0.3.1

CHANGELOG.md

@@ -1,25 +1,11 @@
 # Changelog
 
-## v0.3
+## v0.3.1
 
-- Added the `<Menu/>` component.
+- Fixed dependency importing
 
 ## Changes so far
 
-- Added the `<Fieldset/>` component.
-- Added the `<Stylesheet/>` component.
-- Added the `<Kbd/>` component.
-- Added the `<Time/>` component with ptera formating implemented out of the box.
-- Added the `<Dialog/>` component.
-- Added the `<Loader/>` component.
-- Added the `<Menu/>` component.
-- Added Global styles and fonts
-- Moved enums, types, utils and handlers out of `mod.ts`.
-- Moved the stylesheets to css-in-js.
-- Fixed shorthand import paths issue.
-- Fixed `SignalLike` type on component setup script.
-- Fixed the missing `Partial<>` in subcomponent types.
-
 ## Roadmap
 
 ### v0.3

components/Button/setup.ts

@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { BUTTON_TYPES } from '../../src/enums.ts';
 import { iComponent } from '../../src/types.ts';
 import { transition } from '../../src/styles.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iButton = iComponent<HTMLButtonElement> & {
   type: BUTTON_TYPES;

components/Card/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iCard = iComponent<HTMLDivElement> & {
   imageUrl: string;

components/Chip/index.tsx

@@ -1,4 +1,4 @@
-import IconX from 'icons/x.tsx';
+import { IconX } from '../../deps.ts';
 import Text from '../Text/index.tsx';
 import setup, { iChip } from './setup.ts';
 

components/Chip/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iChip = iComponent<HTMLLIElement> & {
   onRemove?: (ev: Event) => void;

components/Chiplist/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iChiplist = iComponent<HTMLUListElement> & {
   onRemove?: (ev: Event) => void;

components/Code/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iCode = iComponent & {
   fwd: Partial<{

components/Dialog/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import { iPanel } from '../Panel/setup.ts';
 import { iLayout } from '../Layout/setup.ts';
 

components/Fieldset/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import type { iInput } from '../Input/setup.ts';
 
 export type iFieldset = iComponent<HTMLFieldSetElement> & {

components/Footer/setup.ts

@@ -5,7 +5,7 @@ import { iPanel } from '../Panel/setup.ts';
 import { iLayout } from '../Layout/setup.ts';
 import { iLink } from '../Link/setup.ts';
 import { iGradient } from '../Gradient/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iFooter = iComponent & {
   madeWithFresh: boolean;

components/Header/setup.ts

@@ -4,7 +4,7 @@ import { GRADIENT_PATTERNS, LAYOUT_TYPES } from '../../src/enums.ts';
 import { iLayout } from '../Layout/setup.ts';
 import { iPanel } from '../Panel/setup.ts';
 import { iGradient } from '../Gradient/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iHeader = iComponent & {
   layout_type: LAYOUT_TYPES | null;

components/Kbd/setup.ts

@@ -1,6 +1,6 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iKbd = iComponent;
 

components/Layout/setup.ts

@@ -1,7 +1,7 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
 import { LAYOUT_TYPES } from '../../src/enums.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iLayout = iComponent<HTMLDivElement> & {
   type: LAYOUT_TYPES;

components/Link/setup.ts

@@ -1,7 +1,7 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
 import { transition } from '../../src/styles.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iLink = iComponent<HTMLAnchorElement>;
 

components/Linkmap/setup.ts

@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
 import { iLink } from '../Link/setup.ts';
 import { iText } from '../Text/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iLinkmapitem = {
   name: string;

components/Loader/index.tsx

@@ -1,7 +1,7 @@
 import setup, { iLoader } from './setup.ts';
 import Panel from '../Panel/index.tsx';
 import Text from '../Text/index.tsx';
-import IconLoader2 from 'icons/loader-2.tsx';
+import { IconLoader2 } from '../../deps.ts';
 
 export default function (props: Partial<iLoader>) {
   const { c, nostyle, nostyleAll, fref, fwd, children, ...p } = setup(props);

components/Loader/setup.ts

@@ -1,6 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import { iText } from '../Text/setup.ts';
 import { animation } from '../../src/styles.ts';
 

components/Main/setup.ts

@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
 import { LAYOUT_TYPES } from '../../src/enums.ts';
 import { iLayout } from '../Layout/setup.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iMain = iComponent & {
   layout_type: LAYOUT_TYPES | null;

components/Markdown/setup.ts

@@ -2,7 +2,7 @@ import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
 import { RenderOptions } from '../../src/markdown.ts';
 import { render } from '../../src/markdown.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iMarkdown = iComponent<HTMLDivElement> & {
   markdown_content: string;

components/Menu/setup.ts

@@ -1,7 +1,7 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
 import { MENU_POSITIONS } from '../../src/enums.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 import { iButton } from '../Button/setup.ts';
 
 export type iMenu = iComponent<HTMLDivElement> & {

components/Panel/setup.ts

@@ -1,6 +1,6 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iPanel = iComponent<HTMLDivElement>;
 

components/Separator/setup.ts

@@ -1,6 +1,6 @@
 import { cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iSeparator = iComponent<HTMLHRElement>;
 

components/Stylesheet/index.tsx

@@ -1,4 +1,4 @@
-import { css, ResinCssEmitter, ResinCssGlobalStyle } from 'resin';
+import { css, ResinCssEmitter, ResinCssGlobalStyle } from '../../deps.ts';
 import { globalStyles, themeStyles } from '../../src/styles.ts';
 
 export default function () {

components/Text/setup.ts

@@ -1,7 +1,7 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { TEXT_TYPES } from '../../src/enums.ts';
 import { iComponent } from '../../src/types.ts';
-import { css } from 'resin';
+import { css } from '../../deps.ts';
 
 export type iText = iComponent<HTMLSpanElement> & {
   type: TEXT_TYPES;

components/Time/setup.ts

@@ -1,7 +1,6 @@
 import { applyDefaults, cn, opt, partializeClasses } from '../../src/utils.ts';
 import { iComponent, iFwd } from '../../src/types.ts';
-import { css } from 'resin';
-import { DateTime, datetime } from 'ptera';
+import { css, DateTime, datetime } from '../../deps.ts';
 
 export type iTime = iComponent<HTMLTimeElement> & {
   dateObject: DateTime;

deps.ts

@@ -0,0 +1,9 @@
+export {
+  css,
+  ResinCssEmitter,
+  ResinCssGlobalStyle,
+} from 'https://deno.land/x/[email protected]/mod.ts';
+export { default as IconLoader2 } from 'https://deno.land/x/[email protected]/tsx/loader-2.tsx';
+export { default as IconX } from 'https://deno.land/x/[email protected]/tsx/x.tsx';
+export { DateTime, datetime } from 'https://deno.land/x/[email protected]/mod.ts';
+export * as classNames from 'https://deno.land/x/[email protected]/index.ts';

routes/_app.tsx

@@ -1,7 +1,5 @@
 import { AppProps } from '$fresh/server.ts';
 import { Head } from '$fresh/runtime.ts';
-import { css, ResinCssEmitter, ResinCssGlobalStyle } from 'resin';
-import { globalStyles, themeStyles } from '../src/styles.ts';
 import { Stylesheet } from '../mod.ts';
 
 export default function App({ Component }: AppProps) {

routes/test/button.tsx

@@ -10,7 +10,7 @@ import {
   Separator,
   Text,
 } from '../../mod.ts';
-import IconEdit from 'icons/edit.tsx';
+import { IconX } from '../../deps.ts';
 
 export default function TestButton() {
   return (
@@ -49,7 +49,7 @@ export default function TestButton() {
             Continue and run <Code>npm init</Code>
           </Button>
           <Button>
-            Edit <IconEdit />
+            Edit <IconX />
           </Button>
           <Button>
             <Text noMargins type='small'>small</Text>

src/styles.ts

@@ -1,4 +1,4 @@
-import { css } from 'resin';
+import { css } from '../deps.ts';
 
 export const transition = {
   interaction: {

src/utils.ts

@@ -9,7 +9,7 @@
  * @module
  */
 
-import * as classNames from 'https://deno.land/x/[email protected]/index.ts';
+import { classNames } from '../deps.ts';
 import { EmptyObject } from './types.ts';
 import { JSX } from 'preact';