@justeattakeaway/pie-button 0.8.0 → 0.9.0

package/.turbo/turbo-build.log

@@ -3,7 +3,7 @@ transforming...
 ✓ 4 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.js  3.79 kB │ gzip: 1.59 kB
+dist/index.js  3.81 kB │ gzip: 1.60 kB
 
 [vite:dts] Start generate declaration files...
 ../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts:3135:14 - error TS2300: Duplicate identifier 'LibraryManagedAttributes'.
@@ -25,5 +25,5 @@ computing gzip size...
                       ~~~~~~~~~~~~~~~~~~~~~~~~
     'LibraryManagedAttributes' was also declared here.
 
-[vite:dts] Declaration files built in 10579ms.
+[vite:dts] Declaration files built in 17153ms.
 

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.9.0
+
+### Minor Changes
+
+- [Added] - HTMLElementTagNameMap entry for pie-button element ([#364](https://github.com/justeattakeaway/pie/pull/364)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
+- [Added] - Slot functionality to pie-button component and associated SB and example app integrations ([#364](https://github.com/justeattakeaway/pie/pull/364)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
 ## 0.8.0
 
 ### Minor Changes

package/dist/index.js

@@ -23,7 +23,7 @@ var a = /* @__PURE__ */ ((o) => (o.XSMALL = "xsmall", o.SMALL = "small", o.MEDIU
     (s = o[r]) && (e = (t ? s(n, i, e) : s(e)) || e);
   return t && e && y(n, i, e), e;
 };
-function E(o) {
+function k(o) {
   return (n) => {
     if (!customElements.get(o))
       return v(o)(n);
@@ -49,7 +49,7 @@ let l = class extends h {
                 type=${n}
                 ?disabled=${t}
                 @click="${r}">
-                I'm a PIE button
+                <slot></slot>
             </button>`;
   }
 };
@@ -67,10 +67,10 @@ c([
   p(Object.values(b), b.PRIMARY)
 ], l.prototype, "variant", 2);
 c([
-  u()
+  u({ type: Boolean, reflect: !0 })
 ], l.prototype, "disabled", 2);
 l = c([
-  E("pie-button")
+  k("pie-button")
 ], l);
 export {
   a as BUTTON_SIZE,

package/dist/types/src/index.d.ts

@@ -9,4 +9,9 @@ export declare class PieButton extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-button': PieButton;
+    }
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAWpD,qBACa,SAAU,SAAQ,UAAU;IAGrC,IAAI,EAAG,WAAW,CAAsB;IAIxC,IAAI,EAAG,WAAW,CAAsB;IAIxC,OAAO,EAAG,cAAc,CAA0B;IAGlD,QAAQ,EAAG,OAAO,CAAS;IAE3B,MAAM;IA2BN,MAAM,CAAC,MAAM,0BAAqB;CACrC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAWpD,qBACa,SAAU,SAAQ,UAAU;IAGrC,IAAI,EAAG,WAAW,CAAsB;IAIxC,IAAI,EAAG,WAAW,CAAsB;IAIxC,OAAO,EAAG,cAAc,CAA0B;IAGlD,QAAQ,EAAG,OAAO,CAAS;IAE3B,MAAM;IA2BN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-button",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "PIE design system button built using web components",
   "type": "module",
   "main": "dist/index.js",

package/src/index.ts

@@ -32,7 +32,7 @@ export class PieButton extends LitElement {
     @validPropertyValues(Object.values(BUTTON_VARIANT), BUTTON_VARIANT.PRIMARY)
     variant : BUTTON_VARIANT = BUTTON_VARIANT.PRIMARY;
 
-    @property()
+    @property({type: Boolean, reflect: true})
     disabled : boolean = false;
 
     render () {
@@ -57,10 +57,16 @@ export class PieButton extends LitElement {
                 type=${type}
                 ?disabled=${disabled}
                 @click="${raiseWCEvent}">
-                I'm a PIE button
+                <slot></slot>
             </button>`;
     }
 
     // Renders a `CSSResult` generated from SCSS by Vite
     static styles = unsafeCSS(styles);
 }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-button': PieButton;
+    }
+}