Merge pull request #377 from ownego/update/[email protected]

[email protected] update

.env

@@ -1,2 +1,2 @@
 VITE_CLASS_PREFIX=Polaris
-VITE_POLARIS_VERSION=12.23.0
+VITE_POLARIS_VERSION=13.5.0

README.md

@@ -7,7 +7,7 @@ Polaris Vue by Ownego supports **Vue 3.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:** [12.23.0](https://github.com/Shopify/polaris/releases/tag/%40shopify%2Fpolaris%4012.23.0)
+**Follow Polaris React version:** [13.5.0](https://github.com/Shopify/polaris/releases/tag/%40shopify%2Fpolaris%4013.5.0)
 
 ---
 

build/gen-docs-content.ts

@@ -1,4 +1,4 @@
-#!/usr/bin/env ts-node-esm
+#!/usr/bin/env vite-node
 
 import { globby } from 'globby';
 import { default as path } from 'path';

build/gen-docs-types.ts

@@ -1,4 +1,4 @@
-#!/usr/bin/env ts-node-esm
+#!/usr/bin/env vite-node
 
 import { globby } from 'globby';
 import { default as path } from 'path';

build/gen-meta.ts

@@ -1,4 +1,4 @@
-#!/usr/bin/env ts-node-esm
+#!/usr/bin/env vite-node
 
 import { globby } from 'globby';
 import { default as path } from 'path';

docs/components/Card/README.md

@@ -72,6 +72,10 @@ examples:
     title: With custom footer actions
     description: >-
       Use to present actionable content that is optional or not the primary purpose of the page.
+  - fileName: WithHeaderIcon.vue
+    title: With header icon actions
+    description: >-
+      Use for less important card actions, or actions merchants may do before reviewing the contents of the card. For example, merchants may want to export items in a list.
   - fileName: CriticalFooterAction.vue
     title: With critical footer action
     description: >-

docs/components/Card/WithHeaderIcon.vue

@@ -0,0 +1,23 @@
+<template>
+<Card roundedAbove="sm">
+  <BlockStack gap="200">
+    <InlineGrid columns="1fr auto">
+      <Text as="h2" variant="headingSm">
+        Variants
+      </Text>
+      <Button
+      accessibilityLabel="Export variants"
+      :icon="ExportIcon"
+      @click="{}"
+      />
+    </InlineGrid>
+    <Text as="p" variant="bodyMd">
+      Export variants
+    </Text>
+  </BlockStack>
+</Card>
+</template>
+
+<script setup lang="ts">
+import ExportIcon from '@icons/ExportIcon.svg';
+</script>

docs/components/Collapsible/Default.vue

@@ -15,6 +15,7 @@
     id="collapsible"
     :expandOnPrint="true"
     :open="isCollapse"
+    :transition="{duration: '500ms', timingFunction: 'ease-in-out'}"
   >
     <Box paddingBlockStart="400">
       <Text as="p">
@@ -29,7 +30,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 
-const isCollapse = ref<boolean>(false);
+const isCollapse = ref<boolean>(true);
 
 const handleClick = () => {
   isCollapse.value = !isCollapse.value;

docs/components/Filters/README.md

@@ -12,6 +12,9 @@ examples:
   - fileName: WithChildrenContent.vue
     frameHeight: 600
     title: With children content
+  - fileName: WithChildrenAndUnsavedChanges.vue
+    frameHeight: 600
+    title: With children content and unsaved changes
   - fileName: Disabled.vue
     frameHeight: 600
     title: Disabled