tecitheme 0.5.1 → 0.6.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./utils.js";
 export { default as getContent } from "./get-content.js";
+export { default as Accordion } from "./components/Accordion.svelte";
 export { default as Banner } from "./components/Banner.svelte";
 export { default as Button } from "./components/Button.svelte";
 export { default as Card } from "./components/Card.svelte";

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from './utils.js';
 export { default as getContent } from './get-content.js';
+export { default as Accordion } from './components/Accordion.svelte';
 export { default as Banner } from './components/Banner.svelte';
 export { default as Button } from './components/Button.svelte';
 export { default as Card } from './components/Card.svelte';

package/dist/layouts/blocks.svelte

@@ -1,4 +1,5 @@
 <script>
+  import Accordion from "../components/Accordion.svelte";
   import CTA from "../components/CTA.svelte";
   import HeadingCentered from "../components/HeadingCentered.svelte";
   import MediaFeature from "../components/MediaFeature.svelte";
@@ -9,17 +10,17 @@
   import TrialForm from "../components/TrialForm.svelte";
   import Video from "../components/Video.svelte";
   import Hero from "../components/Hero.svelte";
-  import CTABranded from "../components/CTABranded.svelte";
   import FeatureGrid from "../components/FeatureGrid.svelte";
   import LogoCloud from "../components/LogoCloud.svelte";
-  import CtaSplitImage from "../components/CTASplitImage.svelte";
+  import CTASplitImage from "../components/CTASplitImage.svelte";
   import ContentTwoColumns from "../components/ContentTwoColumns.svelte";
   import PricingTable from "../components/PricingTable.svelte";
   import Stats from "../components/Stats.svelte";
   import Testimonial from "../components/Testimonial.svelte";
 
   let blocks = [
-    { ref: "cta-center", component: CTA },
+    { ref: "accordion", component: Accordion},
+    { ref: "cta", component: CTA },
     { ref: "heading-centered", component: HeadingCentered },
     { ref: "media-feature", component: MediaFeature },
     { ref: "modal", component: Modal },
@@ -29,10 +30,9 @@
     { ref: "trial-form", component: TrialForm },
     { ref: "video", component: Video },
     { ref: "hero", component: Hero },
-    { ref: "cta-branded", component: CTABranded },
     { ref: "feature-grid", component: FeatureGrid },
     { ref: "logo-cloud", component: LogoCloud },
-    { ref: "cta-split-image", component: CtaSplitImage },
+    { ref: "cta-split-image", component: CTASplitImage },
     { ref: "content-two-columns", component: ContentTwoColumns },
     { ref: "pricing-table", component: PricingTable },
     { ref: "stats", component: Stats },

package/dist/utils.d.ts

@@ -1,4 +1,5 @@
 export function scrollTo(anchor: any): void;
+export function getColorStyles(type: any, color: any): string;
 export function validateEmail(email: any): boolean;
 export function slugFromPath(path: any): void;
 export function buildToC(): boolean;

package/dist/utils.js

@@ -4,6 +4,75 @@ export function scrollTo(anchor) {
   });
 }
 
