@justeattakeaway/pie-button 1.6.0 → 1.6.2

package/README.md

@@ -1,4 +1,5 @@
 # @justeattakeaway/pie-button
+[Source Code](https://github.com/justeattakeaway/pie/tree/main/packages/components/pie-button) | [Design Documentation](https://pie.design/components/button) | [NPM](https://www.npmjs.com/package/@justeattakeaway/pie-button)
 
 <p>
   <a href="https://www.npmjs.com/@justeattakeaway/pie-button">
@@ -115,8 +116,10 @@ import '@justeattakeaway/pie-webc/components/button.js'
 ```
 
 ```html
-<!-- pass js file into <script> tag -->
-<pie-button type="reset" isFullWidth="true" onclick="e => console.log(e)">Click me!</pie-button>
+<pie-button type="reset" isFullWidth="true" onclick="e => console.log(e)">
+  Click me!
+</pie-button>
+
 <script type="module" src="/main.js"></script>
 ```
 
@@ -126,7 +129,9 @@ import '@justeattakeaway/pie-webc/components/button.js'
 // Vue templates (using Nuxt 3)
 import '@justeattakeaway/pie-webc/components/button.js';
 
-<pie-button @click="handleClick" size="large" type="button" variant="secondary">Click me!</pie-button>
+<pie-button @click="handleClick" size="large" type="button" variant="secondary">
+  Click me!
+</pie-button>
 ```
 
 **For React Applications:**
@@ -134,7 +139,9 @@ import '@justeattakeaway/pie-webc/components/button.js';
 ```jsx
 import { PieButton } from '@justeattakeaway/pie-webc/react/button.js';
 
-<PieButton onClick={handleClick}>increment</PieButton>
+<PieButton onClick={handleClick}>
+  increment
+</PieButton>
 ```
 
 ## Questions and Support

package/custom-elements.json

@@ -48,9 +48,9 @@
           "kind": "variable",
           "name": "variants",
           "type": {
-            "text": "[\n    'primary', 'primary-alternative', 'secondary', 'outline', 'outline-inverse', 'ghost',\n    'inverse', 'ghost-inverse', 'destructive', 'destructive-ghost',\n]"
+            "text": "[\r\n    'primary', 'primary-alternative', 'secondary', 'outline', 'outline-inverse', 'ghost',\r\n    'inverse', 'ghost-inverse', 'destructive', 'destructive-ghost',\r\n]"
           },
-          "default": "[\n    'primary', 'primary-alternative', 'secondary', 'outline', 'outline-inverse', 'ghost',\n    'inverse', 'ghost-inverse', 'destructive', 'destructive-ghost',\n]"
+          "default": "[\r\n    'primary', 'primary-alternative', 'secondary', 'outline', 'outline-inverse', 'ghost',\r\n    'inverse', 'ghost-inverse', 'destructive', 'destructive-ghost',\r\n]"
         },
         {
           "kind": "variable",
@@ -90,7 +90,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\n    tag: 'button',\n    size: 'medium',\n    type:  'submit',\n    variant: 'primary',\n    iconPlacement: 'leading',\n    disabled: false,\n    isLoading: false,\n    isFullWidth: false,\n    isResponsive: false,\n}"
+          "default": "{\r\n    tag: 'button',\r\n    size: 'medium',\r\n    type:  'submit',\r\n    variant: 'primary',\r\n    iconPlacement: 'leading',\r\n    disabled: false,\r\n    isLoading: false,\r\n    isFullWidth: false,\r\n    isResponsive: false,\r\n}"
         }
       ],
       "exports": [
@@ -361,7 +361,7 @@
                   }
                 }
               ],
-              "description": "This method creates an invisible button of the same type as pie-button. It is then clicked, and immediately removed from the DOM.\nThis is done so that we trigger native form actions, such as submit and reset in the browser. The performance impact of adding and removing a single button to the DOM\nshould be neglible, however this should be monitored.\nThis is the only viable way of guaranteeing native button behaviour when using a web component in place of an actual HTML button.\n\nTODO: if we need to repeat this logic elsewhere, then we should consider moving this code to a shared class or mixin."
+              "description": "This method creates an invisible button of the same type as pie-button. It is then clicked, and immediately removed from the DOM.\r\nThis is done so that we trigger native form actions, such as submit and reset in the browser. The performance impact of adding and removing a single button to the DOM\r\nshould be neglible, however this should be monitored.\r\nThis is the only viable way of guaranteeing native button behaviour when using a web component in place of an actual HTML button.\r\n\r\nTODO: if we need to repeat this logic elsewhere, then we should consider moving this code to a shared class or mixin."
             },
             {
               "kind": "method",

package/dist/index.js

@@ -478,7 +478,7 @@ const O = class O extends It {
     this.getAttribute("v") || this.setAttribute("v", O.v);
   }
 };
-O.v = "1.6.0";
+O.v = "1.6.2";
 let j = O;
 const Nt = ["button", "a"], Pt = ["xsmall", "small-productive", "small-expressive", "medium", "large"], Jt = ["productive", "expressive"], Ot = ["submit", "button", "reset"], _t = [
   "primary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-button",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "PIE design system button built using web components",
   "repository": {
     "type": "git",
@@ -53,8 +53,8 @@
     "dist/*.js"
   ],
   "dependencies": {
-    "@justeattakeaway/pie-spinner": "1.2.0",
-    "@justeattakeaway/pie-webc-core": "0.26.0",
+    "@justeattakeaway/pie-spinner": "1.2.1",
+    "@justeattakeaway/pie-webc-core": "1.0.0",
     "element-internals-polyfill": "1.3.11"
   }
 }