dfh-ui-library 1.0.1 → 1.0.3

package/dist/cjs/index.js

@@ -13,4 +13,3 @@
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */l=f,function(){var e={}.hasOwnProperty;function t(){for(var r=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var a=typeof o;if("string"===a||"number"===a)r.push(o);else if(Array.isArray(o)){if(o.length){var u=t.apply(null,o);u&&r.push(u)}}else if("object"===a){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){r.push(o.toString());continue}for(var i in o)e.call(o,i)&&o[i]&&r.push(i)}}}return r.join(" ")}l.exports?(t.default=t,l.exports=t):window.classNames=t}();var p=e(f.exports);"function"==typeof SuppressedError&&SuppressedError;exports.Button=({type:e="button",isDisabled:t=!1,buttonLabel:r,iconType:n,iconColor:o,iconAlignment:a="left",isIconEnabled:i,variants:s="default",additionalClasses:l,iconClass:f,onClick:d})=>{const y=t?"opacity-[0.38] pointer-events-none":"opacity-100",m=["flex rounded-lg justify-center items-center px-2",c(s),l,y];return u.createElement("button",{type:e,disabled:t,className:p(m),onClick:d},"left"===a&&i&&u.createElement("span",{className:`${o||"text-inherit"} ${f||"mr-2"}`}),r,"right"===a&&i&&u.createElement("span",{className:`${o||"text-inherit"} ${f||"ml-2 "}`}))},exports.Typhography=e=>{var{type:t,component:r="span",color:n,additionalClasses:o,children:a,onClick:i}=e,s=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["type","component","color","additionalClasses","children","onClick"]);const c=(e=>{switch(e){case"h1":return"text-12s font-medium";case"h1Bold":return"text-12s font-semibold";case"h1ExtraBold":return"text-12s font-extrabold";case"h2":return"text-14s font-medium";case"h2Bold":return"text-14s font-semibold";case"h2ExtraBold":return"text-14s font-extrabold";case"h6":return"text-28s font-medium";case"h6Bold":return"text-28s font-semibold";case"h6ExtraBold":return"text-28s font-extrabold";case"h10":return"text-10s font-medium";case"h10Bold":return"text-10s font-semibold";case"h10ExtraBold":return"text-10s font-extrabold"}})(t)+" "+o+" "+n;return u.createElement(u.Fragment,null,"p"===r?u.createElement("p",Object.assign({className:c},s,{onClick:i}),a):"span"===r?u.createElement("span",Object.assign({className:c},s,{onClick:i}),a):"em"===r?u.createElement("em",Object.assign({className:c},s,{onClick:i}),a):"div"===r?u.createElement("div",Object.assign({className:c},s,{onClick:i}),a):u.createElement("div",Object.assign({className:o},s,{onClick:i}),a))};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js