+export function getColorStyles(type, color){
+  let classes = ""
+  switch (type) {
+    case 'text':
+      switch (color) {
+        case 'pyrosim':
+          classes = "text-pyrosim"
+          break;
+        case 'pathfinder':
+          classes = "text-pathfinder"
+          break;
+        case 'ventus':
+          classes = "text-ventus"
+          break;
+        case 'gray':
+          classes = "text-gray-300"
+          break;
+        case 'white':
+          classes = "text-white"
+          break;
+        default:
+          classes = "text-teci-blue-dark"
+          break;
+      }
+      break;
+    case 'button':
+      switch (color) {
+        case 'pyrosim':
+          classes = "bg-pyrosim hover:bg-pyrosim-dark text-white focus:ring-teci-blue-light border-pyrosim-dark"
+          break;
+        case 'pathfinder':
+          classes = "bg-pathfinder hover:bg-pathfinder-dark text-white focus:ring-teci-blue-light border-pathfinder-dark"
+          break;
+        case 'ventus':
+          classes = "bg-ventus hover:bg-ventus-dark text-white focus:ring-teci-blue-light border-ventus-dark"
+          break;
+        case 'white':
+          classes = "bg-white text-gray-600 hover:bg-gray-200 focus:ring-teci-blue-light border-gray-200"
+          break;
+        default:
+          classes = "bg-teci-blue-light hover:bg-teci-blue-dark text-white focus:ring-teci-blue-light border-teci-blue-dark"
+          break;
+      }
+      break;
+      case 'background':
+        switch (color) {
+          case 'pyrosim':
+            classes = "bg-pyrosim text-white"
+            break;
+          case 'pathfinder':
+            classes = "bg-pathfinder text-white"
+            break;
+          case 'ventus':
+            classes = "bg-ventus text-white"
+            break;
+          case 'teci':
+            classes = "bg-teci-blue-light text-white"
+            break;
+          default:
+            classes = "bg-white"
+            break;
+        }
+        break;
+    default:
+      break;
+  }
+  return classes;
+}
+
 export function validateEmail(email) {
   const re =
     /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",
@@ -27,45 +27,45 @@
     "dist"
   ],
   "peerDependencies": {
-    "@sveltejs/kit": "^1.13.0",
-    "svelte": "^3.57.0"
+    "@sveltejs/kit": "^1.20.2",
+    "svelte": "^3.59.1"
   },
   "devDependencies": {
-    "@fontsource/inter": "^4.5.15",
-    "@fontsource/material-icons-outlined": "^4.5.4",
-    "@sveltejs/adapter-static": "2.0.1",
-    "@sveltejs/kit": "^1.13.0",
+    "@fontsource-variable/inter": "^5.0.3",
+    "@fontsource/material-icons-outlined": "^5.0.3",
+    "@sveltejs/adapter-static": "2.0.2",
+    "@sveltejs/kit": "^1.20.2",
     "@sveltejs/package": "^2.0.2",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.9",
-    "@tsconfig/svelte": "^3.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
-    "autoprefixer": "^10.4.13",
-    "eslint": "^8.35.0",
-    "eslint-config-prettier": "^8.7.0",
+    "@tsconfig/svelte": "^4.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
+    "autoprefixer": "^10.4.14",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "html-to-text": "^9.0.4",
+    "html-to-text": "^9.0.5",
     "markdown-yaml-metadata-parser": "^3.0.0",
     "mdsvex": "^0.10.6",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.6",
-    "prettier-plugin-tailwindcss": "^0.2.5",
+    "postcss": "^8.4.24",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.3.0",
     "rehype-slug": "^5.1.0",
-    "svelte": "^3.57.0",
-    "svelte-check": "^3.1.4",
+    "svelte": "^3.59.1",
+    "svelte-check": "^3.4.3",
     "svelte-paginate": "^0.1.0",
-    "svelte-preprocess": "^5.0.3",
-    "svelte2tsx": "^0.6.10",
+    "svelte-preprocess": "^5.0.4",
+    "svelte2tsx": "^0.6.15",
     "sveltekit-autoimport": "^1.7.0",
-    "tailwindcss": "^3.2.7",
-    "tslib": "^2.5.0",
-    "typescript": "^4.9.5",
+    "tailwindcss": "^3.3.2",
+    "tslib": "^2.5.3",
+    "typescript": "^5.1.3",
     "uuid-by-string": "^4.0.0",
-    "vite": "^4.2.1"
+    "vite": "^4.3.9"
   },
   "dependencies": {
-    "katex": "^0.16.4",
-    "svelte": "^3.57.0"
+    "katex": "^0.16.7",
+    "svelte": "^3.59.1"
   }
-}
+}

package/dist/components/CTABranded.svelte

@@ -1,20 +0,0 @@
-<script>
-  export let data
-  let id
-
-  if (data.name) {
-    id = encodeURIComponent(data.name).toLowerCase()
-  }
-</script>
-
-<section {id} class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : (data.color == "ventus" ? "bg-ventus" : "bg-teci-blue-dark")))}">
-  <div class="mx-auto max-w-4xl py-10 px-6 text-center sm:py-10 lg:px-8">
-    <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-      <span class="block">{@html data.heading}</span>
-    </h2>
-    <p class="mt-4 text-lg leading-6 text-gray-200">{@html data.body}</p>
-    <a href={data.cta_url} class="mt-8 inline-flex w-full items-center justify-center border border-transparent bg-white px-5 py-3 text-base font-medium text-gray-900 hover:bg-indigo-50 sm:w-auto">
-      {data.cta}
-    </a>
-  </div>
-</section>

package/dist/components/CTABranded.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  CtaBrandedProps */
-/** @typedef {typeof __propDef.events}  CtaBrandedEvents */
-/** @typedef {typeof __propDef.slots}  CtaBrandedSlots */
-export default class CtaBranded extends SvelteComponentTyped<{
-    data: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type CtaBrandedProps = typeof __propDef.props;
-export type CtaBrandedEvents = typeof __propDef.events;
-export type CtaBrandedSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        data: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/Subscribe.svelte

@@ -1,24 +0,0 @@
-<script>
-  export let classes;
-</script>
-
-<div class="not-prose w-32 {classes ? classes : ''}">
-  <data
-    id="mj-w-res-data"
-    data-token="2a0fbbba6aa7f1398b091a6a5f5f2167"
-    class="mj-w-data"
-    data-apikey="3aOX"
-    data-w-id="Fbu"
-    data-lang="en_US"
-    data-base="https://app.mailjet.com"
-    data-width="640"
-    data-height="480"
-    data-statics="statics"
-  />
-  <button
-    class="flex w-full items-center justify-center border border-transparent bg-teci-blue-light px-4 py-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-teci-blue-dark focus:border-teci-blue-dark focus:outline-none"
-    data-token="2a0fbbba6aa7f1398b091a6a5f5f2167"
-    onclick="mjOpenPopin(event, this)">Subscribe</button
-  >
-</div>
-<div class="clear-both" />

package/dist/components/Subscribe.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  SubscribeProps */
-/** @typedef {typeof __propDef.events}  SubscribeEvents */
-/** @typedef {typeof __propDef.slots}  SubscribeSlots */
-export default class Subscribe extends SvelteComponentTyped<{
-    classes: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SubscribeProps = typeof __propDef.props;
-export type SubscribeEvents = typeof __propDef.events;
-export type SubscribeSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        classes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};