umwd-components 0.1.714 → 0.1.715

package/src/stories/TextImageSection.stories.js

@@ -1,73 +0,0 @@
-import { TextImageSection } from "../components/page-elements/TextImageSection";
-import React from "react";
-
-export default {
-  title: "UMWD/TextImageSection",
-  component: TextImageSection,
-  // argTypes: { numberOfChildren: { type: "number" } },
-};
-
-const Template = ({ ...args }) => <TextImageSection data={args} />;
-
-export const HelloWorld = Template.bind({});
-
-HelloWorld.args = {
-  title: "Hello World",
-  image: {
-    url: "https://via.placeholder.com/850",
-    width: 850,
-    height: 850,
-    alt: "Hello World",
-  },
-  text: "## Hello World \n **Hello World,** a timeless greeting that transcends boundaries and encapsulates the essence of connectivity in the digital age. From the humble beginnings of computer programming to the interconnected web of today, Hello World stands as the inaugural utterance in the realm of coding.  *Hello World,* a phrase that marks the inception of countless software projects, introducing developers to the syntax and structure of a programming language. It symbolizes the first step into a world of algorithms, data structures, and creative problem-solving. Beyond its technical significance, it embodies the spirit of initiation and the commencement of a journey into the vast landscape of software development. <br /> <br /> *Hello World,* a greeting echoed by computer science enthusiasts worldwide, reflecting the universality of technology and the shared experience of navigating the intricacies of code. It bridges the gap between novices and seasoned programmers, serving as a common ground where knowledge is exchanged, challenges are discussed, and innovations are born. <br /> <br /> In a broader context, *Hello World* extends beyond the confines of programming. It serves as a metaphor for embracing new beginnings, fostering connections, and acknowledging the vastness of our global community. In a world increasingly shaped by technology, this simple greeting remains a symbol of the interconnectedness that defines our modern existence.",
-  reverse: false,
-};
-
-export const HelloMars = Template.bind({});
-
-HelloMars.args = {
-  title: "Hello Mars",
-  image: {
-    url: "https://via.placeholder.com/1200",
-    width: 600,
-    height: 600,
-    alt: "Hello Mars",
-  },
-  text: "**Hello Mars,** \n a distant red planet that has captured the imagination of humanity for centuries. As we gaze upon your mysterious surface from Earth, we can't help but wonder about the secrets you hold. Hello to the vast landscapes of rust-colored terrain, the towering volcanoes, and the enigmatic canyons that weave across your surface.    *Hello Mars,* a planet that has been the focus of numerous space missions, each one aiming to unveil the mysteries of your past and present. From the iconic rovers tirelessly traversing your rocky landscapes to the orbiters capturing breathtaking images from above, we extend our greetings to the scientific endeavors that seek to understand your geology, climate, and potential for life. <br /> <br /> *Hello Mars,* a beacon of human exploration and curiosity. The dreams of setting foot on your soil have fueled the aspirations of generations, and with each technological leap, the possibility of humans visiting you becomes more tangible. The prospect of a human settlement on Mars brings excitement, challenges, and the promise of a new chapter in our interplanetary journey. <br /> <br /> *Hello Mars,* a testament to the indomitable human spirit that constantly seeks to push the boundaries of what is possible. As we continue to study, explore, and dream about the mysteries you hold, we are reminded of the vastness of the cosmos and the endless opportunities for discovery that lie beyond our home planet.",
-  reverse: true,
-};
-
-export const NoTitle = Template.bind({});
-
-NoTitle.args = {
-  image: {
-    url: "https://via.placeholder.com/150",
-    width: 150,
-    height: 150,
-    alt: "Hello Mars",
-  },
-  text: "**Hello Mars,** \n  a distant red planet that has captured the imagination of humanity for centuries. As we gaze upon your mysterious surface from Earth, we can't help but wonder about the secrets you hold. Hello to the vast landscapes of rust-colored terrain, the towering volcanoes, and the enigmatic canyons that weave across your surface. <br /> <br /> *Hello Mars,* a planet that has been the focus of numerous space missions, each one aiming to unveil the mysteries of your past and present. From the iconic rovers tirelessly traversing your rocky landscapes to the orbiters capturing breathtaking images from above, we extend our greetings to the scientific endeavors that seek to understand your geology, climate, and potential for life. <br /> <br /> *Hello Mars,* a beacon of human exploration and curiosity. The dreams of setting foot on your soil have fueled the aspirations of generations, and with each technological leap, the possibility of humans visiting you becomes more tangible. The prospect of a human settlement on Mars brings excitement, challenges, and the promise of a new chapter in our interplanetary journey. <br /> <br /> *Hello Mars,* a testament to the indomitable human spirit that constantly seeks to push the boundaries of what is possible. As we continue to study, explore, and dream about the mysteries you hold, we are reminded of the vastness of the cosmos and the endless opportunities for discovery that lie beyond our home planet.",
-  reverse: false,
-  maxWidth: "md",
-};
-
-export const NoImage = Template.bind({});
-
-NoImage.args = {
-  title: "Hello Mars",
-  text: "## Hello Mars \n **Hello Mars,** a distant red planet that has captured the imagination of humanity for centuries. As we gaze upon your mysterious surface from Earth, we can't help but wonder about the secrets you hold. Hello to the vast landscapes of rust-colored terrain, the towering volcanoes, and the enigmatic canyons that weave across your surface. <br /> <br /> *Hello Mars,* a planet that has been the focus of numerous space missions, each one aiming to unveil the mysteries of your past and present. From the iconic rovers tirelessly traversing your rocky landscapes to the orbiters capturing breathtaking images from above, we extend our greetings to the scientific endeavors that seek to understand your geology, climate, and potential for life. <br /> <br /> *Hello Mars,* a beacon of human exploration and curiosity. The dreams of setting foot on your soil have fueled the aspirations of generations, and with each technological leap, the possibility of humans visiting you becomes more tangible. The prospect of a human settlement on Mars brings excitement, challenges, and the promise of a new chapter in our interplanetary journey. <br /> <br /> *Hello Mars,* a testament to the indomitable human spirit that constantly seeks to push the boundaries of what is possible. As we continue to study, explore, and dream about the mysteries you hold, we are reminded of the vastness of the cosmos and the endless opportunities for discovery that lie beyond our home planet.",
-  reverse: false,
-};
-
-export const NoText = Template.bind({});
-
-NoText.args = {
-  title: "Hello Mars",
-  image: {
-    url: "https://via.placeholder.com/150",
-    width: 150,
-    height: 150,
-    alt: "Hello Mars",
-  },
-  reverse: true,
-};

