@greghowe79/the-lib 0.5.7 → 0.5.9

package/lib/components/hero/hero.qwik.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const styles = require("./styles.css.qwik.cjs");
+require("@fontsource/roboto-condensed/500.css");
+const Hero = qwik.component$(({ title, content }) => {
+  qwik.useStylesScoped$(styles);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", {
+    class: "hero",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", {
+        children: title
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", {
+        children: content
+      })
+    ]
+  });
+});
+exports.Hero = Hero;

package/lib/components/hero/hero.qwik.mjs

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useStylesScoped$ } from "@builder.io/qwik";
+import styles from "./styles.css.qwik.mjs";
+import "@fontsource/roboto-condensed/500.css";
+const Hero = component$(({ title, content }) => {
+  useStylesScoped$(styles);
+  return /* @__PURE__ */ jsxs("section", {
+    class: "hero",
+    children: [
+      /* @__PURE__ */ jsx("h1", {
+        children: title
+      }),
+      /* @__PURE__ */ jsx("p", {
+        children: content
+      })
+    ]
+  });
+});
+export {
+  Hero
+};

package/lib/components/hero/styles.css.qwik.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const styles = ".hero {\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  background-color: rgb(0, 51, 153);\r\n  text-align: center;\r\n  padding: 6.25rem 1.25rem;\r\n}\r\n\r\n.hero h1 {\r\n  font-size: 3rem;\r\n  margin-bottom: 1.25rem;\r\n  color: white;\r\n}\r\n\r\n.hero p {\r\n  font-size: 1.5rem;\r\n  font-weight: 500;\r\n  margin-bottom: 1.875rem;\r\n  color: white;\r\n}\r\n";
+module.exports = styles;

package/lib/components/hero/styles.css.qwik.mjs

@@ -0,0 +1,4 @@
+const styles = ".hero {\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n  background-color: rgb(0, 51, 153);\r\n  text-align: center;\r\n  padding: 6.25rem 1.25rem;\r\n}\r\n\r\n.hero h1 {\r\n  font-size: 3rem;\r\n  margin-bottom: 1.25rem;\r\n  color: white;\r\n}\r\n\r\n.hero p {\r\n  font-size: 1.5rem;\r\n  font-weight: 500;\r\n  margin-bottom: 1.875rem;\r\n  color: white;\r\n}\r\n";
+export {
+  styles as default
+};

package/lib/index.qwik.cjs

@@ -7,6 +7,7 @@ const NavigationMenu = require("./components/navigationmenu/NavigationMenu.qwik.
 const modal = require("./components/modal/modal.qwik.cjs");
 const loader = require("./components/loader/loader.qwik.cjs");
 const input = require("./components/input/input.qwik.cjs");
+const hero = require("./components/hero/hero.qwik.cjs");
 exports.Logo = logo.Logo;
 exports.Counter = counter.Counter;
 exports.Button = button.Button;
@@ -14,3 +15,4 @@ exports.NavigationMenu = NavigationMenu.NavigationMenu;
 exports.Modal = modal.Modal;
 exports.Loader = loader.Loader;
 exports.Input = input.Input;
+exports.Hero = hero.Hero;

package/lib/index.qwik.mjs

@@ -5,9 +5,11 @@ import { NavigationMenu } from "./components/navigationmenu/NavigationMenu.qwik.
 import { Modal } from "./components/modal/modal.qwik.mjs";
 import { Loader } from "./components/loader/loader.qwik.mjs";
 import { Input } from "./components/input/input.qwik.mjs";
+import { Hero } from "./components/hero/hero.qwik.mjs";
 export {
   Button,
   Counter,
+  Hero,
   Input,
   Loader,
   Logo,

package/lib-types/components/hero/hero.d.ts

@@ -0,0 +1,6 @@
+import '@fontsource/roboto-condensed/500.css';
+export interface HeroProps {
+    title?: string;
+    content?: string;
+}
+export declare const Hero: import("@builder.io/qwik").Component<HeroProps>;

package/lib-types/index.d.ts

@@ -5,3 +5,4 @@ export { NavigationMenu } from './components/navigationmenu/NavigationMenu';
 export { Modal } from './components/modal/modal';
 export { Loader } from './components/loader/loader';
 export { Input } from './components/input/input';
+export { Hero } from './components/hero/hero';

package/lib-types/stories/hero.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from 'storybook-framework-qwik';
+import { type HeroProps } from '../components/hero/hero';
+declare const meta: Meta<HeroProps>;
+export default meta;
+type Story = StoryObj<HeroProps>;
+export declare const HeroWithText: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greghowe79/the-lib",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "description": "Collection of fast components for Qwik",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",