Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@spectrum-css/actionbutton

Package Overview
Dependencies
Maintainers
4
Versions
177
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-css/actionbutton - npm Package Compare versions

Comparing version 7.0.0-s2-foundations.8 to 7.0.0-s2-foundations.9

dist/mods.md

18

CHANGELOG.md
# Change Log
## 7.0.0-s2-foundations.9
### Major Changes
- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09) Thanks [@pfulton](https://github.com/pfulton)! - Push out the latest release to the components
### Minor Changes
- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df) Thanks [@pfulton](https://github.com/pfulton)! - Across the board version update to latest build system state
### Patch Changes
- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d) Thanks [@pfulton](https://github.com/pfulton)! - Doing a widespread release on all packages to ensure the latest compiled CSS is published.
- Updated dependencies [[`681ba47`](https://github.com/adobe/spectrum-css/commit/681ba478c1259d0bbb183670f3188538ec3bee1d), [`84c8721`](https://github.com/adobe/spectrum-css/commit/84c87212ccb37c887225eaff28e84d9f8e608e09), [`0a0dace`](https://github.com/adobe/spectrum-css/commit/0a0dacec163234bc73961ef17826cdc33765d9df)]:
- @spectrum-css/icon@8.0.0-s2-foundations.9
- @spectrum-css/tokens@15.0.0-s2-foundations.9
## 7.0.0-s2-foundations.8

@@ -4,0 +22,0 @@

231

dist/metadata.json
{
"sourceFile": "dist/index-theme-switcher.css",
"selectors": [
".spectrum",
".spectrum--express",
".spectrum-ActionButton",

@@ -16,2 +19,3 @@ ".spectrum-ActionButton .spectrum-ActionButton-hold",

".spectrum-ActionButton.is-selected:not(:disabled) .spectrum-ActionButton-label",
".spectrum-ActionButton.spectrum-ActionButton--emphasized",
".spectrum-ActionButton.spectrum-ActionButton--emphasized.is-selected",

@@ -41,3 +45,4 @@ ".spectrum-ActionButton.spectrum-ActionButton--quiet",

],
"mods": [
"component": [],
"modifiers": [
"--mod-actionbutton-animation-duration",

@@ -127,2 +132,3 @@ "--mod-actionbutton-background-color-default",

"--spectrum-actionbutton-border-color-focus",
"--spectrum-actionbutton-border-color-focus-selected",
"--spectrum-actionbutton-border-color-hover",

@@ -132,2 +138,3 @@ "--spectrum-actionbutton-border-color-hover-selected",

"--spectrum-actionbutton-border-width",
"--spectrum-actionbutton-content-color-defaul-selectedt",
"--spectrum-actionbutton-content-color-default",

@@ -199,2 +206,3 @@ "--spectrum-actionbutton-content-color-default-selected",

"--spectrum-gray-25",
"--spectrum-gray-300",
"--spectrum-gray-400",

@@ -204,2 +212,3 @@ "--spectrum-gray-50",

"--spectrum-gray-600",
"--spectrum-gray-75",
"--spectrum-line-height-100",

@@ -223,2 +232,3 @@ "--spectrum-logical-rotation",

"--spectrum-text-to-visual-75",
"--spectrum-transparent-black-200",
"--spectrum-transparent-black-300",

@@ -230,2 +240,3 @@ "--spectrum-transparent-black-400",

"--spectrum-transparent-black-900",
"--spectrum-transparent-white-200",
"--spectrum-transparent-white-300",

@@ -244,4 +255,218 @@ "--spectrum-transparent-white-400",

],
"system": [],
"a11y": [
"system": [
"--system-action-button-animation-duration",
"--system-action-button-background-color-default",
"--system-action-button-background-color-default-selected",
"--system-action-button-background-color-disabled",
"--system-action-button-background-color-disabled-selected",
"--system-action-button-background-color-down",
"--system-action-button-background-color-down-selected",
"--system-action-button-background-color-focus",
"--system-action-button-background-color-focus-selected",
"--system-action-button-background-color-hover",
"--system-action-button-background-color-hover-selected",
"--system-action-button-border-color-default",
"--system-action-button-border-color-default-selected",
"--system-action-button-border-color-disabled",
"--system-action-button-border-color-disabled-selected",
"--system-action-button-border-color-down",
"--system-action-button-border-color-down-selected",
"--system-action-button-border-color-focus",
"--system-action-button-border-color-focus-selected",
"--system-action-button-border-color-hover",
"--system-action-button-border-color-hover-selected",
"--system-action-button-border-radius",
"--system-action-button-border-width",
"--system-action-button-content-color-default",
"--system-action-button-content-color-default-selected",
"--system-action-button-content-color-disabled",
"--system-action-button-content-color-down",
"--system-action-button-content-color-down-selected",
"--system-action-button-content-color-focus",
"--system-action-button-content-color-focus-selected",
"--system-action-button-content-color-hover",
"--system-action-button-content-color-hover-selected",
"--system-action-button-dir-rtl-logical-rotation",
"--system-action-button-edge-to-hold-icon",
"--system-action-button-edge-to-text",
"--system-action-button-edge-to-visual",
"--system-action-button-edge-to-visual-only",
"--system-action-button-emphasized-background-color-default-selected",
"--system-action-button-emphasized-background-color-down-selected",
"--system-action-button-emphasized-background-color-focus-selected",
"--system-action-button-emphasized-background-color-hover-selected",
"--system-action-button-emphasized-content-color-default-selected",
"--system-action-button-emphasized-content-color-down-selected",
"--system-action-button-emphasized-content-color-focus-selected",
"--system-action-button-emphasized-content-color-hover-selected",
"--system-action-button-emphasized-selected-background-color-default",
"--system-action-button-emphasized-selected-background-color-down",
"--system-action-button-emphasized-selected-background-color-focus",
"--system-action-button-emphasized-selected-background-color-hover",
"--system-action-button-emphasized-selected-content-color-default",
"--system-action-button-emphasized-selected-content-color-down",
"--system-action-button-emphasized-selected-content-color-focus",
"--system-action-button-emphasized-selected-content-color-hover",
"--system-action-button-focus-indicator-border-radius",
"--system-action-button-focus-indicator-color",
"--system-action-button-focus-indicator-gap",
"--system-action-button-focus-indicator-thickness",
"--system-action-button-font-size",
"--system-action-button-height",
"--system-action-button-icon-size",
"--system-action-button-min-width",
"--system-action-button-quiet-background-color-default",
"--system-action-button-quiet-background-color-disabled",
"--system-action-button-quiet-background-color-down",
"--system-action-button-quiet-background-color-focus",
"--system-action-button-quiet-background-color-hover",
"--system-action-button-quiet-border-color-default",
"--system-action-button-quiet-border-color-disabled",
"--system-action-button-quiet-border-color-down",
"--system-action-button-quiet-border-color-focus",
"--system-action-button-quiet-border-color-hover",
"--system-action-button-selected-background-color-default",
"--system-action-button-selected-background-color-disabled",
"--system-action-button-selected-background-color-down",
"--system-action-button-selected-background-color-focus",
"--system-action-button-selected-background-color-hover",
"--system-action-button-selected-border-color-default",
"--system-action-button-selected-border-color-disabled",
"--system-action-button-selected-border-color-down",
"--system-action-button-selected-border-color-focus",
"--system-action-button-selected-border-color-hover",
"--system-action-button-selected-content-color-default",
"--system-action-button-selected-content-color-down",
"--system-action-button-selected-content-color-focus",
"--system-action-button-selected-content-color-hover",
"--system-action-button-size-l-edge-to-hold-icon",
"--system-action-button-size-l-edge-to-text",
"--system-action-button-size-l-edge-to-visual",
"--system-action-button-size-l-edge-to-visual-only",
"--system-action-button-size-l-font-size",
"--system-action-button-size-l-height",
"--system-action-button-size-l-icon-size",
"--system-action-button-size-l-min-width",
"--system-action-button-size-l-text-to-visual",
"--system-action-button-size-m-edge-to-hold-icon",
"--system-action-button-size-m-edge-to-text",
"--system-action-button-size-m-edge-to-visual",
"--system-action-button-size-m-edge-to-visual-only",
"--system-action-button-size-m-font-size",
"--system-action-button-size-m-height",
"--system-action-button-size-m-icon-size",
"--system-action-button-size-m-min-width",
"--system-action-button-size-m-text-to-visual",
"--system-action-button-size-s-edge-to-hold-icon",
"--system-action-button-size-s-edge-to-text",
"--system-action-button-size-s-edge-to-visual",
"--system-action-button-size-s-edge-to-visual-only",
"--system-action-button-size-s-font-size",
"--system-action-button-size-s-height",
"--system-action-button-size-s-icon-size",
"--system-action-button-size-s-min-width",
"--system-action-button-size-s-text-to-visual",
"--system-action-button-size-xl-edge-to-hold-icon",
"--system-action-button-size-xl-edge-to-text",
"--system-action-button-size-xl-edge-to-visual",
"--system-action-button-size-xl-edge-to-visual-only",
"--system-action-button-size-xl-font-size",
"--system-action-button-size-xl-height",
"--system-action-button-size-xl-icon-size",
"--system-action-button-size-xl-min-width",
"--system-action-button-size-xl-text-to-visual",
"--system-action-button-size-xs-edge-to-hold-icon",
"--system-action-button-size-xs-edge-to-text",
"--system-action-button-size-xs-edge-to-visual",
"--system-action-button-size-xs-edge-to-visual-only",
"--system-action-button-size-xs-font-size",
"--system-action-button-size-xs-height",
"--system-action-button-size-xs-icon-size",
"--system-action-button-size-xs-min-width",
"--system-action-button-size-xs-text-to-visual",
"--system-action-button-static-black-background-color-default",
"--system-action-button-static-black-background-color-default-selected",
"--system-action-button-static-black-background-color-disabled",
"--system-action-button-static-black-background-color-disabled-selected",
"--system-action-button-static-black-background-color-down",
"--system-action-button-static-black-background-color-down-selected",
"--system-action-button-static-black-background-color-focus",
"--system-action-button-static-black-background-color-focus-selected",
"--system-action-button-static-black-background-color-hover",
"--system-action-button-static-black-background-color-hover-selected",
"--system-action-button-static-black-border-color-default",
"--system-action-button-static-black-border-color-disabled",
"--system-action-button-static-black-border-color-disabled-selected",
"--system-action-button-static-black-border-color-down",
"--system-action-button-static-black-border-color-focus",
"--system-action-button-static-black-border-color-hover",
"--system-action-button-static-black-content-color-defaul-selectedt",
"--system-action-button-static-black-content-color-default",
"--system-action-button-static-black-content-color-disabled",
"--system-action-button-static-black-content-color-down",
"--system-action-button-static-black-content-color-down-selected",
"--system-action-button-static-black-content-color-focus",
"--system-action-button-static-black-content-color-focus-selected",
"--system-action-button-static-black-content-color-hover",
"--system-action-button-static-black-content-color-hover-selected",
"--system-action-button-static-black-focus-indicator-color",
"--system-action-button-static-black-quiet-border-color-default",
"--system-action-button-static-black-quiet-border-color-disabled",
"--system-action-button-static-black-quiet-border-color-down",
"--system-action-button-static-black-quiet-border-color-focus",
"--system-action-button-static-black-quiet-border-color-hover",
"--system-action-button-static-black-selected-background-color-default",
"--system-action-button-static-black-selected-background-color-disabled",
"--system-action-button-static-black-selected-background-color-down",
"--system-action-button-static-black-selected-background-color-focus",
"--system-action-button-static-black-selected-background-color-hover",
"--system-action-button-static-black-selected-border-color-disabled",
"--system-action-button-static-black-selected-content-color-default",
"--system-action-button-static-black-selected-content-color-down",
"--system-action-button-static-black-selected-content-color-focus",
"--system-action-button-static-black-selected-content-color-hover",
"--system-action-button-static-white-background-color-default",
"--system-action-button-static-white-background-color-default-selected",
"--system-action-button-static-white-background-color-disabled",
"--system-action-button-static-white-background-color-disabled-selected",
"--system-action-button-static-white-background-color-down",
"--system-action-button-static-white-background-color-down-selected",
"--system-action-button-static-white-background-color-focus",
"--system-action-button-static-white-background-color-focus-selected",
"--system-action-button-static-white-background-color-hover",
"--system-action-button-static-white-background-color-hover-selected",
"--system-action-button-static-white-border-color-default",
"--system-action-button-static-white-border-color-disabled",
"--system-action-button-static-white-border-color-disabled-selected",
"--system-action-button-static-white-border-color-down",
"--system-action-button-static-white-border-color-focus",
"--system-action-button-static-white-border-color-hover",
"--system-action-button-static-white-content-color-default",
"--system-action-button-static-white-content-color-default-selected",
"--system-action-button-static-white-content-color-disabled",
"--system-action-button-static-white-content-color-down",
"--system-action-button-static-white-content-color-down-selected",
"--system-action-button-static-white-content-color-focus",
"--system-action-button-static-white-content-color-focus-selected",
"--system-action-button-static-white-content-color-hover",
"--system-action-button-static-white-content-color-hover-selected",
"--system-action-button-static-white-focus-indicator-color",
"--system-action-button-static-white-quiet-border-color-default",
"--system-action-button-static-white-quiet-border-color-disabled",
"--system-action-button-static-white-quiet-border-color-down",
"--system-action-button-static-white-quiet-border-color-focus",
"--system-action-button-static-white-quiet-border-color-hover",
"--system-action-button-static-white-selected-background-color-default",
"--system-action-button-static-white-selected-background-color-disabled",
"--system-action-button-static-white-selected-background-color-down",
"--system-action-button-static-white-selected-background-color-focus",
"--system-action-button-static-white-selected-background-color-hover",
"--system-action-button-static-white-selected-border-color-disabled",
"--system-action-button-static-white-selected-content-color-default",
"--system-action-button-static-white-selected-content-color-down",
"--system-action-button-static-white-selected-content-color-focus",
"--system-action-button-static-white-selected-content-color-hover",
"--system-action-button-text-to-visual"
],
"high-contrast": [
"--highcontrast-actionbutton-background-color-default",

@@ -248,0 +473,0 @@ "--highcontrast-actionbutton-background-color-disabled",

2

package.json
{
"name": "@spectrum-css/actionbutton",
"version": "7.0.0-s2-foundations.8",
"version": "7.0.0-s2-foundations.9",
"description": "The Spectrum CSS action button component",

@@ -5,0 +5,0 @@ "license": "Apache-2.0",

@@ -0,1 +1,2 @@

import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
import { Template as Typography } from "@spectrum-css/typography/stories/template.js";

@@ -13,7 +14,2 @@ import { html } from "lit";

/**
* @todo load order should not influence the icon size but it is; fix this
*/
import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
export const Template = ({

@@ -20,0 +16,0 @@ rootClass = "spectrum-ActionButton",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc