@justeattakeaway/pie-icon-button 0.13.2 → 0.14.0

package/dist/{types/packages/components/pie-icon-button/src/defs.d.ts → index.d.ts}

@@ -1,20 +1,35 @@
-export declare const sizes: readonly ["xsmall", "small", "medium", "large"];
-export declare const variants: readonly ["primary", "secondary", "outline", "ghost", "ghost-secondary"];
-export interface IconButtonProps {
-    /**
-     * (Optional) What size the button should be.
-     * @default "medium"
-     */
-    size: typeof sizes[number];
-    /**
-     * (Optional) What style variant the button should be such as primary, outline or ghost.
-     * @default "primary"
-     */
-    variant: typeof variants[number];
-    /**
-     * (Optional) When true, the button element is disabled.
-     * @default false
-     */
-    disabled: boolean;
-}
-//# sourceMappingURL=defs.d.ts.map
+import type { CSSResult } from 'lit';
+import type { LitElement } from 'lit';
+import type { TemplateResult } from 'lit-html';
+
+export declare interface IconButtonProps {
+    /**
+     * (Optional) What size the button should be.
+     * @default "medium"
+     */
+    size: typeof sizes[number];
+    /**
+     * (Optional) What style variant the button should be such as primary, outline or ghost.
+     * @default "primary"
+     */
+    variant: typeof variants[number];
+    /**
+     * (Optional) When true, the button element is disabled.
+     * @default false
+     */
+    disabled: boolean;
+}
+
+export declare class PieIconButton extends LitElement implements IconButtonProps {
+    size: IconButtonProps['size'];
+    variant: IconButtonProps['variant'];
+    disabled: boolean;
+    render(): TemplateResult<1>;
+    static styles: CSSResult;
+}
+
+export declare const sizes: readonly ["xsmall", "small", "medium", "large"];
+
+export declare const variants: readonly ["primary", "secondary", "outline", "ghost", "ghost-secondary"];
+
+export { }

package/dist/react.d.ts

@@ -0,0 +1,38 @@
+import type { CSSResult } from 'lit';
+import type { LitElement } from 'lit';
+import type { ReactWebComponent } from '@lit-labs/react';
+import type { TemplateResult } from 'lit-html';
+
+export declare interface IconButtonProps {
+    /**
+     * (Optional) What size the button should be.
+     * @default "medium"
+     */
+    size: typeof sizes[number];
+    /**
+     * (Optional) What style variant the button should be such as primary, outline or ghost.
+     * @default "primary"
+     */
+    variant: typeof variants[number];
+    /**
+     * (Optional) When true, the button element is disabled.
+     * @default false
+     */
+    disabled: boolean;
+}
+
+export declare const PieIconButton: ReactWebComponent<PieIconButton_2, {}>;
+
+declare class PieIconButton_2 extends LitElement implements IconButtonProps {
+    size: IconButtonProps['size'];
+    variant: IconButtonProps['variant'];
+    disabled: boolean;
+    render(): TemplateResult<1>;
+    static styles: CSSResult;
+}
+
+export declare const sizes: readonly ["xsmall", "small", "medium", "large"];
+
+export declare const variants: readonly ["primary", "secondary", "outline", "ghost", "ghost-secondary"];
+
+export { }

package/dist/react.js

@@ -1,4 +1,5 @@
 import { PieIconButton as Nr } from "./index.js";
