Merge remote-tracking branch 'origin/dev'

Author: juzser

.storybook/manager-head.html

@@ -1,4 +1,4 @@
-<link rel="shortcut icon" href="https://github.com/qikify/polaris-vue/blob/master/public/images/logo.png?raw=true">
+<link rel="shortcut icon" href="https://github.com/ownego/polaris-vue/blob/master/public/images/logo.png?raw=true">
 
 <style>
   #storybook-explorer-tree .sidebar-item {

.storybook/manager.js

@@ -11,9 +11,9 @@ addons.setConfig({
   },
   theme: create({
     base: 'light',
-    brandTitle: 'Qikify Polaris Storybook',
+    brandTitle: 'Ownego Polaris Storybook',
     brandUrl: '/',
-    brandImage: 'https://github.com/qikify/polaris-vue/blob/master/public/images/brand.png?raw=true',
+    brandImage: 'https://github.com/ownego/polaris-vue/blob/master/public/images/brand.png?raw=true',
     appBorderRadius: 0,
     colorPrimary: '#008060',
     colorSecondary: '#008060',

.storybook/stories/GetStarted.stories.mdx

@@ -13,7 +13,7 @@ import { Meta } from '@storybook/addon-docs';
   }}
 />
 
-<img src="https://github.com/qikify/polaris-vue/blob/master/public/images/banner.jpg?raw=true" alt="Shopify Polaris Vue" width="1000" height="376" />
+<img src="https://github.com/ownego/polaris-vue/blob/master/public/images/banner.jpg?raw=true" alt="Shopify Polaris Vue" width="1000" height="376" />
 
 <br/>
 <br/>
@@ -22,11 +22,9 @@ import { Meta } from '@storybook/addon-docs';
 
 <br/>
 
-Polaris Vue by Qikify is a component library for [Vue 3](https://vuejs.org/) based on [Shopify Polaris style guide](https://polaris.shopify.com/). We try to keep the package light-weight and easy to use (mostly similar with original Polaris Library).
+Polaris Vue by Ownego is a component library for [Vue 3](https://vuejs.org/) based on [Shopify Polaris style guide](https://polaris.shopify.com/). We try to keep the package light-weight and easy to use (mostly similar with original Polaris Library).
 
-Polaris Vue by qikify only supports **Vue 3.0+**.
-
-**Follow Polaris React version:** [9.8.0](https://github.com/Shopify/polaris/releases/tag/v9.8.0) - Migrated date: *May 20th, 2022*.
+**Follow Polaris React version:** [9.9.0](https://github.com/Shopify/polaris/releases/tag/v9.9.0) - Migrated date: *May 26th, 2022*.
 
 <br/>
 <br/>
@@ -36,13 +34,13 @@ Polaris Vue by qikify only supports **Vue 3.0+**.
 Using NPM
 
 ```bash
-npm install @qikify/polaris-vue
+npm install @ownego/polaris-vue
 ```
 
 Using Yarn
 
 ```bash
-yarn add @qikify/polaris-vue
+yarn add @ownego/polaris-vue
 ```
 
 <br/>
@@ -54,8 +52,8 @@ Use as a Vue plugin (globally registers all components):
 ```js
 //main.js
 import { createApp } from 'vue'
-import PolarisVue from '@qikify/polaris-vue' // (✓)
-import '@qikify/polaris-vue/dist/style.css' // (✓) This will be deprecated in the future, right after Vue 3 supports css injections.
+import PolarisVue from '@ownego/polaris-vue' // (✓)
+import '@ownego/polaris-vue/dist/style.css' // (✓) This will be deprecated in the future, right after Vue 3 supports css injections.
 import App from './App.vue'
 
 //...
@@ -67,7 +65,7 @@ app.use(PolarisVue) // (✓)
 OR use individual component (for better bundle size):
 
 ```js
-import { List, Icon } from '@qikify/polaris-vue';
+import { List, Icon } from '@ownego/polaris-vue';
 ```
 
 <br/>
@@ -114,15 +112,15 @@ export default defineConfig({
 
 ## Issues & Contributions
 
-Polaris Vue by qikify is an open source project and we are very happy to accept community contributions.
+Polaris Vue by ownego is an open source project and we are very happy to accept community contributions.
 
-If you notice any bugs, please create issues under [Issues](https://github.com/qikify/polaris-vue/issues).
+If you notice any bugs, please create issues under [Issues](https://github.com/ownego/polaris-vue/issues).
 
 <br/>
 <br/>
 
 ## License
 
-Code released under the  [MIT License](https://github.com/qikify/polaris-vue/LICENSE).
+Code released under the  [MIT License](https://github.com/ownego/polaris-vue/LICENSE).
 
-Copyright (c) 2021 Qikify
+Copyright (c) 2021 Ownego

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2021 Qikify
+Copyright (c) 2021 Ownego
 
 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

README.md

@@ -1,17 +1,17 @@
 # Polaris Vue (Support Vue 3.0)
 
-Polaris Vue by qikify only supports **Vue 3.0+**.
+Polaris Vue by Ownego only supports **Vue 3.0+**.
 
-Polaris Vue by Qikify based on [Shopify Polaris style guide](https://polaris.shopify.com/), built especially for Vue 3.
+Polaris Vue based on [Shopify Polaris style guide](https://polaris.shopify.com/), built especially for Vue 3.
 We're trying to make it mostly close with Shopify style guide and get a better performance.
 
-**Follow Polaris React version:** [9.8.0](https://github.com/Shopify/polaris/releases/tag/v9.8.0) - Migrated date: *May 20th, 2022*.
+**Follow Polaris React version:** [9.9.0](https://github.com/Shopify/polaris/releases/tag/v9.9.0) - Migrated date: *May 26th, 2022*.
 
 <br/>
 
 ## Documentation
 
-Online documentation: [Click Here](https://qikify.github.io/polaris-vue/)
+Online documentation: [Click Here](https://ownego.github.io/polaris-vue/)
 
 <br/>
 
@@ -20,13 +20,13 @@ Online documentation: [Click Here](https://qikify.github.io/polaris-vue/)
 Via NPM:
 
 ```bash
-npm install @qikify/polaris-vue
+npm install @ownego/polaris-vue
 ```
 
 Via Yarn:
 
 ```bash
-yarn add @qikify/polaris-vue
+yarn add @ownego/polaris-vue
 ```
 
 <br/>
@@ -38,8 +38,8 @@ Use as a Vue 3 plugin (globally registers all components):
 ```js
 //main.js
 import { createApp } from 'vue'
-import PolarisVue from '@qikify/polaris-vue' // (✓)
-import '@qikify/polaris-vue/dist/style.css' // (✓) This will be deprecated in the future, right after Vue 3 supports css injections.
+import PolarisVue from '@ownego/polaris-vue' // (✓)
+import '@ownego/polaris-vue/dist/style.css' // (✓) This will be deprecated in the future, right after Vue 3 supports css injections.
 import App from './App.vue'
 
 //...
@@ -51,7 +51,7 @@ app.use(PolarisVue) // (✓)
 **OR** use individual component:
 
 ```js
-import { List, Icon } from '@qikify/polaris-vue';
+import { List, Icon } from '@ownego/polaris-vue';
 ```
 
 <br/>
@@ -100,7 +100,7 @@ export default defineConfig({
 
 ```bash
 # Clone repo
-git clone https://github.com/qikify/polaris-vue.git
+git clone https://github.com/ownego/polaris-vue.git
 
 # Install packages
 yarn
@@ -113,14 +113,14 @@ yarn dev
 
 ## Contributing
 
-Polaris Vue by qikify is an open source project and we are very happy to accept community contributions.
+Polaris Vue by Ownego is an open source project and we are very happy to accept community contributions.
 
-If you notice any bugs, please create issues under [Issues](https://github.com/qikify/polaris-vue/issues).
+If you notice any bugs, please create issues under [Issues](https://github.com/ownego/polaris-vue/issues).
 We will update the contribution rules later.
 
 ## License
 
-Code released under the  [MIT License](https://github.com/qikify/polaris-vue/LICENSE).
-Copyright (c) 2021 Qikify
+Code released under the  [MIT License](https://github.com/ownego/polaris-vue/LICENSE).
+Copyright (c) 2021 Ownego
 
 **Thank you!** :tada:

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "@qikify/polaris-vue",
-  "version": "0.7.3",
-  "polaris_version": "9.8.0",
+  "name": "@ownego/polaris-vue",
+  "version": "0.7.4",
+  "polaris_version": "9.9.0",
   "description": "Shopify Polaris UI library for Vue 3",
   "author": {
-    "name": "Qikify"
+    "name": "Ownego Team"
   },
   "keywords": [
     "polaris",
@@ -33,8 +33,7 @@
     "build-storybook": "rimraf ./docs && build-storybook -o docs"
   },
   "dependencies": {
-    "@shopify/polaris-icons": "^4.18.4",
-    "polaris": "https://github.com/juzser/polaris.git",
+    "@shopify/polaris-icons": "^4.22.0",
     "vite-svg-loader": "^3.1.2",
     "vue": "^3.2.31"
   },
@@ -43,15 +42,15 @@
     "@rushstack/eslint-patch": "^1.1.0",
     "@shopify/polaris-tokens": "^5.0.1",
     "@shopify/typescript-configs": "^5.1.0",
-    "@storybook/addon-a11y": "^6.4.20",
-    "@storybook/addon-actions": "^6.4.20",
-    "@storybook/addon-docs": "^6.4.20",
-    "@storybook/addon-essentials": "^6.4.20",
-    "@storybook/addon-links": "^6.4.20",
-    "@storybook/addons": "^6.4.20",
-    "@storybook/builder-vite": "^0.1.23",
-    "@storybook/theming": "^6.4.20",
-    "@storybook/vue3": "^6.4.20",
+    "@storybook/addon-a11y": "^6.5.5",
+    "@storybook/addon-actions": "^6.5.5",
+    "@storybook/addon-docs": "^6.5.5",
+    "@storybook/addon-essentials": "^6.5.5",
+    "@storybook/addon-links": "^6.5.5",
+    "@storybook/addons": "^6.5.5",
+    "@storybook/builder-vite": "^0.1.35",
+    "@storybook/theming": "^6.5.5",
+    "@storybook/vue3": "^6.5.5",
     "@types/node": "^16.11.25",
     "@vitejs/plugin-vue": "^2.2.4",
     "@vue/eslint-config-prettier": "^7.0.0",
@@ -60,10 +59,11 @@
     "babel-loader": "^8.2.3",
     "change-case": "^4.1.2",
     "eslint": "^8.10.0",
-    "eslint-plugin-storybook": "^0.5.7",
+    "eslint-plugin-storybook": "^0.5.12",
     "eslint-plugin-vue": "^8.5.0",
     "hash-generator": "^0.1.0",
     "path": "^0.12.7",
+    "polaris": "https://github.com/juzser/polaris.git",
     "postcss": "^7",
     "postcss-modules": "^3",
     "prettier": "^2.5.1",
@@ -83,11 +83,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/qikify/polaris-vue.git"
+    "url": "https://github.com/ownego/polaris-vue.git"
   },
   "bugs": {
-    "url": "https://github.com/qikify/polaris-vue/issues"
+    "url": "https://github.com/ownego/polaris-vue/issues"
   },
-  "homepage": "https://github.com/qikify/polaris-vue#readme",
+  "homepage": "https://github.com/ownego/polaris-vue#readme",
   "license": "MIT"
 }

src/classes/SkeletonTabs.json

@@ -0,0 +1 @@
+{"Tabs":"Polaris-SkeletonTabs__Tabs","Tab":"Polaris-SkeletonTabs__Tab","Tab-short":"Polaris-SkeletonTabs__Tab--short","Tab-long":"Polaris-SkeletonTabs__Tab--long"}

src/classes/SkeletonThumbnail.json

@@ -0,0 +1 @@
+{"SkeletonThumbnail":"Polaris-SkeletonThumbnail","sizeExtraSmall":"Polaris-SkeletonThumbnail--sizeExtraSmall","sizeSmall":"Polaris-SkeletonThumbnail--sizeSmall","sizeMedium":"Polaris-SkeletonThumbnail--sizeMedium","sizeLarge":"Polaris-SkeletonThumbnail--sizeLarge"}

src/classes/VideoThumbnail.json

@@ -0,0 +1 @@
+{"Thumbnail":"Polaris-VideoThumbnail__Thumbnail","WithPlayer":"Polaris-VideoThumbnail__WithPlayer","PlayButton":"Polaris-VideoThumbnail__PlayButton","PlayIcon":"Polaris-VideoThumbnail__PlayIcon","Timestamp":"Polaris-VideoThumbnail__Timestamp","withProgress":"Polaris-VideoThumbnail--withProgress","Progress":"Polaris-VideoThumbnail__Progress","Indicator":"Polaris-VideoThumbnail__Indicator","ProgressBar":"Polaris-VideoThumbnail__ProgressBar","Label":"Polaris-VideoThumbnail__Label"}

src/components/ActionList/ActionList.vue

@@ -10,7 +10,6 @@ component(
     Section(
       v-if="section.items && section.items.length > 0",
       :key="section.title || index",
-      :firstSection="index === 0",
       :section="section",
       :hasMultipleSections="hasMultipleSections",
       :actionRole="actionRole",
@@ -40,7 +39,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
+import { computed, ref } from 'vue';
 import { classNames } from 'polaris/polaris-react/src/utilities/css';
 import { wrapFocusPreviousFocusableMenuItem, wrapFocusNextFocusableMenuItem } from '@/utilities/focus';
 import { KeypressListener } from '@/components/KeypressListener';