@innovaccer/design-system 2.7.0 → 2.9.0-0

package/docs/.eslintrc.json

@@ -0,0 +1 @@
+{}

package/docs/.unotes/templates/title_date.hbs

@@ -0,0 +1,4 @@
+# {{capitalizeAll title}}
+
+{{formatDate date "llll"}}
+

package/docs/.unotes/unotes_meta.json

@@ -0,0 +1,302 @@
+{
+  "name": "",
+  "isOrdered": true,
+  "folders": {
+    "public": {
+      "name": "public",
+      "isOrdered": true,
+      "folders": {},
+      "files": {}
+    },
+    "src": {
+      "name": "src",
+      "isOrdered": true,
+      "folders": {
+        "components": {
+          "name": "components",
+          "isOrdered": true,
+          "folders": {
+            "Colors": {
+              "name": "Colors",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "Container": {
+              "name": "Container",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "Footer": {
+              "name": "Footer",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "Header": {
+              "name": "Header",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "LastModifiedDate": {
+              "name": "LastModifiedDate",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "LeftNav": {
+              "name": "LeftNav",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "Logos": {
+              "name": "Logos",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "PropsTable": {
+              "name": "PropsTable",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "Rules": {
+              "name": "Rules",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "TableOfContent": {
+              "name": "TableOfContent",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "css": {
+              "name": "css",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "templates": {
+              "name": "templates",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            }
+          },
+          "files": {}
+        },
+        "data": {
+          "name": "data",
+          "isOrdered": true,
+          "folders": {
+            "components": {
+              "name": "components",
+              "isOrdered": true,
+              "folders": {
+                "images": {
+                  "name": "images",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                }
+              },
+              "files": {}
+            },
+            "nav": {
+              "name": "nav",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            }
+          },
+          "files": {}
+        },
+        "images": {
+          "name": "images",
+          "isOrdered": true,
+          "folders": {},
+          "files": {}
+        },
+        "pages": {
+          "name": "pages",
+          "isOrdered": true,
+          "folders": {
+            "components": {
+              "name": "components",
+              "isOrdered": true,
+              "folders": {
+                "avatar": {
+                  "name": "avatar",
+                  "isOrdered": true,
+                  "folders": {
+                    "images": {
+                      "name": "images",
+                      "isOrdered": true,
+                      "folders": {},
+                      "files": {}
+                    }
+                  },
+                  "files": {}
+                },
+                "badges": {
+                  "name": "badges",
+                  "isOrdered": true,
+                  "folders": {
+                    "images": {
+                      "name": "images",
+                      "isOrdered": true,
+                      "folders": {},
+                      "files": {}
+                    }
+                  },
+                  "files": {}
+                },
+                "breadcrumbs": {
+                  "name": "breadcrumbs",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                },
+                "button": {
+                  "name": "button",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                },
+                "card": {
+                  "name": "card",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                },
+                "checkbox": {
+                  "name": "checkbox",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                },
+                "message": {
+                  "name": "message",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                },
+                "overview": {
+                  "name": "overview",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                },
+                "table": {
+                  "name": "table",
+                  "isOrdered": true,
+                  "folders": {},
+                  "files": {}
+                }
+              },
+              "files": {}
+            },
+            "content": {
+              "name": "content",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "foundations": {
+              "name": "foundations",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "getting-started": {
+              "name": "getting-started",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "guides": {
+              "name": "guides",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "home": {
+              "name": "home",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "introduction": {
+              "name": "introduction",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "mobile": {
+              "name": "mobile",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "patterns": {
+              "name": "patterns",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            },
+            "resources": {
+              "name": "resources",
+              "isOrdered": true,
+              "folders": {},
+              "files": {}
+            }
+          },
+          "files": {}
+        },
+        "util": {
+          "name": "util",
+          "isOrdered": true,
+          "folders": {},
+          "files": {}
+        }
+      },
+      "files": {}
+    },
+    "static": {
+      "name": "static",
+      "isOrdered": true,
+      "folders": {
+        "icons": {
+          "name": "icons",
+          "isOrdered": true,
+          "folders": {},
+          "files": {}
+        },
+        "images": {
+          "name": "images",
+          "isOrdered": true,
+          "folders": {},
+          "files": {}
+        }
+      },
+      "files": {}
+    },
+    "tools": {
+      "name": "tools",
+      "isOrdered": true,
+      "folders": {},
+      "files": {
+        "changeloghead": 0
+      }
+    }
+  },
+  "files": {
+    "README": 0
+  }
+}

package/docs/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Innovaccer Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/docs/README.md

@@ -0,0 +1,31 @@
+<p align="center">
+  <a href="#">
+    <img alt="" src="https://innovaccer.com/static/image/site-logo/innovaccer-logo-black.svg" width="20%" />
+  </a>
+</p>
+<h1 align="center">
+  Masala Design System
+</h1>
+<h3 align="center">
+  Gatsby site for Masala Design system documentation.
+</h3>
+
+
+## 🚀 Get Up and Running
+
+switch current directory to docs
+```
+cd docs
+```
+
+Install dependencies
+
+```bash
+npm install
+```
+
+Start development server
+
+```bash
+npm run dev
+```

package/docs/gatsby-browser.js

@@ -0,0 +1,6 @@
+require('@fontsource/nunito-sans');
+require("@innovaccer/design-system/css");
+require("./src/components/css/prism.css");
+require("prismjs/themes/prism-solarizedlight.css");
+require('./src/components/css/global.css');
+require('@fontsource/roboto-mono');

package/docs/gatsby-config.js

@@ -0,0 +1,171 @@
+const path = require('path');
+
+const remarkSlug = require(`remark-slug`);
+
+
+  const repositoryDefault = {
+    baseUrl: '',
+    subDirectory: '',
+    branch: 'main',
+  };
+
+  const {
+    isSearchEnabled = true,
+    withWebp = false,
+    mdxExtensions = ['.mdx', '.md'],
+    imageQuality = 75,
+    repository,
+    pngCompressionSpeed = 4, // default for gatsby-plugin-sharp
+    gatsbyRemarkPlugins = [],
+    remarkPlugins = [],
+    gatsbyPluginSharpOptions = {},
+    isServiceWorkerEnabled = false,
+  } = {};
+
+  const defaultRemarkPlugins = [
+    { resolve: `gatsby-remark-unwrap-images` },
+    { resolve: `gatsby-remark-smartypants` },
+    {
+      resolve: `gatsby-remark-images`,
+      options: {
+        maxWidth: 1152,
+        linkImagesToOriginal: false,
+        quality: imageQuality,
+        withWebp,
+        pngCompressionSpeed,
+        ...gatsbyPluginSharpOptions,
+      },
+    },
+    { resolve: `gatsby-remark-responsive-iframe` },
+    { resolve: `gatsby-remark-copy-linked-files` },
+    {
+      resolve: `gatsby-remark-prismjs`,
+      options: {
+        // Class prefix for <pre> tags containing syntax highlighting;
+        // defaults to 'language-' (e.g. <pre class="language-js">).
+        // If your site loads Prism into the browser at runtime,
+        // (e.g. for use with libraries like react-live),
+        // you may use this to prevent Prism from re-processing syntax.
+        // This is an uncommon use-case though;
+        // If you're unsure, it's best to use the default value.
+        classPrefix: "language-",
+        // This is used to allow setting a language for inline code
+        // (i.e. single backticks) by creating a separator.
+        // This separator is a string and will do no white-space
+        // stripping.
+        // A suggested value for English speakers is the non-ascii
+        // character '›'.
+        inlineCodeMarker: null,
+        // This lets you set up language aliases.  For example,
+        // setting this to '{ sh: "bash" }' will let you use
+        // the language "sh" which will highlight using the
+        // bash highlighter.
+        aliases: {},
+        // This toggles the display of line numbers globally alongside the code.
+        // To use it, add the following line in gatsby-browser.js
+        // right after importing the prism color scheme:
+        //  require("prismjs/plugins/line-numbers/prism-line-numbers.css")
+        // Defaults to false.
+        // If you wish to only show line numbers on certain code blocks,
+        // leave false and use the {numberLines: true} syntax below
+        showLineNumbers: false,
+        // If setting this to true, the parser won't handle and highlight inline
+        // code used in markdown i.e. single backtick code like `this`.
+        noInlineHighlight: false,
+        // This adds a new language definition to Prism or extend an already
+        // existing language definition. More details on this option can be
+        // found under the header "Add new language definition or extend an
+        // existing language" below.
+        languageExtensions: [
+          {
+            language: "superscript",
+            extend: "javascript",
+            definition: {
+              superscript_types: /(SuperType)/,
+            },
+            insertBefore: {
+              function: {
+                superscript_keywords: /(superif|superelse)/,
+              },
+            },
+          },
+        ],
+        // Customize the prompt used in shell output
+        // Values below are default
+        prompt: {
+          user: "root",
+          host: "localhost",
+          global: false,
+        },
+        // By default the HTML entities <>&'" are escaped.
+        // Add additional HTML escapes by providing a mapping
+        // of HTML entities and their escape value IE: { '}': '&#123;' }
+        escapeEntities: {},
+      },
+    },
+  ];
+
+  module.exports = {
+    siteMetadata: {
+      isSearchEnabled,
+      isServiceWorkerEnabled,
+      title: 'Gatsby Theme MDS',
+      description:
+        'Documentation site for using Innovaccer Masala Design System.',
+      keywords: 'gatsby,theme,MDS,masala,design,system, masala design system,style,guide,component,library,design system,styleguide',
+      lang: 'en',
+      repository: { ...repositoryDefault, ...repository },
+    },
+    plugins: [
+      {
+        resolve: `gatsby-source-filesystem`,
+        name: `Nav`,
+        options: {
+          path: path.resolve(`./src/data`),
+        },
+      },
+      {
+        resolve: `gatsby-source-filesystem`,
+        name: 'pages',
+        options: {
+          path: path.resolve(`./src/pages`),
+        },
+      },
+      {
+        resolve: `gatsby-source-filesystem`,
+        options: {
+          name: `images`,
+          path: `./static/images`,
+        },
+      },
+      `gatsby-plugin-image`,
+      `gatsby-plugin-sharp`,
+      `gatsby-transformer-sharp`,
+      `gatsby-transformer-yaml`,
+      {
+        resolve: `gatsby-plugin-mdx`,
+        options: {
+          extensions: mdxExtensions,
+          remarkPlugins: [remarkSlug],
+          gatsbyRemarkPlugins: [
+            ...defaultRemarkPlugins,
+            ...gatsbyRemarkPlugins,
+            `gatsby-remark-images`
+          ],
+          plugins: [ `gatsby-remark-images` ],
+          defaultLayouts: {
+            default: require.resolve('./src/components/templates/Default.js'),
+            home: require.resolve('./src/components/templates/Homepage.js'),
+          },
+        },
+      },
+    {
+      resolve: `gatsby-source-medium`,
+      options: {
+        username: `innovaccer-tech`,
+      },
+    },
+    `gatsby-transformer-json-key-value-to-array`
+    ]
+  }
+

package/docs/gatsby-node.js

@@ -0,0 +1,75 @@
+const path = require('path');
+const fs = require('fs');
+const mkdirp = require('mkdirp');
+
+exports.onPreBootstrap = ({ store, reporter }) => {
+  const { program } = store.getState();
+
+  const dirs = [
+    path.join(program.directory, 'src/images'),
+    path.join(program.directory, 'src/data'),
+  ];
+
+  dirs.forEach((dir) => {
+    if (!fs.existsSync(dir)) {
+      reporter.log(`creating the ${dir} directory`);
+      mkdirp.sync(dir);
+    }
+  });
+};
+
+// We need to provide the actual file that created a specific page to append links for EditLink.
+// We can't do page queries from MDX templates, so we'll add the page's relative path to context after it's created.
+// The context object **is** supplied to MDX templates through the pageContext prop.
+exports.onCreatePage = (
+  { page, actions, getNodesByType, ...rest },
+  pluginOptions
+) => {
+  // Don't override if it's already been provided
+  if (!page.context.MdxNode) {
+    // Find the MdxNode that created our page
+    const MdxNode = getNodesByType('Mdx').find(
+      ({ fileAbsolutePath }) => fileAbsolutePath === page.component
+    );
+    let frontmatter = {
+      ...page.context.frontmatter,
+    };
+
+    const { titleType = 'page' } = pluginOptions;
+    const { createPage, deletePage } = actions;
+    const [relativePagePath] = page.componentPath
+      .split('src/pages')
+      .splice('-1');
+
+    // Inject titles and descriptions for pages that don't include them
+    if (!frontmatter.title) {
+      const title = page.path
+        .split('/')
+        .filter((part) => part)
+        // .map((part) => startCase(part))
+        .join(' / ');
+
+      frontmatter = {
+        description: title,
+        ...frontmatter,
+        title,
+      };
+    }
+
+    if (MdxNode) {
+      Object.assign(MdxNode, { frontmatter });
+    }
+
+    deletePage(page);
+    createPage({
+      ...page,
+      context: {
+        ...page.context,
+        relativePagePath,
+        titleType,
+        frontmatter,
+        MdxNode,
+      },
+    });
+  }
+};

package/docs/index.js

@@ -0,0 +1 @@
+// noop

package/docs/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "docs",
+  "version": "1.0.0",
+  "description": "<p align=\"center\">   <a href=\"#\">     <img alt=\"\" src=\"https://innovaccer.com/static/image/site-logo/innovaccer-logo-black.svg\" width=\"20%\" />   </a> </p> <h1 align=\"center\">   Masala Design System </h1> <h3 align=\"center\">   Gatsby site for Masala Design system documentation. </h3>",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "./tools/develop.sh",
+    "build": "./tools/build.sh",
+    "clean": "gatsby clean"
+  },
+  "dependencies": {
+    "gatsby": "^3.6.1",
+    "fs-extra": "10.0.0",
+    "puppeteer-core": "10.2.0",
+    "gatsby-remark-heading-slug": "^0.2.0",
+    "gatsby-remark-prismjs": "^5.9.0",
+    "gatsby-source-medium": "^3.14.0",
+    "gatsby-transformer-json-key-value-to-array": "0.0.1",
+    "lodash.throttle": "^4.1.1",
+    "react": "^16.12.0",
+    "react-dom": "^16.8.6",
+    "react-helmet": "^6.1.0",
+    "@fontsource/nunito": "^4.5.0",
+    "@fontsource/nunito-sans": "^4.5.0",
+    "@fontsource/roboto-mono": "^4.5.0",
+    "@innovaccer/design-system": "2.7.0",
+    "@mdx-js/mdx": "^1.5.5",
+    "@mdx-js/react": "^1.5.5",
+    "@storybook/theming": "^6.3.6",
+    "@types/lz-string": "^1.3.34",
+    "gatsby-plugin-image": "^1.12.0",
+    "gatsby-plugin-mdx": "^2.12.0",
+    "gatsby-plugin-sharp": "^3.12.0",
+    "gatsby-remark-copy-linked-files": "^2.2.1",
+    "gatsby-remark-images": "^3.3.33",
+    "gatsby-remark-responsive-iframe": "^2.3.1",
+    "gatsby-remark-smartypants": "^2.2.1",
+    "gatsby-remark-unwrap-images": "^1.0.1",
+    "gatsby-source-filesystem": "^3.12.0",
+    "gatsby-transformer-sharp": "^3.12.0",
+    "gatsby-transformer-yaml": "^2.3.1",
+    "lz-string": "^1.4.4",
+    "markdown-to-jsx": "^7.1.3",
+    "polished": "^4.1.3",
+    "react-live": "^2.3.0",
+    "react-popper": "1.3.7",
+    "react-syntax-highlighter": "^15.4.4",
+    "remark-slug": "^6.1.0"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT"
+}