+import { sizes as Xr, variants as Zr } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "lit/decorators/property.js";
@@ -32,7 +33,7 @@ var Ve = { exports: {} }, p = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ct;
-function Mr() {
+function xr() {
   if (Ct)
     return p;
   Ct = 1;
@@ -74,8 +75,8 @@ function Mr() {
     if (b === 1)
       v.children = d;
     else if (1 < b) {
-      for (var E = Array(b), M = 0; M < b; M++)
-        E[M] = arguments[M + 2];
+      for (var E = Array(b), x = 0; x < b; x++)
+        E[x] = arguments[x + 2];
       v.children = E;
     }
     if (r && r.defaultProps)
@@ -119,8 +120,8 @@ function Mr() {
           }
       }
     if (S)
-      return S = r, v = v(S), r = h === "" ? "." + se(S, 0) : h, Q(v) ? (d = "", r != null && (d = r.replace(ve, "$&/") + "/"), ne(v, u, d, "", function(M) {
-        return M;
+      return S = r, v = v(S), r = h === "" ? "." + se(S, 0) : h, Q(v) ? (d = "", r != null && (d = r.replace(ve, "$&/") + "/"), ne(v, u, d, "", function(x) {
+        return x;
       })) : v != null && (ie(v) && (v = pe(v, d + (!v.key || S && S.key === v.key ? "" : ("" + v.key).replace(ve, "$&/") + "/") + r)), u.push(v)), 1;
     if (S = 0, h = h === "" ? "." : h + ":", Q(r))
       for (var b = 0; b < r.length; b++) {
@@ -189,8 +190,8 @@ function Mr() {
       h.children = d;
     else if (1 < E) {
       b = Array(E);
-      for (var M = 0; M < E; M++)
-        b[M] = arguments[M + 2];
+      for (var x = 0; x < E; x++)
+        b[x] = arguments[x + 2];
       h.children = b;
     }
     return { $$typeof: g, type: r.type, key: v, ref: _, props: h, _owner: S };
@@ -260,7 +261,7 @@ var de = { exports: {} };
  */
 de.exports;
 var St;
-function xr() {
+function Mr() {
   return St || (St = 1, function(g, c) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
@@ -430,11 +431,11 @@ function xr() {
       function E() {
       }
       E.prototype = v.prototype;
-      function M(e, t, n) {
+      function x(e, t, n) {
         this.props = e, this.context = t, this.refs = h, this.updater = n || u;
       }
-      var ke = M.prototype = new E();
-      ke.constructor = M, d(ke, v.prototype), ke.isPureReactComponent = !0;
+      var ke = x.prototype = new E();
+      ke.constructor = x, d(ke, v.prototype), ke.isPureReactComponent = !0;
       function kt() {
         var e = {
           current: null
@@ -626,7 +627,7 @@ function xr() {
         var n = je(e.type, t, e.ref, e._self, e._source, e._owner, e.props);
         return n;
       }
-      function Mt(e, t, n) {
+      function xt(e, t, n) {
         if (e == null)
           throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + ".");
         var a, o = d({}, e.props), s = e.key, i = e.ref, l = e._self, y = e._source, m = e._owner;
@@ -650,7 +651,7 @@ function xr() {
       function ae(e) {
         return typeof e == "object" && e !== null && e.$$typeof === T;
       }
-      var Ke = ".", xt = ":";
+      var Ke = ".", Mt = ":";
       function Ut(e) {
         var t = /[=:]/g, n = {
           "=": "=0",
@@ -707,7 +708,7 @@ function xr() {
             )), t.push(y));
           return 1;
         }
-        var w, C, O = 0, D = a === "" ? Ke : a + xt;
+        var w, C, O = 0, D = a === "" ? Ke : a + Mt;
         if (he(e))
           for (var Oe = 0; Oe < e.length; Oe++)
             w = e[Oe], C = D + Ae(w, Oe), O += ge(w, t, n, C, o);
@@ -958,7 +959,7 @@ Your code should look like:
         }
         return n;
       }
-      function x() {
+      function M() {
         var e = K.current;
         return e === null && f(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
 1. You might have mismatching versions of React and the renderer (such as React DOM)
@@ -967,7 +968,7 @@ Your code should look like:
 See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`), e;
       }
       function Xt(e) {
-        var t = x();
+        var t = M();
         if (e._context !== void 0) {
           var n = e._context;
           n.Consumer === e ? f("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?") : n.Provider === e && f("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?");
@@ -975,61 +976,61 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         return t.useContext(e);
       }
       function Zt(e) {
-        var t = x();
+        var t = M();
         return t.useState(e);
       }
       function er(e, t, n) {
-        var a = x();
+        var a = M();
         return a.useReducer(e, t, n);
       }
       function tr(e) {
-        var t = x();
+        var t = M();
         return t.useRef(e);
       }
       function rr(e, t) {
-        var n = x();
+        var n = M();
         return n.useEffect(e, t);
       }
       function nr(e, t) {
-        var n = x();
+        var n = M();
         return n.useInsertionEffect(e, t);
       }
       function ar(e, t) {
-        var n = x();
+        var n = M();
         return n.useLayoutEffect(e, t);
       }
       function or(e, t) {
-        var n = x();
+        var n = M();
         return n.useCallback(e, t);
       }
       function ur(e, t) {
-        var n = x();
+        var n = M();
         return n.useMemo(e, t);
       }
       function ir(e, t, n) {
-        var a = x();
+        var a = M();
         return a.useImperativeHandle(e, t, n);
       }
       function sr(e, t) {
         {
-          var n = x();
+          var n = M();
           return n.useDebugValue(e, t);
         }
       }
       function cr() {
-        var e = x();
+        var e = M();
         return e.useTransition();
       }
       function fr(e) {
-        var t = x();
+        var t = M();
         return t.useDeferredValue(e);
       }
       function lr() {
-        var e = x();
+        var e = M();
         return e.useId();
       }
       function dr(e, t, n) {
-        var a = x();
+        var a = M();
         return a.useSyncExternalStore(e, t, n);
       }
       var le = 0, tt, rt, nt, at, ot, ut, it;
@@ -1385,7 +1386,7 @@ Check the top-level render call using <` + n + ">.");
         }), t;
       }
       function Cr(e, t, n) {
-        for (var a = Mt.apply(this, arguments), o = 2; o < arguments.length; o++)
+        for (var a = xt.apply(this, arguments), o = 2; o < arguments.length; o++)
           yt(arguments[o], a.type);
         return ht(a), a;
       }
@@ -1427,7 +1428,7 @@ Check the top-level render call using <` + n + ">.");
           try {
             if (j.isBatchingLegacy = !0, a = e(), !n && j.didScheduleLegacyUpdate) {
               var o = j.current;
-              o !== null && (j.didScheduleLegacyUpdate = !1, xe(o));
+              o !== null && (j.didScheduleLegacyUpdate = !1, Me(o));
             }
           } catch (C) {
             throw Se(t), C;
@@ -1452,7 +1453,7 @@ Check the top-level render call using <` + n + ">.");
             var y = a;
             if (Se(t), ue === 0) {
               var m = j.current;
-              m !== null && (xe(m), j.current = null);
+              m !== null && (Me(m), j.current = null);
               var R = {
                 then: function(C, O) {
                   j.current === null ? (j.current = [], Le(y, C, O)) : C(y);
@@ -1478,7 +1479,7 @@ Check the top-level render call using <` + n + ">.");
           var a = j.current;
           if (a !== null)
             try {
-              xe(a), Or(function() {
+              Me(a), Or(function() {
                 a.length === 0 ? (j.current = null, t(e)) : Le(e, t, n);
               });
             } catch (o) {
@@ -1488,10 +1489,10 @@ Check the top-level render call using <` + n + ">.");
             t(e);
         }
       }
-      var Me = !1;
-      function xe(e) {
-        if (!Me) {
-          Me = !0;
+      var xe = !1;
+      function Me(e) {
+        if (!xe) {
+          xe = !0;
           var t = 0;
           try {
             for (; t < e.length; t++) {
@@ -1504,7 +1505,7 @@ Check the top-level render call using <` + n + ">.");
           } catch (a) {
             throw e = e.slice(t + 1), a;
           } finally {
-            Me = !1;
+            xe = !1;
           }
         }
       }
@@ -1515,11 +1516,11 @@ Check the top-level render call using <` + n + ">.");
         toArray: Bt,
         only: zt
       };
-      c.Children = Ar, c.Component = v, c.Fragment = k, c.Profiler = $, c.PureComponent = M, c.StrictMode = V, c.Suspense = H, c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = q, c.cloneElement = Pr, c.createContext = Ht, c.createElement = kr, c.createFactory = jr, c.createRef = kt, c.forwardRef = Qt, c.isValidElement = ae, c.lazy = Kt, c.memo = Jt, c.startTransition = Sr, c.unstable_act = Tr, c.useCallback = or, c.useContext = Xt, c.useDebugValue = sr, c.useDeferredValue = fr, c.useEffect = rr, c.useId = lr, c.useImperativeHandle = ir, c.useInsertionEffect = nr, c.useLayoutEffect = ar, c.useMemo = ur, c.useReducer = er, c.useRef = tr, c.useState = Zt, c.useSyncExternalStore = dr, c.useTransition = cr, c.version = U, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      c.Children = Ar, c.Component = v, c.Fragment = k, c.Profiler = $, c.PureComponent = x, c.StrictMode = V, c.Suspense = H, c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = q, c.cloneElement = Pr, c.createContext = Ht, c.createElement = kr, c.createFactory = jr, c.createRef = kt, c.forwardRef = Qt, c.isValidElement = ae, c.lazy = Kt, c.memo = Jt, c.startTransition = Sr, c.unstable_act = Tr, c.useCallback = or, c.useContext = Xt, c.useDebugValue = sr, c.useDeferredValue = fr, c.useEffect = rr, c.useId = lr, c.useImperativeHandle = ir, c.useInsertionEffect = nr, c.useLayoutEffect = ar, c.useMemo = ur, c.useReducer = er, c.useRef = tr, c.useState = Zt, c.useSyncExternalStore = dr, c.useTransition = cr, c.version = U, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(de, de.exports)), de.exports;
 }
-process.env.NODE_ENV === "production" ? Ve.exports = Mr() : Ve.exports = xr();
+process.env.NODE_ENV === "production" ? Ve.exports = xr() : Ve.exports = Mr();
 var Tt = Ve.exports;
 const Ur = /* @__PURE__ */ Lr(Tt), Vr = /* @__PURE__ */ Fr({
   __proto__: null,
@@ -1587,5 +1588,7 @@ const Kr = Br({
   events: {}
 });
 export {
-  Kr as PieIconButton
+  Kr as PieIconButton,
+  Xr as sizes,
+  Zr as variants
 };

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@justeattakeaway/pie-icon-button",
-  "version": "0.13.2",
+  "version": "0.14.0",
   "description": "PIE Design System Icon Button built using Web Components",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
+  "files": [
+    "src",
+    "dist",
+    "**/*.d.ts"
+  ],
   "scripts": {
     "build": "yarn build:wrapper pie-icon-button && run -T vite build",
     "lint:scripts": "run -T eslint .",

package/src/index.ts

@@ -8,7 +8,7 @@ import {
 } from './defs';
 
 // Valid values available to consumers
-export { type IconButtonProps, sizes, variants };
+export * from './defs';
 
 const componentSelector = 'pie-icon-button';
 

package/.eslintignore

@@ -1,5 +0,0 @@
-.turbo
-dist
-node_modules
-lit-browsers-report
-lit-visual-report

package/.turbo/turbo-build.log

@@ -1,14 +0,0 @@
-[2:03:52 PM] @custom-elements-manifest/analyzer: Created new manifest.
-react wrapper has been added!
-vite v4.3.9 building for production...
-transforming...
-✓ 22 modules transformed.
-rendering chunks...
-computing gzip size...
-dist/index.js   6.06 kB │ gzip:  1.52 kB
-dist/react.js  59.03 kB │ gzip: 15.92 kB
-
-[vite:dts] Start generate declaration files...
-✓ built in 44.16s
-[vite:dts] Declaration files built in 40928ms.
-

package/CHANGELOG.md

@@ -1,157 +0,0 @@
-# @justeattakeaway/pie-icon-button
-
-## 0.13.2
-
-### Patch Changes
-
-- [Fixed] - Corrected the following peerDependency: ([#713](https://github.com/justeattakeaway/pie/pull/713)) by [@siggerzz](https://github.com/siggerzz)
-
-  ```js
-    "peerDependencies": {
-      "@justeat/pie-design-tokens": "5.4.0"
-    },
-  ```
-
-- [Changed] - use latest pie-design-tokens ([#716](https://github.com/justeattakeaway/pie/pull/716)) by [@xander-marjoram](https://github.com/xander-marjoram)
-
-## 0.13.1
-
-### Patch Changes
-
-- [Changed] - use latest pie-design-tokens ([#694](https://github.com/justeattakeaway/pie/pull/694)) by [@xander-marjoram](https://github.com/xander-marjoram)
-
-## 0.13.0
-
-### Minor Changes
-
-- [Added] - axe builder to be shared as a base instance across broswer accessibility tests ([#669](https://github.com/justeattakeaway/pie/pull/669)) by [@raoufswe](https://github.com/raoufswe)
-
-## 0.12.0
-
-### Minor Changes
-
-- [Fixed] - Prevent tree-shaking of components in storybook ([#667](https://github.com/justeattakeaway/pie/pull/667)) by [@xander-marjoram](https://github.com/xander-marjoram)
-
-  [Removed] - Built webc icons from source control
-  [Added] - Type declaration files for components
-  [Added] - Types for pie-icons
-  [Added] - TS version of pie-icons-configs/config.js (Will be used after DSW-1025)
-  [Added] - Webc icon tests for width, height and base classes
-  [Changed] - Update pie-icons-webc build to generate a slightly different template for regular and large icons (using different types, etc.)
-  [Changed] - Update pie-icons-webc rollup config to remove commonjs build
-  [Changed] - Use `just-kebab-case` and `just-pascal-case` instead of `kebab-case` and `pascal-case` to simplify usage (and they're more recently maintained)
-
-## 0.11.0
-
-### Minor Changes
-
-- [Changed] - Add js/ts linting and fix errors ([#653](https://github.com/justeattakeaway/pie/pull/653)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-## 0.10.0
-
-### Minor Changes
-
-- [Changed] - expose icon-button size css variables for consumers ([#627](https://github.com/justeattakeaway/pie/pull/627)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-## 0.9.0
-
-### Minor Changes
-
-- [Changed] - Added slot info the the readme and peerDep added ([#604](https://github.com/justeattakeaway/pie/pull/604)) by [@ashleynolan](https://github.com/ashleynolan)
-
-- [Changed] - Ensure component implements it's props interface ([#611](https://github.com/justeattakeaway/pie/pull/611)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Fixed] - Added IconClose to Visual tests and modal ([#604](https://github.com/justeattakeaway/pie/pull/604)) by [@ashleynolan](https://github.com/ashleynolan)
-
-- [Added] - Slot added to pie-icon-button ([#604](https://github.com/justeattakeaway/pie/pull/604)) by [@ashleynolan](https://github.com/ashleynolan)
-
-## 0.8.0
-
-### Minor Changes
-
-- [Changed] - Set all component props to public ([#597](https://github.com/justeattakeaway/pie/pull/597)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-### Patch Changes
-
-- Updated dependencies [[`816909e55`](https://github.com/justeattakeaway/pie/commit/816909e55f464fd191fa8a54e3407b8fbd0cdc29), [`816909e55`](https://github.com/justeattakeaway/pie/commit/816909e55f464fd191fa8a54e3407b8fbd0cdc29), [`816909e55`](https://github.com/justeattakeaway/pie/commit/816909e55f464fd191fa8a54e3407b8fbd0cdc29)]:
-  - @justeattakeaway/pie-icons-webc@0.2.0
-
-## 0.7.0
-
-### Minor Changes
-
-- [Changed] - ghost-tertiary renamed to ghost-secondary ([#583](https://github.com/justeattakeaway/pie/pull/583)) by [@ashleynolan](https://github.com/ashleynolan)
-
-### Patch Changes
-
-- Updated dependencies [[`4c3f9348a`](https://github.com/justeattakeaway/pie/commit/4c3f9348a2041494f640cfc35e4c321eee6e550b)]:
-  - @justeattakeaway/pie-icons-webc@0.1.0
-
-## 0.6.1
-
-### Patch Changes
-
-- [Changed] - Updated defs to use different array type syntax ([#566](https://github.com/justeattakeaway/pie/pull/566)) by [@ashleynolan](https://github.com/ashleynolan)
-
-## 0.6.0
-
-### Minor Changes
-
-- [Added] - `size` prop added to pie-icon-button ([#557](https://github.com/justeattakeaway/pie/pull/557)) by [@ashleynolan](https://github.com/ashleynolan)
-
-## 0.5.0
-
-### Minor Changes
-
-- [Updated] - enum types to string union types to string union types ([#508](https://github.com/justeattakeaway/pie/pull/508)) by [@FayeCarter](https://github.com/FayeCarter)
-
-## 0.4.0
-
-### Minor Changes
-
-- [Changed] - Refactor visual tests to have labels showing props ([#519](https://github.com/justeattakeaway/pie/pull/519)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Added] - component and a11y browser tests ([#499](https://github.com/justeattakeaway/pie/pull/499)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Changed] - moved pie-webc-core dependency to devDependencies in each component ([#499](https://github.com/justeattakeaway/pie/pull/499)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Added] - percy visual tests ([#499](https://github.com/justeattakeaway/pie/pull/499)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Added] - Additional notes on visual tests and environment variables ([#525](https://github.com/justeattakeaway/pie/pull/525)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Added] Read me percy config examples ([#529](https://github.com/justeattakeaway/pie/pull/529)) by [@kevinrodrigues](https://github.com/kevinrodrigues)
-
-### Patch Changes
-
-- [Changed] - Use `componentSelector` to define the custom element ([#530](https://github.com/justeattakeaway/pie/pull/530)) by [@raoufswe](https://github.com/raoufswe)
-
-## 0.3.0
-
-### Minor Changes
-
-- [Changed] - customElement.define parameter to string ([#507](https://github.com/justeattakeaway/pie/pull/507)) by [@LTurns](https://github.com/LTurns)
-
-## 0.2.0
-
-### Minor Changes
-
-- [Added] - Variant and disabled props and styling ([#491](https://github.com/justeattakeaway/pie/pull/491)) by [@jamieomaguire](https://github.com/jamieomaguire)
-
-- [Changed] - Build script to include generating react wrapper ([#426](https://github.com/justeattakeaway/pie/pull/426)) by [@LTurns](https://github.com/LTurns)
-
-### Patch Changes
-
-- [Added] - Missing `test:ci` scripts to package.json ([#492](https://github.com/justeattakeaway/pie/pull/492)) by [@siggerzz](https://github.com/siggerzz)
-
-- [Fixed] - Resolved TS Build errors ([#482](https://github.com/justeattakeaway/pie/pull/482)) by [@ashleynolan](https://github.com/ashleynolan)
-
-- [Updated] - components to use the shared configurations ([#487](https://github.com/justeattakeaway/pie/pull/487)) by [@fernandofranca](https://github.com/fernandofranca)
-
-- Updated dependencies [[`090354733`](https://github.com/justeattakeaway/pie/commit/090354733f24f0aa52ce287db7f8d13648414150)]:
-  - @justeattakeaway/pie-webc-core@0.2.0
-
-## 0.1.0
-
-### Minor Changes
-
-- [Added] - base component shell ([#486](https://github.com/justeattakeaway/pie/pull/486)) by [@jamieomaguire](https://github.com/jamieomaguire)

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-export * from './packages/components/pie-icon-button/src/index'

package/dist/types/packages/components/pie-icon-button/src/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/defs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,iDAAkD,CAAC;AACrE,eAAO,MAAM,QAAQ,0EAA2E,CAAC;AAEjG,MAAM,WAAW,eAAe;IAC5B;;;OAGG;IACH,IAAI,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B;;;OAGG;IACH,OAAO,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB"}

package/dist/types/packages/components/pie-icon-button/src/index.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-import { IconButtonProps, sizes, variants } from './defs';
-export { type IconButtonProps, sizes, variants };
-declare const componentSelector = "pie-icon-button";
-export declare class PieIconButton extends LitElement implements IconButtonProps {
-    size: IconButtonProps['size'];
-    variant: IconButtonProps['variant'];
-    disabled: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [componentSelector]: PieIconButton;
-    }
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/types/packages/components/pie-icon-button/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,EACH,eAAe,EAAE,KAAK,EAAE,QAAQ,EACnC,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAEjD,QAAA,MAAM,iBAAiB,oBAAoB,CAAC;AAE5C,qBAAa,aAAc,SAAQ,UAAW,YAAW,eAAe;IAG7D,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAY;IAIzC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAa;IAGhD,QAAQ,UAAS;IAExB,MAAM;IAiBN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC;KACtC;CACJ"}

package/dist/types/packages/components/pie-icon-button/src/react.d.ts

@@ -1,3 +0,0 @@
-import { PieIconButton as PieIconButtonReact } from './index';
-export declare const PieIconButton: import("@lit-labs/react").ReactWebComponent<PieIconButtonReact, {}>;
-//# sourceMappingURL=react.d.ts.map

package/dist/types/packages/components/pie-icon-button/src/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,aAAa,qEAMxB,CAAC"}

package/dist/types/react.d.ts

@@ -1 +0,0 @@
-export * from './packages/components/pie-icon-button/src/react'

package/playwright/index.html

@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preload" href="https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-Regular-optimised.woff2" as="font" type="font/woff2" crossorigin>
-    <link rel="preload" href="https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-Bold-optimised.woff2" as="font" type="font/woff2" crossorigin>
-    <link rel="preload" href="https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-ExtraBold-optimised.woff2" as="font" type="font/woff2" crossorigin>
-    <style>
-        @font-face {
-            font-family: JETSansDigital;
-            src: url('https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-Regular-optimised.woff2') format("woff2"),
-            url('https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-Regular-optimised.woff') format("woff");
-            font-weight: 400;
-            font-display: swap;
-        }
-        @font-face {
-            font-family: JETSansDigital;
-            src: url('https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-Bold-optimised.woff2') format("woff2"),
-            url('https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-Bold-optimised.woff') format("woff");
-            font-weight: 700;
-            font-display: swap;
-        }
-        @font-face {
-            font-family: JETSansDigital;
-            src: url('https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-ExtraBold-optimised.woff2') format("woff2"),
-            url('https://d30v2pzvrfyzpo.cloudfront.net/fonts/JETSansDigital-ExtraBold-optimised.woff') format("woff");
-            font-weight: 800;
-            font-display: swap;
-        }
-        body {
-            font-feature-settings: "tnum"; /* Enable tabular numbers */
-        }
-        /* basic styles to center align components and give them some spacing */
-        #root {
-            padding: 1em;
-        }
-
-        #root > * {
-            display: block;
-            margin-inline: auto;
-        }
-
-        #root > * + * {
-            margin-top: 1em;
-        }
-    </style>
-    <title>Testing Page</title>
-    <link rel="stylesheet" type="text/css" href="https://unpkg.com/@justeat/pie-design-tokens/dist/jet.css" />
-    <link rel="stylesheet" type="text/css" href="https://unpkg.com/@justeat/pie-design-tokens/dist/jet-hsl-colors.css" />
-</head>
-<body>
-    <div id="root"></div>
-    <script type="module" src="./index.ts"></script>
-</body>
-</html>

package/playwright/index.ts

@@ -1 +0,0 @@
-// Import common styles here

package/playwright-lit-visual.config.ts

@@ -1,4 +0,0 @@
-import { defineConfig } from '@sand4rt/experimental-ct-web';
-import { getPlaywrightVisualConfig } from '@justeattakeaway/pie-components-config';
-
-export default defineConfig(getPlaywrightVisualConfig());

package/playwright-lit.config.ts

@@ -1,4 +0,0 @@
-import { defineConfig } from '@sand4rt/experimental-ct-web';
-import { getPlaywrightConfig } from '@justeattakeaway/pie-components-config';
-
-export default defineConfig(getPlaywrightConfig());

package/test/accessibility/pie-icon-button.spec.ts

@@ -1,36 +0,0 @@
-import { test, expect } from '@justeattakeaway/pie-webc-testing/src/playwright/fixtures.ts';
-import type {
-    PropObject, WebComponentPropValues,
-} from '@justeattakeaway/pie-webc-testing/src/helpers/defs.ts';
-import {
-    getAllPropCombinations, splitCombinationsByPropertyValue,
-} from '@justeattakeaway/pie-webc-testing/src/helpers/get-all-prop-combos.ts';
-import { PieIconButton } from '@/index';
-import { variants } from '@/defs';
-
-const props: PropObject = {
-    variant: variants,
-    disabled: [true, false],
-};
-
-const componentPropsMatrix : WebComponentPropValues[] = getAllPropCombinations(props);
-const componentPropsMatrixByVariant: Record<string, WebComponentPropValues[]> = splitCombinationsByPropertyValue(componentPropsMatrix, 'variant');
-const componentVariants: string[] = Object.keys(componentPropsMatrixByVariant);
-
-componentVariants.forEach((variant) => test(`Render all prop variations for Variant: ${variant}`, async ({ makeAxeBuilder, mount }) => {
-    await Promise.all(componentPropsMatrixByVariant[variant].map(async (combo: WebComponentPropValues) => {
-        await mount(
-            PieIconButton,
-            {
-                props: { ...combo },
-                slots: {
-                    default: 'Hello world',
-                },
-            },
-        );
-    }));
-
-    const results = await makeAxeBuilder().analyze();
-
-    expect(results.violations).toEqual([]);
-}));

package/test/component/pie-icon-button.spec.ts

@@ -1,24 +0,0 @@
-import { test, expect } from '@sand4rt/experimental-ct-web';
-import { PieIconButton } from '@/index';
-
-test('should correctly work with native click events', async ({ mount }) => {
-    const messages: string[] = [];
-    const expectedEventMessage = 'Native event dispatched';
-    const component = await mount(
-        PieIconButton,
-        {
-            props: {
-                variant: 'primary',
-            },
-            on: {
-                click: () => {
-                    messages.push(expectedEventMessage);
-                },
-            },
-        },
-    );
-
-    await component.click();
-
-    expect(messages).toEqual([expectedEventMessage]);
-});

package/test/visual/pie-icon-button.spec.ts

@@ -1,70 +0,0 @@
-import { test } from '@sand4rt/experimental-ct-web';
-import percySnapshot from '@percy/playwright';
-import type {
-    PropObject, WebComponentPropValues, WebComponentTestInput,
-} from '@justeattakeaway/pie-webc-testing/src/helpers/defs.ts';
-import {
-    getAllPropCombinations, splitCombinationsByPropertyValue,
-} from '@justeattakeaway/pie-webc-testing/src/helpers/get-all-prop-combos.ts';
-import {
-    createTestWebComponent,
-} from '@justeattakeaway/pie-webc-testing/src/helpers/rendering.ts';
-import {
-    WebComponentTestWrapper,
-} from '@justeattakeaway/pie-webc-testing/src/helpers/components/web-component-test-wrapper/WebComponentTestWrapper.ts';
-import { PieIconButton } from '@/index';
-
-import { sizes, variants } from '@/defs';
-
-const props: PropObject = {
-    size: sizes,
-    variant: variants,
-    disabled: [true, false],
-};
-
-// TODO: Currently setting the slot to use a straight up SVG
-//       This should be updated to use pie-icons-webc, but after some investigation, we think that we'll
-//       need to convert the webc icons to use Lit, as currently the components don't work well in a Node env like Playwright
-//       Atm, importing them like `import '@justeattakeaway/pie-icons-webc/icons/IconClose.js';` results in an `HTMLElement is not defined` error
-const closeSVG = '<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.072 4.133 3.205l-.928.927L7.073 8l-3.868 3.867.928.928L8 8.927l3.868 3.868.927-.928L8.928 8l3.867-3.868-.927-.927Z"></path></svg>';
-
-// Renders a <pie-icon-button> HTML string with the given prop values
-const renderTestPieIconButton = (propVals: WebComponentPropValues) => `<pie-icon-button size="${propVals.size}" variant="${propVals.variant}" ${propVals.disabled ? 'disabled' : ''}>${closeSVG}</pie-icon-button>`;
-
-const componentPropsMatrix : WebComponentPropValues[] = getAllPropCombinations(props);
-const componentPropsMatrixByVariant: Record<string, WebComponentPropValues[]> = splitCombinationsByPropertyValue(componentPropsMatrix, 'variant');
-const componentVariants: string[] = Object.keys(componentPropsMatrixByVariant);
-
-// This ensures the component is registered in the DOM for each test
-// This is not required if your tests mount the web component directly in the tests
-test.beforeEach(async ({ page, mount }) => {
-    await mount(
-        PieIconButton,
-        {},
-    );
-
-    // Removing the element so it's not present in the tests (but is still registered in the DOM)
-    await page.evaluate(() => {
-        const element : Element | null = document.querySelector('pie-icon-button');
-        element?.remove();
-    });
-});
-
-componentVariants.forEach((variant) => test(`Render all prop variations for Variant: ${variant}`, async ({ page, mount }) => {
-    await Promise.all(componentPropsMatrixByVariant[variant].map(async (combo: WebComponentPropValues) => {
-        const testComponent: WebComponentTestInput = createTestWebComponent(combo, renderTestPieIconButton);
-        const propKeyValues = `size: ${testComponent.propValues.size}, disabled: ${testComponent.propValues.disabled}`;
-
-        await mount(
-            WebComponentTestWrapper,
-            {
-                props: { propKeyValues },
-                slots: {
-                    component: testComponent.renderedString,
-                },
-            },
-        );
-    }));
-
-    await percySnapshot(page, `PIE Icon Button - Variant: ${variant}`);
-}));

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../../configs/pie-components-config/tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": ".",
-  },
-  "include": ["src/**/*.ts","./declaration.d.ts", "test/**/*.ts", "playwright-lit-visual.config.ts", "playwright-lit.config.ts"],
-}

package/vite.config.js

@@ -1,3 +0,0 @@
-import viteConfig from '@justeattakeaway/pie-components-config/vite.config';
-
-export default viteConfig;