@spectrum-web-components/action-button 1.9.0 → 1.9.1-nightly.20251028214328

package/package.json

@@ -1,79 +1,79 @@
 {
-    "name": "@spectrum-web-components/action-button",
-    "version": "1.9.0",
-    "publishConfig": {
-        "access": "public"
+  "name": "@spectrum-web-components/action-button",
+  "version": "1.9.1-nightly.20251028214328",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/spectrum-web-components.git",
+    "directory": "1st-gen/packages/action-button"
+  },
+  "author": "Adobe",
+  "homepage": "https://opensource.adobe.com/spectrum-web-components/components/action-button",
+  "bugs": {
+    "url": "https://github.com/adobe/spectrum-web-components/issues"
+  },
+  "main": "./src/index.js",
+  "module": "./src/index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "development": "./src/index.dev.js",
+      "default": "./src/index.js"
     },
-    "description": "",
-    "license": "Apache-2.0",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/adobe/spectrum-web-components.git",
-        "directory": "packages/action-button"
+    "./package.json": "./package.json",
+    "./src/ActionButton.js": {
+      "development": "./src/ActionButton.dev.js",
+      "default": "./src/ActionButton.js"
     },
-    "author": "Adobe",
-    "homepage": "https://opensource.adobe.com/spectrum-web-components/components/action-button",
-    "bugs": {
-        "url": "https://github.com/adobe/spectrum-web-components/issues"
+    "./src/action-button-overrides.css.js": "./src/action-button-overrides.css.js",
+    "./src/action-button.css.js": "./src/action-button.css.js",
+    "./src/index.js": {
+      "development": "./src/index.dev.js",
+      "default": "./src/index.js"
     },
-    "main": "./src/index.js",
-    "module": "./src/index.js",
-    "type": "module",
-    "exports": {
-        ".": {
-            "development": "./src/index.dev.js",
-            "default": "./src/index.js"
-        },
-        "./package.json": "./package.json",
-        "./src/ActionButton.js": {
-            "development": "./src/ActionButton.dev.js",
-            "default": "./src/ActionButton.js"
-        },
-        "./src/action-button-overrides.css.js": "./src/action-button-overrides.css.js",
-        "./src/action-button.css.js": "./src/action-button.css.js",
-        "./src/index.js": {
-            "development": "./src/index.dev.js",
-            "default": "./src/index.js"
-        },
-        "./sp-action-button.js": {
-            "development": "./sp-action-button.dev.js",
-            "default": "./sp-action-button.js"
-        }
-    },
-    "scripts": {
-        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
-    },
-    "files": [
-        "**/*.d.ts",
-        "**/*.js",
-        "**/*.js.map",
-        "custom-elements.json",
-        "!stories/",
-        "!test/"
-    ],
-    "keywords": [
-        "design-system",
-        "spectrum",
-        "adobe",
-        "adobe-spectrum",
-        "web components",
-        "web-components",
-        "lit-element",
-        "lit-html",
-        "component",
-        "css"
-    ],
-    "dependencies": {
-        "@spectrum-web-components/base": "1.9.0",
-        "@spectrum-web-components/button": "1.9.0",
-        "@spectrum-web-components/icon": "1.9.0",
-        "@spectrum-web-components/icons-ui": "1.9.0",
-        "@spectrum-web-components/shared": "1.9.0"
-    },
-    "types": "./src/index.d.ts",
-    "customElements": "custom-elements.json",
-    "sideEffects": [
-        "./sp-*.js",
-        "./**/*.dev.js"
-    ]
-}
+    "./sp-action-button.js": {
+      "development": "./sp-action-button.dev.js",
+      "default": "./sp-action-button.js"
+    }
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
+  },
+  "files": [
+    "**/*.d.ts",
+    "**/*.js",
+    "**/*.js.map",
+    "custom-elements.json",
+    "!stories/",
+    "!test/"
+  ],
+  "keywords": [
+    "design-system",
+    "spectrum",
+    "adobe",
+    "adobe-spectrum",
+    "web components",
+    "web-components",
+    "lit-element",
+    "lit-html",
+    "component",
+    "css"
+  ],
+  "dependencies": {
+    "@spectrum-web-components/base": "1.9.1-nightly.20251028214328",
+    "@spectrum-web-components/button": "1.9.1-nightly.20251028214328",
+    "@spectrum-web-components/icon": "1.9.1-nightly.20251028214328",
+    "@spectrum-web-components/icons-ui": "1.9.1-nightly.20251028214328",
+    "@spectrum-web-components/shared": "1.9.1-nightly.20251028214328"
+  },
+  "types": "./src/index.d.ts",
+  "customElements": "custom-elements.json",
+  "sideEffects": [
+    "./sp-*.js",
+    "./**/*.dev.js"
+  ]
+}

