Minor: remove unneccessary lines & restructure docs

Author: juzser

.storybook/main.js

@@ -19,7 +19,7 @@ module.exports = {
     },
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-knobs',
+    // '@storybook/addon-knobs',
   ],
   webpackFinal: async (config, { configType }) => {
     config.module.rules.push(
@@ -35,6 +35,7 @@ module.exports = {
           'postcss-loader',
           'sass-loader',
         ],
+        include: path.resolve(__dirname, '../src/components'),
       },
     );
 

.storybook/preview.js

@@ -13,7 +13,6 @@ export const decorators = [(story) => ({
 
 export const parameters = {
   viewMode: 'docs',
-  actions: { disable: true },
   controls: {
     matchers: {
       color: /(background|color|backgroundColor)$/i,
@@ -26,17 +25,9 @@ export const parameters = {
     storySort: {
       order: [
         "Get Started",
+        "Polaris Icons",
         "Changelog",
-        "Actions",
-        "Structure",
-        "Forms",
-        "Images & Icons",
-        "Feedback indicators",
-        "Titles & Text",
-        "Behavior",
-        "Lists & Tables",
-        "Navigation",
-        "Overlays",
+        "Components",
       ]
     }
   },

.storybook/stories/GetStarted.stories.mdx

@@ -44,7 +44,7 @@ Use as a Vue plugin (globally registers all components):
 
 ```js
 import Vue from 'vue';
-import PolarisVue from 'polaris-vue';
+import PolarisVue from '@qikify/polaris-vue';
 import '@qikify/polaris-vue/dist/polaris-vue.css';
 
 Vue.use(PolarisVue);
@@ -60,7 +60,7 @@ OR use individual component:
 
 ```js
 import Vue from 'vue';
-import { List, Icon } from 'polaris-vue';
+import { List, Icon } from '@qikify/polaris-vue';
 
 new Vue({
   components: {

.storybook/stories/PolarisIcons.stories.mdx

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta
+  title="Polaris Icons"
+  parameters={{
+    viewMode: 'docs',
+    isToolshown: false,
+    previewTabs: {
+      'canvas': {
+        hidden: true,
+      },
+    },
+  }}
+/>
+
+Coming soon...

README.md

@@ -30,7 +30,7 @@ Use as a Vue plugin (globally registers all components):
 
 ```js
 import Vue from 'vue';
-import PolarisVue from 'polaris-vue';
+import PolarisVue from '@qikify/polaris-vue';
 import '@qikify/polaris-vue/dist/polaris-vue.css';
 
 Vue.use(PolarisVue);
@@ -46,7 +46,7 @@ new Vue({
 
 ```js
 import Vue from 'vue';
-import { List, Icon } from 'polaris-vue';
+import { List, Icon } from '@qikify/polaris-vue';
 
 new Vue({
   components: {

build/rollup.config.base.js

@@ -16,7 +16,7 @@ export default {
       }),
       alias({
         entries: [
-          { find: /@/, replacement: `${path.resolve(__dirname, '../src')}` },
+          { find: /@\//, replacement: `${path.resolve(__dirname, '../src/')}` },
         ],
       }),
       postcss(),

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "polaris-vue",
+  "name": "@qikify/polaris-vue",
   "version": "0.1.0",
   "description": "Shopify Polaris UI library for Vue 2",
   "author": {
@@ -40,13 +40,12 @@
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-replace": "^3.0.0",
+    "@shopify/polaris-icons": "^4.11.0",
     "@storybook/addon-docs": "^6.4.8",
     "@storybook/addon-essentials": "^6.4.8",
     "@storybook/addon-knobs": "^6.4.0",
     "@storybook/addon-links": "^6.3.12",
-    "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addons": "^6.4.8",
-    "@storybook/preset-scss": "^1.0.3",
     "@storybook/preset-typescript": "^3.0.0",
     "@storybook/theming": "^6.4.8",
     "@storybook/vue": "^6.4.8",
@@ -82,6 +81,7 @@
     "sass-loader": "^10",
     "shx": "^0.3.3",
     "style-loader": "^2",
+    "ts-dedent": "^2.2.0",
     "ttypescript": "^1.5.13",
     "typescript": "~4.1.5",
     "typescript-plugin-css-modules": "^3.4.0",

src/components/Icon/Icon.vue

@@ -23,7 +23,7 @@ span(:class="wrapperClassName")
 import Vue, { VueConstructor } from 'vue';
 import { Component, Prop } from 'vue-property-decorator';
 import { classNames, variationName } from 'polaris-react/src/utilities/css';
-import type { IconSource } from '@/type';
+import type { IconSource } from 'types/type';
 import styles from '@/classes/Icon.json';
 import { VisuallyHidden } from '../VisuallyHidden';
 

src/type.ts types/type.tssrc/type.ts renamed to types/type.ts

@@ -1501,6 +1501,11 @@
   resolved "https://registry.yarnpkg.com/@shopify/polaris-icons/-/polaris-icons-4.10.0.tgz#fbfc0628c7da0786a6cbe9069ee007070762a4ac"
   integrity sha512-TxOJeLd4qXNl8bhEtJ3bQrjMgdOTzw3xDfKhqWTinBMcjDsW0+Rb8ynSsxzS9ut821L3qXJK9AnJZwoR/Yd8nw==
 
+"@shopify/polaris-icons@^4.11.0":
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/@shopify/polaris-icons/-/polaris-icons-4.11.0.tgz#8b1ebf7f07077300f8281e12824588835f108b23"
+  integrity sha512-vq37+I6oDlFzQXqkuDI0DO4AXz36AiyGOMkSstnBWTI6UR/eHAuI2aALqbPMxYbD6877Pi1kk+bAfWIFf3D4LA==
+
 "@shopify/polaris-tokens@^3.0.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@shopify/polaris-tokens/-/polaris-tokens-3.1.0.tgz#1e02974e8640b49678ca88ac0dae1de89ed706d9"
@@ -1730,17 +1735,6 @@
     regenerator-runtime "^0.13.7"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-postcss@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-postcss/-/addon-postcss-2.0.0.tgz#ec61cb9bb2662f408072b35c466c7df801c28498"
-  integrity sha512-Nt82A7e9zJH4+A+VzLKKswUfru+T6FJTakj4dccP0i8DSn7a0CkzRPrLuZBq8tg4voV6gD74bcDf3gViCVBGtA==
-  dependencies:
-    "@storybook/node-logger" "^6.1.14"
-    css-loader "^3.6.0"
-    postcss "^7.0.35"
-    postcss-loader "^4.2.0"
-    style-loader "^1.3.0"
-
 "@storybook/[email protected]":
   version "6.4.8"
   resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.4.8.tgz#e34e65aae7dfd6292e57bccf36cdf6a060bbd84e"
@@ -2263,7 +2257,7 @@
     webpack-dev-middleware "^3.7.3"
     webpack-virtual-modules "^0.2.2"
 
-"@storybook/[email protected]", "@storybook/node-logger@^6.1.14":
+"@storybook/[email protected]":
   version "6.4.8"
   resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.4.8.tgz#403a21abf2335d8daf88f2f17ceda2ad6719a691"
   integrity sha512-1gma7KvRXt/wsHzajf1h49r9vfV0TAnv/0OkryvV+sqtK48JV7A6kbVpBK0BtZBRqrQDfYTpCauX4VHfi7yBrQ==
@@ -2293,11 +2287,6 @@
   dependencies:
     core-js "^3.8.2"
 
-"@storybook/preset-scss@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@storybook/preset-scss/-/preset-scss-1.0.3.tgz#8ac834545c642dada0f64f510ef08dfb882e9737"
-  integrity sha512-o9Iz6wxPeNENrQa2mKlsDKynBfqU2uWaRP80HeWp4TkGgf7/x3DVF2O7yi9N0x/PI1qzzTTpxlQ90D62XmpiTw==
-
 "@storybook/preset-typescript@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@storybook/preset-typescript/-/preset-typescript-3.0.0.tgz#e157baf6f2c4982c3da3328f5e1a640b3d7db9e4"
@@ -11559,7 +11548,7 @@ postcss@^6.0.1, postcss@^6.0.14, postcss@^6.0.2:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.18, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.35, postcss@^7.0.36, postcss@^7.0.5, postcss@^7.0.6:
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.18, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.36, postcss@^7.0.5, postcss@^7.0.6:
   version "7.0.39"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
   integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
@@ -13721,7 +13710,14 @@ svg-tags@^1.0.0:
   resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
   integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
 
-svgo@^1.0.0:
+svg-to-vue@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/svg-to-vue/-/svg-to-vue-0.7.0.tgz#ec86deb1742be38319462e36703af1dfa2f9fad9"
+  integrity sha512-Tg2nMmf3BQorYCAjxbtTkYyWPVSeox5AZUFvfy4MoWK/5tuQlnA/h3LAlTjV3sEvOC5FtUNovRSj3p784l4KOA==
+  dependencies:
+    svgo "^1.3.2"
+
+svgo@^1.0.0, svgo@^1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
   integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
@@ -14055,7 +14051,7 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
-ts-dedent@^2.0.0:
+ts-dedent@^2.0.0, ts-dedent@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
   integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
@@ -14825,6 +14821,14 @@ vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
+vue-svg-loader@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/vue-svg-loader/-/vue-svg-loader-0.16.0.tgz#adccbdc9aca90132bde9c9d96cd49f74efecd345"
+  integrity sha512-2RtFXlTCYWm8YAEO2qAOZ2SuIF2NvLutB5muc3KDYoZq5ZeCHf8ggzSan3ksbbca7CJ/Aw57ZnDF4B7W/AkGtw==
+  dependencies:
+    loader-utils "^1.2.3"
+    svg-to-vue "^0.7.0"
+
 vue-template-compiler@^2.6.11:
   version "2.6.14"
   resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.14.tgz#a2f0e7d985670d42c9c9ee0d044fed7690f4f763"