@ptcwebops/ptcw-design 6.4.14 → 6.4.15-beta

package/dist/types/components.d.ts

@@ -208,6 +208,8 @@ export namespace Components {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle": string;
     }
@@ -437,7 +439,6 @@ export namespace Components {
           * (optional) Injected CSS styles
          */
         "styles"?: string;
-        "type"?: string;
     }
     interface PtcBrightcovVideo {
         "videoId": string;
@@ -657,7 +658,6 @@ export namespace Components {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardOnDemandVideoTheme"?: "light" | "dark";
         "cardType"?: | "card-video"
 		| "card-tall"
 		| "card-2up"
@@ -1090,6 +1090,14 @@ export namespace Components {
 		| "radius-large-top"
 		| "radius-standard-top"
 		| "";
+        /**
+          * (optional) setTimeout delay fro Lazy loading
+         */
+        "delay": number;
+        /**
+          * (optional) enable lazy loading
+         */
+        "enableLazyLoad": boolean;
         /**
           * Image type
          */
@@ -1159,6 +1167,10 @@ export namespace Components {
           * delay loading of video to improve perfomance
          */
         "defer": boolean;
+        /**
+          * (optional) to enable lazy loading
+         */
+        "enableLazy": boolean;
         "gifSrc"?: string;
         "hasCountdown": boolean;
         "hasCtaSlot": boolean;
@@ -1428,6 +1440,7 @@ export namespace Components {
 		| "md"
 		| "lg"
 		| "xl"
+		| "fit-content"
 		| "max"
 		| "sm-modal";
         /**
@@ -1713,7 +1726,10 @@ export namespace Components {
         /**
           * Paragraph Color
          */
-        "paraColor": "primary-grey" | "white" | "gray-darker";
+        "paraColor": | "primary-grey"
+		| "primary-green"
+		| "white"
+		| "gray-darker";
         /**
           * line height
          */
@@ -1789,7 +1805,6 @@ export namespace Components {
         "tooltipZIndex": string;
     }
     interface PtcPicture {
-        "LoadImage": () => Promise<void>;
         /**
           * Image alt
          */
@@ -1906,6 +1921,7 @@ export namespace Components {
          */
         "styles"?: string;
         "text": string | undefined;
+        "theme": "standard" | "light";
     }
     interface PtcPricingAddOnCard {
         /**
@@ -2308,29 +2324,29 @@ export namespace Components {
         /**
           * Title line height
          */
-        "titleHeight": | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
+        "titleHeight": | "densest"
+		| "denser"
+		| "dense"
+		| "normal"
+		| "loose"
+		| "looser"
 		| "paragraph";
         /**
           * Title Margin
          */
-        "titleMargin"?: | "margin-flush"
-		| "margin-top-3"
-		| "margin-top-4"
-		| "margin-top-5"
-		| "margin-top-6"
-		| "margin-bottom-3"
-		| "margin-bottom-4"
-		| "margin-bottom-5"
-		| "margin-bottom-6"
-		| "margin-3"
-		| "margin-4"
-		| "margin-5"
-		| "margin-6"
+        "titleMargin"?: | "margin-flush"
+		| "margin-top-3"
+		| "margin-top-4"
+		| "margin-top-5"
+		| "margin-top-6"
+		| "margin-bottom-3"
+		| "margin-bottom-4"
+		| "margin-bottom-5"
+		| "margin-bottom-6"
+		| "margin-3"
+		| "margin-4"
+		| "margin-5"
+		| "margin-6"
 		| "margin-9";
         /**
           * Title Shadow
@@ -2339,18 +2355,18 @@ export namespace Components {
         /**
           * Title size
          */
-        "titleSize": | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
+        "titleSize": | "xx-small"
+		| "x-small"
+		| "small"
+		| "medium"
+		| "large"
+		| "x-large"
+		| "xx-large"
+		| "xxx-large"
+		| "xxxx-large"
+		| "xxxx-large-allbp"
+		| "xx-large-allbp"
+		| "xxxx-large-desktop"
 		| "xxxx-large-store";
         /**
           * Title weight
@@ -2720,7 +2736,7 @@ export namespace Components {
           * Custom Validation - String
          */
         "customValidation": (
-		input: HTMLInputElement | HTMLTextAreaElement,
+		input: HTMLInputElement | HTMLTextAreaElement
 	) => string;
         /**
           * Disable the field
@@ -3465,6 +3481,12 @@ declare global {
         prototype: HTMLMaxWidthContainerElement;
         new (): HTMLMaxWidthContainerElement;
     };
+    interface HTMLModalFormExampleElement extends Components.ModalFormExample, HTMLStencilElement {
+    }
+    var HTMLModalFormExampleElement: {
+        prototype: HTMLModalFormExampleElement;
+        new (): HTMLModalFormExampleElement;
+    };
     interface HTMLMostPopularNewsElement extends Components.MostPopularNews, HTMLStencilElement {
     }
     var HTMLMostPopularNewsElement: {
@@ -4401,6 +4423,7 @@ declare global {
         "jumbotron-sub-mune": HTMLJumbotronSubMuneElement;
         "list-item": HTMLListItemElement;
         "max-width-container": HTMLMaxWidthContainerElement;
+        "modal-form-example": HTMLModalFormExampleElement;
         "most-popular-news": HTMLMostPopularNewsElement;
         "my-component": HTMLMyComponentElement;
         "news-search-result": HTMLNewsSearchResultElement;
@@ -4762,6 +4785,8 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle"?: string;
     }
@@ -4997,7 +5022,6 @@ declare namespace LocalJSX {
           * (optional) Injected CSS styles
          */
         "styles"?: string;
-        "type"?: string;
     }
     interface PtcBrightcovVideo {
         "videoId"?: string;
@@ -5220,7 +5244,6 @@ declare namespace LocalJSX {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardOnDemandVideoTheme"?: "light" | "dark";
         "cardType"?: | "card-video"
 		| "card-tall"
 		| "card-2up"
@@ -5669,6 +5692,14 @@ declare namespace LocalJSX {
 		| "radius-large-top"
 		| "radius-standard-top"
 		| "";
+        /**
+          * (optional) setTimeout delay fro Lazy loading
+         */
+        "delay"?: number;
+        /**
+          * (optional) enable lazy loading
+         */
+        "enableLazyLoad"?: boolean;
         /**
           * Image type
          */
@@ -5739,6 +5770,10 @@ declare namespace LocalJSX {
           * delay loading of video to improve perfomance
          */
         "defer"?: boolean;
+        /**
+          * (optional) to enable lazy loading
+         */
+        "enableLazy"?: boolean;
         "gifSrc"?: string;
         "hasCountdown"?: boolean;
         "hasCtaSlot"?: boolean;
@@ -6014,6 +6049,7 @@ declare namespace LocalJSX {
 		| "md"
 		| "lg"
 		| "xl"
+		| "fit-content"
 		| "max"
 		| "sm-modal";
         /**
@@ -6308,7 +6344,10 @@ declare namespace LocalJSX {
         /**
           * Paragraph Color
          */
-        "paraColor"?: "primary-grey" | "white" | "gray-darker";
+        "paraColor"?: | "primary-grey"
+		| "primary-green"
+		| "white"
+		| "gray-darker";
         /**
           * line height
          */
@@ -6498,6 +6537,7 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         "text"?: string | undefined;
+        "theme"?: "standard" | "light";
     }
     interface PtcPricingAddOnCard {
         /**
@@ -6922,29 +6962,29 @@ declare namespace LocalJSX {
         /**
           * Title line height
          */
-        "titleHeight"?: | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
+        "titleHeight"?: | "densest"
+		| "denser"
+		| "dense"
+		| "normal"
+		| "loose"
+		| "looser"
 		| "paragraph";
         /**
           * Title Margin
          */
-        "titleMargin"?: | "margin-flush"
-		| "margin-top-3"
-		| "margin-top-4"
-		| "margin-top-5"
-		| "margin-top-6"
-		| "margin-bottom-3"
-		| "margin-bottom-4"
-		| "margin-bottom-5"
-		| "margin-bottom-6"
-		| "margin-3"
-		| "margin-4"
-		| "margin-5"
-		| "margin-6"
+        "titleMargin"?: | "margin-flush"
+		| "margin-top-3"
+		| "margin-top-4"
+		| "margin-top-5"
+		| "margin-top-6"
+		| "margin-bottom-3"
+		| "margin-bottom-4"
+		| "margin-bottom-5"
+		| "margin-bottom-6"
+		| "margin-3"
+		| "margin-4"
+		| "margin-5"
+		| "margin-6"
 		| "margin-9";
         /**
           * Title Shadow
@@ -6953,18 +6993,18 @@ declare namespace LocalJSX {
         /**
           * Title size
          */
-        "titleSize"?: | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
+        "titleSize"?: | "xx-small"
+		| "x-small"
+		| "small"
+		| "medium"
+		| "large"
+		| "x-large"
+		| "xx-large"
+		| "xxx-large"
+		| "xxxx-large"
+		| "xxxx-large-allbp"
+		| "xx-large-allbp"
+		| "xxxx-large-desktop"
 		| "xxxx-large-store";
         /**
           * Title weight
@@ -7335,7 +7375,7 @@ declare namespace LocalJSX {
           * Custom Validation - String
          */
         "customValidation"?: (
-		input: HTMLInputElement | HTMLTextAreaElement,
+		input: HTMLInputElement | HTMLTextAreaElement
 	) => string;
         /**
           * Disable the field
@@ -7732,6 +7772,7 @@ declare namespace LocalJSX {
         "jumbotron-sub-mune": JumbotronSubMune;
         "list-item": ListItem;
         "max-width-container": MaxWidthContainer;
+        "modal-form-example": ModalFormExample;
         "most-popular-news": MostPopularNews;
         "my-component": MyComponent;
         "news-search-result": NewsSearchResult;
@@ -7918,6 +7959,7 @@ declare module "@stencil/core" {
             "jumbotron-sub-mune": LocalJSX.JumbotronSubMune & JSXBase.HTMLAttributes<HTMLJumbotronSubMuneElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
             "max-width-container": LocalJSX.MaxWidthContainer & JSXBase.HTMLAttributes<HTMLMaxWidthContainerElement>;
+            "modal-form-example": LocalJSX.ModalFormExample & JSXBase.HTMLAttributes<HTMLModalFormExampleElement>;
             "most-popular-news": LocalJSX.MostPopularNews & JSXBase.HTMLAttributes<HTMLMostPopularNewsElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "news-search-result": LocalJSX.NewsSearchResult & JSXBase.HTMLAttributes<HTMLNewsSearchResultElement>;

package/package.json

@@ -1,101 +1,101 @@
-{
-  "name": "@ptcwebops/ptcw-design",
-  "version": "6.4.14",
-  "description": "Stencil Component Starter",
-  "main": "dist/index.cjs.js",
-  "module": "./dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "types": "dist/custom-elements/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/ptcw-design/ptcw-design.esm.js",
-  "files": [
-    "dist/",
-    "loader/"
-  ],
-  "scripts": {
-    "build": "stencil build --docs",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "test.unit": "stencil test --spec",
-    "test.end-to-end": "stencil test --e2e",
-    "test.unit.watch": "stencil test --spec --watch",
-    "generate": "stencil generate",
-    "prepare": "stencil build --docs",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "generate-story": "node scripts/storyGenerator",
-    "generate-unit-tests": "node scripts/unitTestGenerator",
-    "generate-bulk-tests": "node scripts/bulkTestGenerator",
-    "start:tailwind": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css --watch",
-    "start:tailwind-stencil": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css && npm run start",
-    "build:tailwind-stencil": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css --minify && npm run build",
-    "format:prettier": "prettier --write \"src/**/*.{tsx,html,scss}\""
-  },
-  "dependencies": {
-    "@daveberning/griddle": "^0.3.0",
-    "@material/checkbox": "^14.0.0",
-    "@material/form-field": "^14.0.0",
-    "@material/select": "^14.0.0",
-    "@material/textfield": "^14.0.0",
-    "@stencil/core": "^2.20.0",
-    "@stencil/postcss": "^2.1.0",
-    "@teamhive/lottie-player": "^1.0.0",
-    "@types/intl-tel-input": "^17.0.6",
-    "autoprefixer": "^10.4.21",
-    "dayjs": "^1.11.13",
-    "focus-trap": "^7.6.4",
-    "intl-tel-input": "^18.2.1",
-    "npmrc": "^1.1.1",
-    "postcss": "^8.5.6",
-    "resize-observer-polyfill": "^1.5.1",
-    "swiper": "^9.1.1"
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/preset-env": "^7.22.4",
-    "@stencil/sass": "^1.4.1",
-    "@storybook/addon-designs": "^7.0.7",
-    "@storybook/addon-essentials": "^7.1.0-alpha.29",
-    "@storybook/addon-links": "^7.1.0-alpha.29",
-    "@storybook/blocks": "^7.1.0-alpha.29",
-    "@storybook/web-components": "^7.1.0-alpha.29",
-    "@storybook/web-components-webpack5": "^7.1.0-alpha.29",
-    "@types/jest": "^27.0.3",
-    "ejs": "^3.1.9",
-    "jest": "^27.4.5",
-    "jest-cli": "^27.4.5",
-    "lit": "^2.7.4",
-    "marked": "^5.1.0",
-    "mobile-select": "^1.1.2",
-    "node-html-parser": "^6.1.5",
-    "prettier": "3.6.2",
-    "puppeteer": "^10.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "stencil-inline-svg": "^1.1.0",
-    "storybook": "^7.1.0-alpha.29",
-    "tailwindcss": "^3.4.17",
-    "util": "^0.12.5",
-    "yargs": "^17.7.2"
-  },
-  "directories": {
-    "doc": "docs"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
-  },
-  "keywords": [
-    "design system",
-    "web components",
-    "stenciljs"
-  ],
-  "author": "Yunfeng Qian",
-  "homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+{
+  "name": "@ptcwebops/ptcw-design",
+  "version": "6.4.15-beta",
+  "description": "Stencil Component Starter",
+  "main": "dist/index.cjs.js",
+  "module": "./dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/custom-elements/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/ptcw-design/ptcw-design.esm.js",
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build --docs",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "test.unit": "stencil test --spec",
+    "test.end-to-end": "stencil test --e2e",
+    "test.unit.watch": "stencil test --spec --watch",
+    "generate": "stencil generate",
+    "prepare": "stencil build --docs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "generate-story": "node scripts/storyGenerator",
+    "generate-unit-tests": "node scripts/unitTestGenerator",
+    "generate-bulk-tests": "node scripts/bulkTestGenerator",
+    "start:tailwind": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css --watch",
+    "start:tailwind-stencil": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css && npm run start",
+    "build:tailwind-stencil": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css --minify && npm run build",
+    "format:prettier": "prettier --write \"src/**/*.{tsx,html,scss}\""
+  },
+  "dependencies": {
+    "@daveberning/griddle": "^0.3.0",
+    "@material/checkbox": "^14.0.0",
+    "@material/form-field": "^14.0.0",
+    "@material/select": "^14.0.0",
+    "@material/textfield": "^14.0.0",
+    "@stencil/core": "^2.20.0",
+    "@stencil/postcss": "^2.1.0",
+    "@teamhive/lottie-player": "^1.0.0",
+    "@types/intl-tel-input": "^17.0.6",
+    "autoprefixer": "^10.4.21",
+    "dayjs": "^1.11.13",
+    "focus-trap": "^7.6.4",
+    "intl-tel-input": "^18.2.1",
+    "npmrc": "^1.1.1",
+    "postcss": "^8.5.6",
+    "resize-observer-polyfill": "^1.5.1",
+    "swiper": "^9.1.1"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/preset-env": "^7.22.4",
+    "@stencil/sass": "^1.4.1",
+    "@storybook/addon-designs": "^7.0.7",
+    "@storybook/addon-essentials": "^7.1.0-alpha.29",
+    "@storybook/addon-links": "^7.1.0-alpha.29",
+    "@storybook/blocks": "^7.1.0-alpha.29",
+    "@storybook/web-components": "^7.1.0-alpha.29",
+    "@storybook/web-components-webpack5": "^7.1.0-alpha.29",
+    "@types/jest": "^27.0.3",
+    "ejs": "^3.1.9",
+    "jest": "^27.4.5",
+    "jest-cli": "^27.4.5",
+    "lit": "^2.7.4",
+    "marked": "^5.1.0",
+    "mobile-select": "^1.1.2",
+    "node-html-parser": "^6.1.5",
+    "prettier": "3.6.2",
+    "puppeteer": "^10.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "stencil-inline-svg": "^1.1.0",
+    "storybook": "^7.1.0-alpha.29",
+    "tailwindcss": "^3.4.17",
+    "util": "^0.12.5",
+    "yargs": "^17.7.2"
+  },
+  "directories": {
+    "doc": "docs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
+  },
+  "keywords": [
+    "design system",
+    "web components",
+    "stenciljs"
+  ],
+  "author": "Yunfeng Qian",
+  "homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/readme.md

@@ -1,19 +1,23 @@
-![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
-
-# PTC Design 6.4.14
-
-The site is the place for documentation on PTC Design System
-
-## Building the Site
-
-To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm run start` to launch the site in development mode.
-
-## Project Tools
-
-- stenciljs 2.20.0
-- Node 18.13.0
-- npm 8.19.3
-- jest 27.4.5
-- puppeteer 10.0.0
-
-## License
+![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
+
+# PTC Design 6.4.15-beta
+
+The site is the place for documentation on PTC Design System
+
+## Building the Site
+
+To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm run start` to launch the site in development mode.
+
+## Project Tools
+
+- stenciljs 2.20.0
+- Node 18.13.0
+- npm 8.19.3
+- jest 27.4.5
+- puppeteer 10.0.0
+
+## License
+
+## Release notes
+
+TODO: figure out how to do release notes with npm