package/custom-elements.json

@@ -1,346 +0,0 @@
-{
-  "schemaVersion": "1.0.0",
-  "readme": "",
-  "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "sp-action-button.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "sp-action-button",
-          "declaration": {
-            "name": "ActionButton",
-            "module": "/src/ActionButton.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/ActionButton.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "LONGPRESS_DURATION",
-          "type": {
-            "text": "number"
-          },
-          "default": "300"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ActionButton",
-          "slots": [
-            {
-              "description": "text label of the Action Button",
-              "name": ""
-            },
-            {
-              "description": "The icon to use for Action Button",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "emphasized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "emphasized",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "holdAffordance",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "hold-affordance",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "quiet",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "attribute": "quiet",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "'button'",
-              "attribute": "role",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether an Action Button with `role='button'`\nshould also be `aria-pressed='true'`",
-              "attribute": "selected",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "toggles",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether to automatically manage the `selected`\nattribute on interaction and whether `aria-pressed=\"false\"`\nshould be used when `selected === false`",
-              "attribute": "toggles",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "staticColor",
-              "type": {
-                "text": "'white' | 'black' | undefined"
-              },
-              "privacy": "public",
-              "description": "The static color variant to use for the action button.",
-              "attribute": "static-color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "_value",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "itemText",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "onClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerdownHoldAffordance",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handlePointerupHoldAffordance",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleKeydown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyup",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "buttonContent",
-              "type": {
-                "text": "TemplateResult[]"
-              },
-              "privacy": "protected",
-              "readonly": true
-            }
-          ],
-          "events": [
-            {
-              "name": "longpress",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Synthesizes a \"longpress\" interaction that signifies a `pointerdown` event that is >=300ms or a keyboard event where code is `Space` or code is `ArrowDown` while `altKey===true`."
-            },
-            {
-              "description": "Announces a change in the `selected` property of an action button",
-              "name": "change"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "emphasized",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "emphasized"
-            },
-            {
-              "name": "hold-affordance",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "holdAffordance"
-            },
-            {
-              "name": "quiet",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "quiet"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'button'",
-              "fieldName": "role"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether an Action Button with `role='button'`\nshould also be `aria-pressed='true'`",
-              "fieldName": "selected"
-            },
-            {
-              "name": "toggles",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to automatically manage the `selected`\nattribute on interaction and whether `aria-pressed=\"false\"`\nshould be used when `selected === false`",
-              "fieldName": "toggles"
-            },
-            {
-              "name": "static-color",
-              "type": {
-                "text": "'white' | 'black' | undefined"
-              },
-              "description": "The static color variant to use for the action button.",
-              "fieldName": "staticColor"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "value"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SizedMixin",
-              "package": "@spectrum-web-components/base"
-            }
-          ],
-          "superclass": {
-            "name": "ButtonBase",
-            "package": "@spectrum-web-components/button"
-          },
-          "tagName": "sp-action-button",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LONGPRESS_DURATION",
-          "declaration": {
-            "name": "LONGPRESS_DURATION",
-            "module": "src/ActionButton.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ActionButton",
-          "declaration": {
-            "name": "ActionButton",
-            "module": "src/ActionButton.js"
-          }
-        }
-      ]
-    }
-  ]
-}