package/src/stories/WebsitePlaceholder.stories.js

@@ -1,178 +0,0 @@
-import WebsitePlaceholder from "../components/WebsitePlaceholder";
-import React from "react";
-import { Box } from "@mui/material";
-
-export default {
-  title: "UMWD/WebsitePlaceholder",
-  component: WebsitePlaceholder,
-};
-
-const Template = ({
-  title,
-  announcement,
-  logo,
-  lmBackgroundUrl,
-  dmBackgroundUrl,
-  ...args
-}) => {
-  return (
-    <>
-      <WebsitePlaceholder
-        title={title}
-        announcement={announcement}
-        logo={logo}
-        lmBackgroundUrl={lmBackgroundUrl}
-        dmBackgroundUrl={dmBackgroundUrl}
-      >
-        <Box sx={{ height: "300px" }}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
-          posuere morbi leo urna. Convallis aenean et tortor at risus viverra
-          adipiscing at in. Neque gravida in fermentum et sollicitudin ac orci
-          phasellus. Lobortis scelerisque fermentum dui faucibus. Ultricies
-          tristique nulla aliquet enim tortor at auctor urna nunc. Ornare massa
-          eget egestas purus viverra accumsan in nisl nisi. Sit amet commodo
-          nulla facilisi nullam vehicula ipsum. Risus viverra adipiscing at in.
-          Vulputate eu scelerisque felis imperdiet proin fermentum leo. Elit
-          eget gravida cum sociis natoque. Orci phasellus egestas tellus rutrum
-          tellus pellentesque. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada. Phasellus faucibus scelerisque eleifend donec
-          pretium vulputate sapien nec. Fringilla est ullamcorper eget nulla
-          facilisi etiam dignissim diam quis. Diam quam nulla porttitor massa id
-          neque aliquam vestibulum. Varius duis at consectetur lorem donec.
-          Blandit libero volutpat sed cras ornare arcu. Lorem ipsum dolor sit
-          amet consectetur adipiscing elit. Convallis tellus id interdum velit
-          laoreet.
-        </Box>
-        <Box sx={{ height: "300px" }}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
-          posuere morbi leo urna. Convallis aenean et tortor at risus viverra
-          adipiscing at in. Neque gravida in fermentum et sollicitudin ac orci
-          phasellus. Lobortis scelerisque fermentum dui faucibus. Ultricies
-          tristique nulla aliquet enim tortor at auctor urna nunc. Ornare massa
-          eget egestas purus viverra accumsan in nisl nisi. Sit amet commodo
-          nulla facilisi nullam vehicula ipsum. Risus viverra adipiscing at in.
-          Vulputate eu scelerisque felis imperdiet proin fermentum leo. Elit
-          eget gravida cum sociis natoque. Orci phasellus egestas tellus rutrum
-          tellus pellentesque. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada. Phasellus faucibus scelerisque eleifend donec
-          pretium vulputate sapien nec. Fringilla est ullamcorper eget nulla
-          facilisi etiam dignissim diam quis. Diam quam nulla porttitor massa id
-          neque aliquam vestibulum. Varius duis at consectetur lorem donec.
-          Blandit libero volutpat sed cras ornare arcu. Lorem ipsum dolor sit
-          amet consectetur adipiscing elit. Convallis tellus id interdum velit
-          laoreet.
-        </Box>
-        <Box sx={{ height: "300px" }}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
-          posuere morbi leo urna. Convallis aenean et tortor at risus viverra
-          adipiscing at in. Neque gravida in fermentum et sollicitudin ac orci
-          phasellus. Lobortis scelerisque fermentum dui faucibus. Ultricies
-          tristique nulla aliquet enim tortor at auctor urna nunc. Ornare massa
-          eget egestas purus viverra accumsan in nisl nisi. Sit amet commodo
-          nulla facilisi nullam vehicula ipsum. Risus viverra adipiscing at in.
-          Vulputate eu scelerisque felis imperdiet proin fermentum leo. Elit
-          eget gravida cum sociis natoque. Orci phasellus egestas tellus rutrum
-          tellus pellentesque. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada. Phasellus faucibus scelerisque eleifend donec
-          pretium vulputate sapien nec. Fringilla est ullamcorper eget nulla
-          facilisi etiam dignissim diam quis. Diam quam nulla porttitor massa id
-          neque aliquam vestibulum. Varius duis at consectetur lorem donec.
-          Blandit libero volutpat sed cras ornare arcu. Lorem ipsum dolor sit
-          amet consectetur adipiscing elit. Convallis tellus id interdum velit
-          laoreet.
-        </Box>
-        <Box sx={{ height: "300px" }}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
-          posuere morbi leo urna. Convallis aenean et tortor at risus viverra
-          adipiscing at in. Neque gravida in fermentum et sollicitudin ac orci
-          phasellus. Lobortis scelerisque fermentum dui faucibus. Ultricies
-          tristique nulla aliquet enim tortor at auctor urna nunc. Ornare massa
-          eget egestas purus viverra accumsan in nisl nisi. Sit amet commodo
-          nulla facilisi nullam vehicula ipsum. Risus viverra adipiscing at in.
-          Vulputate eu scelerisque felis imperdiet proin fermentum leo. Elit
-          eget gravida cum sociis natoque. Orci phasellus egestas tellus rutrum
-          tellus pellentesque. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada. Phasellus faucibus scelerisque eleifend donec
-          pretium vulputate sapien nec. Fringilla est ullamcorper eget nulla
-          facilisi etiam dignissim diam quis. Diam quam nulla porttitor massa id
-          neque aliquam vestibulum. Varius duis at consectetur lorem donec.
-          Blandit libero volutpat sed cras ornare arcu. Lorem ipsum dolor sit
-          amet consectetur adipiscing elit. Convallis tellus id interdum velit
-          laoreet.
-        </Box>
-        <Box sx={{ height: "300px" }}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
-          posuere morbi leo urna. Convallis aenean et tortor at risus viverra
-          adipiscing at in. Neque gravida in fermentum et sollicitudin ac orci
-          phasellus. Lobortis scelerisque fermentum dui faucibus. Ultricies
-          tristique nulla aliquet enim tortor at auctor urna nunc. Ornare massa
-          eget egestas purus viverra accumsan in nisl nisi. Sit amet commodo
-          nulla facilisi nullam vehicula ipsum. Risus viverra adipiscing at in.
-          Vulputate eu scelerisque felis imperdiet proin fermentum leo. Elit
-          eget gravida cum sociis natoque. Orci phasellus egestas tellus rutrum
-          tellus pellentesque. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada. Phasellus faucibus scelerisque eleifend donec
-          pretium vulputate sapien nec. Fringilla est ullamcorper eget nulla
-          facilisi etiam dignissim diam quis. Diam quam nulla porttitor massa id
-          neque aliquam vestibulum. Varius duis at consectetur lorem donec.
-          Blandit libero volutpat sed cras ornare arcu. Lorem ipsum dolor sit
-          amet consectetur adipiscing elit. Convallis tellus id interdum velit
-          laoreet.
-        </Box>
-        <Box sx={{ height: "300px" }}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua. Convallis
-          posuere morbi leo urna. Convallis aenean et tortor at risus viverra
-          adipiscing at in. Neque gravida in fermentum et sollicitudin ac orci
-          phasellus. Lobortis scelerisque fermentum dui faucibus. Ultricies
-          tristique nulla aliquet enim tortor at auctor urna nunc. Ornare massa
-          eget egestas purus viverra accumsan in nisl nisi. Sit amet commodo
-          nulla facilisi nullam vehicula ipsum. Risus viverra adipiscing at in.
-          Vulputate eu scelerisque felis imperdiet proin fermentum leo. Elit
-          eget gravida cum sociis natoque. Orci phasellus egestas tellus rutrum
-          tellus pellentesque. Pellentesque habitant morbi tristique senectus et
-          netus et malesuada. Phasellus faucibus scelerisque eleifend donec
-          pretium vulputate sapien nec. Fringilla est ullamcorper eget nulla
-          facilisi etiam dignissim diam quis. Diam quam nulla porttitor massa id
-          neque aliquam vestibulum. Varius duis at consectetur lorem donec.
-          Blandit libero volutpat sed cras ornare arcu. Lorem ipsum dolor sit
-          amet consectetur adipiscing elit. Convallis tellus id interdum velit
-          laoreet.
-        </Box>
-      </WebsitePlaceholder>
-    </>
-  );
-};
-
-export const HelloWorld = Template.bind({});
-
-export const HelloMars = Template.bind({});
-
-HelloWorld.args = {
-  title: "A New Website Near You!",
-  logo: {
-    url: "https://via.placeholder.com/850",
-    width: 850,
-    height: 850,
-    alt: "Hello World",
-  },
-  announcement: "Coming Soon!",
-  lmBackgroundUrl: "https://via.placeholder.com/1920x1080",
-  dmBackgroundUrl: "https://via.placeholder.com/1920x1080",
-};
-
-HelloMars.args = {
-  title: "A Martian Near You!",
-  logo: {
-    url: "https://via.placeholder.com/850",
-    alt: "Hello Mars",
-  },
-  announcement: "In cinama's this summer!",
-  lmBackgroundUrl: "https://via.placeholder.com/1920x1080",
-  dmBackgroundUrl: "https://via.placeholder.com/1920x1080",
-};

