Rename side by side examples and cleanup

infor-design · Jun 21, 2021 · 094b8fd · 094b8fd
1 parent 50a20e2
commit 094b8fd
Show file tree

Hide file tree

Showing 8 changed files with 58 additions and 130 deletions.
diff --git a/app/ids-tag/compatibility.html → app/ids-tag/side-by-side.html b/app/ids-tag/compatibility.html → app/ids-tag/side-by-side.html
@@ -1,7 +1,7 @@
-{{> ../layouts/head-no-csp.html }}
+{{> ../layouts/head-side-by-side.html }}
 
 <ids-layout-grid>
-  <h2 class="ids-text ids-text-px-12">WC Tags</h1>
+  <h2 class="ids-text ids-text-px-12">Web Component Tags</h1>
 </ids-layout-grid>
 <ids-layout-grid>
   <ids-layout-grid-cell>
@@ -22,14 +22,9 @@ <h2 class="ids-text ids-text-px-12">WC Tags</h1>
 </ids-layout-grid>
 
 <ids-layout-grid>
-  <h2 class="ids-text ids-text-px-12">4.5 Tags</h2>
+  <h2 class="ids-text ids-text-px-12">4.x Tags</h2>
 </ids-layout-grid>
 
-<!--Import Old IDS -->
-<link href="https://unpkg.com/ids-enterprise@4.50.2/dist/css/theme-new-light.css" rel="stylesheet"/>
-<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-<script src="https://unpkg.com/ids-enterprise@4.50.2/dist/js/sohoxi.js"></script>
-
 <div class="svg hidden">
   <div class="svg-icons">
     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-icons">
@@ -59,6 +54,6 @@ <h2 class="ids-text ids-text-px-12">4.5 Tags</h2>
 </div>
 
 <script>
-    $('body').initialize();
+  $('body').initialize();
 </script>
 {{> ../layouts/footer.html }}
diff --git a/app/ids-tooltip/compatibility.html b/app/ids-tooltip/compatibility.html
diff --git a/app/ids-tooltip/side-by-side.html b/app/ids-tooltip/side-by-side.html
@@ -0,0 +1,27 @@
+{{> ../layouts/head-side-by-side.html }}
+
+<ids-layout-grid>
+  <h2 class="ids-text ids-text-px-12">Web Component Tooltip</h1>
+</ids-layout-grid>
+<ids-layout-grid>
+  <ids-layout-grid-cell>
+    <ids-button id="new-button" type="secondary">New Button</ids-button>
+    <ids-tooltip target="#new-button" id="new-tooltip">Additional Information</ids-tooltip>
+  </ids-layout-grid-cell>
+</ids-layout-grid>
+
+<ids-layout-grid>
+  <h2 class="ids-text ids-text-px-12">4.x Tooltip</h1>
+</ids-layout-grid>
+<ids-layout-grid>
+  <ids-layout-grid-cell>
+    <button id="old-button" class="btn-secondary" type="button" title=" Additional Information" data-options="{ 'attributes': [ { 'name': 'id', 'value': 'old-tooltip' } ]}">
+      Old Button
+    </button>
+  </ids-layout-grid-cell>
+</ids-layout-grid>
+
+<script>
+  $('body').initialize();
+</script>
+{{> ../layouts/footer.html }}
diff --git a/app/layouts/head-no-csp.html b/app/layouts/head-no-csp.html
diff --git a/app/layouts/head-side-by-side.html b/app/layouts/head-side-by-side.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>{{ htmlWebpackPlugin.options.title }}</title>
+
+  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&amp;display=swap" rel="stylesheet"/>
+
+  <!--Import Old IDS -->
+  <link href="https://unpkg.com/ids-enterprise@4.52.0/dist/css/theme-new-light.css" rel="stylesheet"/>
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+  <script src="https://unpkg.com/ids-enterprise@4.52.0/dist/js/sohoxi.js"></script>
+</head>
+<body>
+  <div role="main">
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,11 +65,11 @@
     "copy-webpack-plugin": "^9.0.0",
     "css-loader": "^5.2.6",
     "cssnano": "^5.0.6",
-    "eslint": "^7.28.0",
+    "eslint": "^7.29.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-plugin-compat": "3.9.0",
     "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jsdoc": "^35.3.0",
+    "eslint-plugin-jsdoc": "^35.4.0",
     "eslint-plugin-wc": "^1.3.0",
     "express": "^4.17.1",
     "express-fileupload": "^1.2.1",
@@ -102,7 +102,6 @@
     "stylelint-config-sass-guidelines": "^8.0.0",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-order": "^4.1.0",
-    "stylelint-webpack-plugin": "2.1.1",
     "terser-webpack-plugin": "^5.1.3",
     "typescript": "^4.3.4",
     "webpack": "5.39.1",

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,7 +1,6 @@
 const HTMLWebpackPlugin = require('html-webpack-plugin');
 
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const StylelintPlugin = require('stylelint-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
@@ -187,8 +186,6 @@ module.exports = {
       title: 'IDS Enterprise Web Components',
       chunks: ['index']
     }),
-    // Show Style Lint Errors in the console and fail
-    new StylelintPlugin({}),
     new CopyWebpackPlugin({
       patterns: [
         {