@m3e/icon-button 1.0.0-rc.1 → 1.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +1 -2
  2. package/dist/custom-elements.json +2910 -12
  3. package/dist/html-custom-data.json +3 -3
  4. package/dist/index.js +2 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.js +1 -1
  7. package/dist/index.min.js.map +1 -1
  8. package/dist/src/IconButtonElement.d.ts +1 -1
  9. package/dist/src/IconButtonElement.d.ts.map +1 -1
  10. package/package.json +3 -3
  11. package/cem.config.mjs +0 -16
  12. package/demo/index.html +0 -103
  13. package/eslint.config.mjs +0 -13
  14. package/rollup.config.js +0 -32
  15. package/src/IconButtonElement.ts +0 -514
  16. package/src/IconButtonShape.ts +0 -2
  17. package/src/IconButtonSize.ts +0 -2
  18. package/src/IconButtonVariant.ts +0 -2
  19. package/src/IconButtonWidth.ts +0 -2
  20. package/src/index.ts +0 -5
  21. package/src/styles/IconButtonSizeStyle.ts +0 -95
  22. package/src/styles/IconButtonSizeToken.ts +0 -215
  23. package/src/styles/IconButtonStyle.ts +0 -184
  24. package/src/styles/IconButtonVariantStyle.ts +0 -123
  25. package/src/styles/IconButtonVariantToken.ts +0 -854
  26. package/src/styles/index.ts +0 -3
  27. package/tsconfig.json +0 -9
package/dist/src/IconButtonElement.d.ts CHANGED
@@ -5,7 +5,6 @@ import { IconButtonVariant } from "./IconButtonVariant";
5
5
  import { IconButtonWidth } from "./IconButtonWidth";
6
6
  declare const M3eIconButtonElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LinkButtonMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormSubmitterMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledInteractiveMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & typeof LitElement;