package/src/stories/WhatsAppClickToChatButton.stories.js

@@ -1,69 +0,0 @@
-import React from "react";
-import WhatsAppClickToChatButton from "../components/WhatsAppClickToChatButton";
-
-export default {
-  title: "UMWD/WhatsAppClickToChatButton",
-  component: WhatsAppClickToChatButton,
-};
-
-const Template = ({ ...args }) => {
-  return <WhatsAppClickToChatButton {...args} />;
-};
-
-export const Round = Template.bind({});
-
-Round.args = {
-  data: {
-    phoneNumber: "+1234567890",
-    message: "Hello, how can I help you?",
-    color: "#25D366",
-    round: true,
-    sx: {
-      position: "fixed",
-      bottom: "20px",
-      right: "20px",
-      zIndex: 1000,
-      width: "40px",
-      height: "40px",
-    },
-  },
-};
-
-export const WithText = Template.bind({});
-
-WithText.args = {
-  data: {
-    phoneNumber: "+1234567890",
-    message: "Hello, how can I help you?",
-    color: "red",
-    round: false,
-    sx: {
-      position: "fixed",
-      bottom: "20px",
-      right: "20px",
-    },
-  },
-};
-
-export const SX = Template.bind({});
-
-SX.args = {
-  data: {
-    phoneNumber: "+1234567890",
-    message: "Hello, how can I help you?",
-    color: "red",
-    round: true,
-    sx: {
-      position: "fixed",
-      bottom: "20px",
-      right: "20px",
-      zIndex: 1000,
-      width: "70px",
-      height: "70px",
-      ".MuiSvgIcon-root": {
-        width: "40px",
-        height: "40px",
-      },
-    },
-  },
-};

