@justeattakeaway/pie-icon-button 0.1.0

package/.turbo/turbo-build.log

@@ -0,0 +1,11 @@
+vite v4.2.1 building for production...
+transforming...
+✓ 1 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/index.js  0.67 kB │ gzip: 0.40 kB
+
+[vite:dts] Start generate declaration files...
+✓ built in 11.98s
+[vite:dts] Declaration files built in 11853ms.
+

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @justeattakeaway/pie-icon-button
+
+## 0.1.0
+
+### Minor Changes
+
+- [Added] - base component shell ([#486](https://github.com/justeattakeaway/pie/pull/486)) by [@jamieomaguire](https://github.com/jamieomaguire)

package/LICENSE

@@ -0,0 +1,17 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+Copyright (c) Just Eat Takeaway.com
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,13 @@
+<p align="center">
+  <img align="center" src="../../../readme_image.png" height="200" alt="">
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/@justeattakeaway/pie-icon-button">
+    <img alt="GitHub Workflow Status" src="https://img.shields.io/npm/v/@justeattakeaway/pie-icon-button.svg">
+  </a>
+</p>
+
+## `pie-icon-button`
+
+`pie-icon-button` is a Web Component built using the Lit library. It offers a simple and accessible icon button component for web applications. This component can be easily integrated into various frontend frameworks and customized through a set of properties.

package/declaration.d.ts

@@ -0,0 +1,9 @@
+declare module '*.scss' {
+    const content: Record<string, string>;
+    export default content;
+}
+
+declare module '*.scss?inline' {
+    const content: Record<string, string>;
+    export default content;
+}

package/dist/index.js

@@ -0,0 +1,23 @@
+import { LitElement as m, html as u } from "lit";
+import { customElement as i } from "lit/decorators.js";
+var c = Object.defineProperty, f = Object.getOwnPropertyDescriptor, b = (p, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? f(e, r) : e, n = p.length - 1, l; n >= 0; n--)
+    (l = p[n]) && (t = (o ? l(e, r, t) : l(t)) || t);
+  return o && t && c(e, r, t), t;
+};
+let s = class extends m {
+  // eslint-disable-next-line class-methods-use-this
+  render() {
+    return u`
+            <button>
+                I am a pie-icon-button
+                <slot></slot>
+            </button>`;
+  }
+};
+s = b([
+  i("pie-icon-button")
+], s);
+export {
+  s as PieIconButton
+};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './src/index'

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

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class PieIconButton extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-icon-button': PieIconButton;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,qBACa,aAAc,SAAQ,UAAU;IAEzC,MAAM;CAOT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KACpC;CACJ"}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@justeattakeaway/pie-icon-button",
+  "version": "0.1.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",
+  "scripts": {
+    "build": "run -T vite build",
+    "watch": "run -T vite build --watch",
+    "test": "echo \"Error: no test specified\" && exit 0"
+  },
+  "author": "JustEatTakeaway - Design System Web Team",
+  "license": "Apache-2.0",
+  "volta": {
+    "extends": "../../../package.json"
+  }
+}

package/src/index.ts

@@ -0,0 +1,20 @@
+import { LitElement, html } from 'lit'; // eslint-disable-line import/no-extraneous-dependencies
+import { customElement } from 'lit/decorators.js'; // eslint-disable-line import/no-extraneous-dependencies
+
+@customElement('pie-icon-button')
+export class PieIconButton extends LitElement {
+    // eslint-disable-next-line class-methods-use-this
+    render () {
+        return html`
+            <button>
+                I am a pie-icon-button
+                <slot></slot>
+            </button>`;
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-icon-button': PieIconButton;
+    }
+}

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+      "target": "ES6",
+      "module": "ES2022",
+      "lib": ["es2020", "DOM", "DOM.Iterable"],
+      "declaration": true,
+      "declarationMap": true,
+      "sourceMap": true,
+      "inlineSources": true,
+      "outDir": "./compiled",
+      "baseUrl": ".",
+      "paths": {
+        "@/*": ["./src/*"]
+      },
+      "rootDir": ".",
+      "strict": true,
+      "noUnusedLocals": true,
+      "noUnusedParameters": true,
+      "noImplicitReturns": true,
+      "noFallthroughCasesInSwitch": true,
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "moduleResolution": "node",
+      "allowSyntheticDefaultImports": true,
+      "experimentalDecorators": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*.ts","./declaration.d.ts", "test/**/*.ts"],
+  "exclude": []
+}

package/vite.config.js

@@ -0,0 +1,21 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    build: {
+        lib: {
+            entry: 'src/index.ts',
+            fileName: 'index',
+            formats: ['es'],
+        },
+        rollupOptions: {
+            external: /^lit/,
+        },
+    },
+    plugins: [dts({
+        insertTypesEntry: true,
+        outputDir: 'dist/types',
+    })],
+});