7
7
  /**
8
- * @summary
9
8
  * An icon button users interact with to perform a supplementary action.
10
9
  *
11
10
  * @description
@@ -56,6 +55,7 @@ declare const M3eIconButtonElement_base: import("node_modules/@m3e/core/dist/src
56
55
  *
57
56
  * @fires input - Dispatched when a toggle button's selected state changes.
58
57
  * @fires change - Dispatched when a toggle button's selected state changes.
58
+ * @fires click - Emitted when the element is clicked.
59
59
  *
60
60
  * @cssprop --m3e-icon-button-extra-small-container-height - Height of the extra-small container.
61
61
  * @cssprop --m3e-icon-button-extra-small-outline-thickness - Outline thickness for extra-small.
package/dist/src/IconButtonElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButtonElement.d.ts","sourceRoot":"","sources":["../../src/IconButtonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAwBhF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAkE;IAExG,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IA2D9E;;;OAGG;IAC0B,OAAO,EAAE,iBAAiB,CAAc;IAErE;;;OAGG;IAC0B,KAAK,EAAE,eAAe,CAAa;IAEhE;;;OAGG;IAC0B,IAAI,EAAE,cAAc,CAAW;IAE5D;;;OAGG;IAC0B,KAAK,EAAE,eAAe,CAAa;IAEhE;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,yDAAyD;IACzD,IAAI,OAAO,YAEV;IAED,kBAAkB;IACT,MAAM,IAAI,OAAO;IAsB1B,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAMlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAYrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqB1E,eAAe;IAEf,OAAO,CAAC,aAAa;CA4CtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
1
+ {"version":3,"file":"IconButtonElement.d.ts","sourceRoot":"","sources":["../../src/IconButtonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAwBhF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAkE;IAExG,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IA4D9E;;;OAGG;IAC0B,OAAO,EAAE,iBAAiB,CAAc;IAErE;;;OAGG;IAC0B,KAAK,EAAE,eAAe,CAAa;IAEhE;;;OAGG;IAC0B,IAAI,EAAE,cAAc,CAAW;IAE5D;;;OAGG;IAC0B,KAAK,EAAE,eAAe,CAAa;IAEhE;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,yDAAyD;IACzD,IAAI,OAAO,YAEV;IAED,kBAAkB;IACT,MAAM,IAAI,OAAO;IAsB1B,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAMlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAYrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqB1E,eAAe;IAEf,OAAO,CAAC,aAAa;CA4CtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@m3e/icon-button",
3
- "version": "1.0.0-rc.1",
3
+ "version": "1.0.0-rc.3",
4
4
  "description": "Icon Button for M3E",
5
5
  "author": "matraic <matraic@yahoo.com>",
6
6
  "license": "MIT",
7
- "homepage": "https://matraic.github.io/m3e/",
7
+ "homepage": "https://matraic.github.io/m3e/#/components/icon-button.html",
8
8
  "repository": {
9
9
  "type": "git",
10
10
  "url": "git+https://github.com/matraic/m3e.git"
@@ -27,7 +27,7 @@
27
27
  "clean": "rimraf dist"
28
28
  },
29
29
  "peerDependencies": {
30
- "@m3e/core": "1.0.0-rc.1",
30
+ "@m3e/core": "1.0.0-rc.3",
31
31
  "lit": "^3.3.0"
32
32
  },
33
33
  "devDependencies": {
package/cem.config.mjs DELETED
@@ -1,16 +0,0 @@
1
- import { customElementVsCodePlugin } from "custom-element-vs-code-integration";
2
-
3
- export default {
4
- globs: ["src/**/*.ts"],
5
- exclude: ["src/**/*.spec.ts"],
6
- packagejson: true,
7
- outdir: "dist",
8
- litelement: true,
9
- plugins: [
10
- customElementVsCodePlugin({
11
- outdir: "dist",
12
- htmlFileName: "html-custom-data.json",
13
- cssFileName: "css-custom-data.json",
14
- }),
15
- ],
16
- };
package/demo/index.html DELETED
@@ -1,103 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" style="overflow-y: auto">
3
- <head>
4
- <title>Icon Button for M3E</title>
5
- <meta charset="utf-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1" />
7
- <meta name="description" content="Icon Button for M3E" />
8
- <base href="./" />
9
- <link rel="preconnect" href="https://fonts.googleapis.com" />
10
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
11
- <link
12
- href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
13
- rel="stylesheet"
14
- />
15
- <link
16
- href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0"
17
- rel="stylesheet"
18
- />
19
- <script type="importmap">
20
- {
21
- "imports": {
22
- "lit": "https://cdn.jsdelivr.net/npm/lit@3.3.0/+esm",
23
- "@m3e/core": "../../core/dist/index.min.js"
24
- }
25
- }
26
- </script>
27
- <script type="module" src="../../icon/dist/index.min.js"></script>
28
- <script type="module" src="../../theme/dist/index.min.js"></script>
29
- <script type="module" src="../dist/index.min.js"></script>
30
- <style>
31
- body {
32
- font-family: "Roboto";
33
- }
34
- *:not(:defined) {
35
- display: none;
36
- }
37
- </style>
38
- </head>
39
- <body>
40
- <m3e-theme strong-focus>
41
- <m3e-icon-button variant="filled"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
42
- <m3e-icon-button variant="tonal"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
43
- <m3e-icon-button variant="outlined"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
44
- <m3e-icon-button variant="standard"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
45
- <br /><br />
46
- <m3e-icon-button variant="filled" disabled-interactive><m3e-icon name="home"></m3e-icon></m3e-icon-button>
47
- <m3e-icon-button variant="tonal" disabled-interactive><m3e-icon name="home"></m3e-icon></m3e-icon-button>
48
- <m3e-icon-button variant="outlined" disabled-interactive><m3e-icon name="home"></m3e-icon></m3e-icon-button>
49
- <m3e-icon-button variant="standard" disabled-interactive><m3e-icon name="home"></m3e-icon></m3e-icon-button>
50
- <br /><br />
51
- <m3e-icon-button variant="filled" disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
52
- <m3e-icon-button variant="tonal" disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
53
- <m3e-icon-button variant="outlined" disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
54
- <m3e-icon-button variant="standard" disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
55
- <br /><br />
56
- <m3e-icon-button variant="filled" size="extra-small"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
57
- <m3e-icon-button variant="filled" size="small"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
58
- <m3e-icon-button variant="filled" size="medium"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
59
- <br /><br />
60
- <m3e-icon-button variant="filled" size="large"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
61
- <m3e-icon-button variant="filled" size="extra-large"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
62
- <br /><br />
63
- <m3e-icon-button variant="filled" size="extra-small" shape="square">
64
- <m3e-icon name="home"></m3e-icon>
65
- </m3e-icon-button>
66
- <m3e-icon-button variant="filled" size="small" shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
67
- <m3e-icon-button variant="filled" size="medium" shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
68
- <br /><br />
69
- <m3e-icon-button variant="filled" size="large" shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
70
- <m3e-icon-button variant="filled" size="extra-large" shape="square">
71
- <m3e-icon name="home"></m3e-icon>
72
- </m3e-icon-button>
73
- <br /><br />
74
- <m3e-icon-button variant="filled" toggle><m3e-icon name="home"></m3e-icon></m3e-icon-button>
75
- <m3e-icon-button variant="tonal" toggle><m3e-icon name="home"></m3e-icon></m3e-icon-button>
76
- <m3e-icon-button variant="outlined" toggle><m3e-icon name="home"></m3e-icon></m3e-icon-button>
77
- <m3e-icon-button variant="standard" toggle><m3e-icon name="home"></m3e-icon></m3e-icon-button>
78
- <br /><br />
79
- <m3e-icon-button variant="filled" toggle disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
80
- <m3e-icon-button variant="tonal" toggle disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
81
- <m3e-icon-button variant="outlined" toggle disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
82
- <m3e-icon-button variant="standard" toggle disabled><m3e-icon name="home"></m3e-icon></m3e-icon-button>
83
- <br /><br />
84
- <m3e-icon-button variant="filled" toggle disabled-interactive><m3e-icon name="home"></m3e-icon></m3e-icon-button>
85
- <m3e-icon-button variant="tonal" toggle disabled-interactive><m3e-icon name="home"></m3e-icon></m3e-icon-button>
86
- <m3e-icon-button variant="outlined" toggle disabled-interactive>
87
- <m3e-icon name="home"></m3e-icon>
88
- </m3e-icon-button>
89
- <m3e-icon-button variant="standard" toggle disabled-interactive>
90
- <m3e-icon name="home"></m3e-icon>
91
- </m3e-icon-button>
92
- <br /><br />
93
- <m3e-icon-button variant="filled" toggle shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
94
- <m3e-icon-button variant="tonal" toggle shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
95
- <m3e-icon-button variant="outlined" toggle shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
96
- <m3e-icon-button variant="standard" toggle shape="square"><m3e-icon name="home"></m3e-icon></m3e-icon-button>
97
- <br /><br />
98
- <m3e-icon-button href="https://m3.material.io/components/icon-buttons/overview" target="_blank" variant="filled">
99
- <m3e-icon name="home"></m3e-icon>
100
- </m3e-icon-button>
101
- </m3e-theme>
102
- </body>
103
- </html>
package/eslint.config.mjs DELETED
@@ -1,13 +0,0 @@
1
- import eslint from "@eslint/js";
2
- import tseslint from "typescript-eslint";
3
- import { fileURLToPath } from "url";
4
- import { dirname } from "path";
5
-
6
- export default tseslint.config(eslint.configs.recommended, tseslint.configs.recommended, {
7
- languageOptions: {
8
- parserOptions: {
9
- project: true,
10
- tsconfigRootDir: dirname(fileURLToPath(import.meta.url)),
11
- },
12
- },
13
- });
package/rollup.config.js DELETED
@@ -1,32 +0,0 @@
1
- import resolve from "@rollup/plugin-node-resolve";
2
- import terser from "@rollup/plugin-terser";
3
- import typescript from "@rollup/plugin-typescript";
4
-
5
- const banner = `/**
6
- * @license MIT
7
- * Copyright (c) 2025 matraic
8
- * See LICENSE file in the project root for full license text.
9
- */`;
10
-
11
- export default [
12
- {
13
- input: "src/index.ts",
14
- output: [
15
- {
16
- file: "dist/index.js",
17
- format: "esm",
18
- sourcemap: true,
19
- banner: banner,
20
- },
21
- {
22
- file: "dist/index.min.js",
23
- format: "esm",
24
- sourcemap: true,
25
- banner: banner,
26
- plugins: [terser({ mangle: true })],
27
- },
28
- ],
29
- external: ["@m3e/core", "lit"],
30
- plugins: [resolve(), typescript()],
31
- },
32
- ];