package/sp-action-button.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you 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 REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { ActionButton } from './src/ActionButton.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-action-button': ActionButton;
-    }
-}

package/sp-action-button.dev.js

@@ -1,5 +0,0 @@
-"use strict";
-import { ActionButton } from "./src/ActionButton.dev.js";
-import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
-defineElement("sp-action-button", ActionButton);
-//# sourceMappingURL=sp-action-button.dev.js.map

package/sp-action-button.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-action-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { ActionButton } from './src/ActionButton.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-action-button', ActionButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-action-button': ActionButton;\n    }\n}\n"],
-  "mappings": ";AAYA,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAE9B,cAAc,oBAAoB,YAAY;",
-  "names": []
-}

package/sp-action-button.js

@@ -1,2 +0,0 @@
-"use strict";import{ActionButton as t}from"./src/ActionButton.js";import{defineElement as o}from"@spectrum-web-components/base/src/define-element.js";o("sp-action-button",t);
-//# sourceMappingURL=sp-action-button.js.map

package/sp-action-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-action-button.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { ActionButton } from './src/ActionButton.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-action-button', ActionButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-action-button': ActionButton;\n    }\n}\n"],
-  "mappings": "aAYA,OAAS,gBAAAA,MAAoB,wBAC7B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,mBAAoBD,CAAY",
-  "names": ["ActionButton", "defineElement"]
-}

package/src/ActionButton.d.ts

@@ -1,78 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you 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 REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
-import { ButtonBase } from '@spectrum-web-components/button';
-import '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle300.js';
-export declare const LONGPRESS_DURATION = 300;
-export type LongpressEvent = {
-    source: 'pointer' | 'keyboard';
-};
-declare const ActionButton_base: typeof ButtonBase & {
-    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
-    prototype: import("@spectrum-web-components/base").SizedElementInterface;
-};
-/**
- * @element sp-action-button
- *
- * @slot - text label of the Action Button
- * @slot icon - The icon to use for Action Button
- * @fires change - Announces a change in the `selected` property of an action button
- * @fires longpress - Synthesizes a "longpress" interaction that signifies a
- * `pointerdown` event that is >=300ms or a keyboard event where code is `Space` or code is `ArrowDown`
- * while `altKey===true`.
- */
-export declare class ActionButton extends ActionButton_base {
-    static get styles(): CSSResultArray;
-    emphasized: boolean;
-    holdAffordance: boolean;
-    quiet: boolean;
-    role: string;
-    /**
-     * Whether an Action Button with `role='button'`
-     * should also be `aria-pressed='true'`
-     */
-    selected: boolean;
-    /**
-     * Whether to automatically manage the `selected`
-     * attribute on interaction and whether `aria-pressed="false"`
-     * should be used when `selected === false`
-     */
-    toggles: boolean;
-    /**
-     * The static color variant to use for the action button.
-     */
-    staticColor?: 'white' | 'black';
-    get value(): string;
-    set value(value: string);
-    private _value;
-    /**
-     * @private
-     */
-    get itemText(): string;
-    constructor();
-    private onClick;
-    private handlePointerdownHoldAffordance;
-    private handlePointerupHoldAffordance;
-    /**
-     * @private
-     */
-    protected handleKeydown(event: KeyboardEvent): void;
-    protected handleKeyup(event: KeyboardEvent): void;
-    protected get buttonContent(): TemplateResult[];
-    protected updated(changes: PropertyValues): void;
-}
-declare global {
-    interface GlobalEventHandlersEventMap {
-        longpress: CustomEvent<LongpressEvent>;
-    }
-}
-export {};