package/src/stories/styles.css

@@ -1,39 +0,0 @@
-body {
-  padding: 0;
-}
-
-.form {
-  width: 500px;
-  padding: 25px;
-  border-radius: 5px;
-  padding-bottom: 50px;
-  box-shadow: 0px 0px 5px gray;
-}
-.form input {
-  width: 100%;
-  border: none;
-  padding: 8px;
-  outline: none;
-  margin-top: 25px;
-  border-radius: 5px;
-  box-sizing: border-box;
-  box-shadow: 0px 0px 3px gray;
-}
-.form button {
-  width: 100%;
-  padding: 8px;
-  border: none;
-  outline: none;
-  color: white;
-  margin-top: 25px;
-  border-radius: 5px;
-  box-sizing: border-box;
-  background-color: rgb(65, 65, 201);
-}
-.form button:disabled {
-  cursor: not-allowed;
-  background-color: lightgray;
-}
-.form h1 {
-  font-family: sans-serif;
-}

package/tailwind.config.ts

@@ -1,80 +0,0 @@
-import type { Config } from "tailwindcss"
-
-const config = {
-  darkMode: ["class"],
-  content: [
-    './pages/**/*.{ts,tsx}',
-    './components/**/*.{ts,tsx}',
-    './app/**/*.{ts,tsx}',
-    './src/**/*.{ts,tsx}',
-	],
-  prefix: "",
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [require("tailwindcss-animate")],
-} satisfies Config
-
-export default config