@@ -13,4 +13,3 @@ function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"de
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var a=typeof o;if("string"===a||"number"===a)e.push(o);else if(Array.isArray(o)){if(o.length){var u=r.apply(null,o);u&&e.push(u)}}else if("object"===a){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){e.push(o.toString());continue}for(var i in o)t.call(o,i)&&o[i]&&e.push(i)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(p);var d=e(p.exports);const y=({type:e="button",isDisabled:t=!1,buttonLabel:r,iconType:n,iconColor:o,iconAlignment:a="left",isIconEnabled:u,variants:i="default",additionalClasses:c,iconClass:l,onClick:p})=>{const y=t?"opacity-[0.38] pointer-events-none":"opacity-100",m=["flex rounded-lg justify-center items-center px-2",f(i),c,y];return s.createElement("button",{type:e,disabled:t,className:d(m),onClick:p},"left"===a&&u&&s.createElement("span",{className:`${o||"text-inherit"} ${l||"mr-2"}`}),r,"right"===a&&u&&s.createElement("span",{className:`${o||"text-inherit"} ${l||"ml-2 "}`}))};"function"==typeof SuppressedError&&SuppressedError;const m=e=>{var{type:t,component:r="span",color:n,additionalClasses:o,children:a,onClick:u}=e,i=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["type","component","color","additionalClasses","children","onClick"]);const c=(e=>{switch(e){case"h1":return"text-12s font-medium";case"h1Bold":return"text-12s font-semibold";case"h1ExtraBold":return"text-12s font-extrabold";case"h2":return"text-14s font-medium";case"h2Bold":return"text-14s font-semibold";case"h2ExtraBold":return"text-14s font-extrabold";case"h6":return"text-28s font-medium";case"h6Bold":return"text-28s font-semibold";case"h6ExtraBold":return"text-28s font-extrabold";case"h10":return"text-10s font-medium";case"h10Bold":return"text-10s font-semibold";case"h10ExtraBold":return"text-10s font-extrabold"}})(t)+" "+o+" "+n;return s.createElement(s.Fragment,null,"p"===r?s.createElement("p",Object.assign({className:c},i,{onClick:u}),a):"span"===r?s.createElement("span",Object.assign({className:c},i,{onClick:u}),a):"em"===r?s.createElement("em",Object.assign({className:c},i,{onClick:u}),a):"div"===r?s.createElement("div",Object.assign({className:c},i,{onClick:u}),a):s.createElement("div",Object.assign({className:o},i,{onClick:u}),a))};export{y as Button,m as Typhography};
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs",
@@ -27,10 +27,7 @@
     "tailwindcss": "^3.3.5",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
-  },
-  "peerDependencies": {
-    "tailwindcss": "^3.3.5",
+    "typescript": "^5.2.2",
     "autoprefixer": "^10.4.16",
     "cssnano": "^6.0.1",
     "postcss": "^8.4.31",
@@ -54,15 +51,10 @@
     "@storybook/testing-library": "^0.2.2",
     "autoprefixer": "^10.4.16",
     "cssnano": "^6.0.1",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
     "rollup": "^4.5.0",
     "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.69.5",
     "storybook": "^7.5.3",
     "sugarss": "^4.0.1",
     "vite": "^5.0.0"

package/dist/cjs/assets/output-N6vATm4l.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/dist/cjs/types/components/Button/Button.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Button from "./Button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Disabled: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;

package/dist/cjs/types/components/Typhography/Typhography.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Typhography from "./Typhography";
-declare const meta: Meta<typeof Typhography>;
-export default meta;
-type Story = StoryObj<typeof Typhography>;
-export declare const H1: Story;
-export declare const H1Bold: Story;
-export declare const H1ExtraBold: Story;
-export declare const H10: Story;

package/dist/cjs/types/stories/Button.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
-export {};

package/dist/cjs/types/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/dist/cjs/types/stories/Header.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './header.css';
-type User = {
-    name: string;
-};
-interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => React.JSX.Element;
-export {};

package/dist/cjs/types/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/cjs/types/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;

package/dist/cjs/types/stories/Page.stories.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{}>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;

package/dist/esm/assets/output-N6vATm4l.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/dist/esm/types/components/Button/Button.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Button from "./Button";
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Disabled: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;

package/dist/esm/types/components/Typhography/Typhography.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Typhography from "./Typhography";
-declare const meta: Meta<typeof Typhography>;
-export default meta;
-type Story = StoryObj<typeof Typhography>;
-export declare const H1: Story;
-export declare const H1Bold: Story;
-export declare const H1ExtraBold: Story;
-export declare const H10: Story;

package/dist/esm/types/stories/Button.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
-export {};

package/dist/esm/types/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/dist/esm/types/stories/Header.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './header.css';
-type User = {
-    name: string;
-};
-interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => React.JSX.Element;
-export {};

package/dist/esm/types/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: any;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/esm/types/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;

package/dist/esm/types/stories/Page.stories.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{}>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;