@spectrum-web-components/button
Advanced tools
@spectrum-web-components/button - npm Package Compare versions
Comparing version 0.34.1-rc.0 to 0.35.0
@@ -7,3 +7,3 @@ { | ||
| "kind": "javascript-module", | ||
| "path": "sp-button.ts", | ||
| "path": "sp-button.js", | ||
| "declarations": [], | ||
@@ -23,3 +23,3 @@ "exports": [ | ||
| "kind": "javascript-module", | ||
| "path": "sp-clear-button.ts", | ||
| "path": "sp-clear-button.js", | ||
| "declarations": [], | ||
@@ -39,3 +39,3 @@ "exports": [ | ||
| "kind": "javascript-module", | ||
| "path": "sp-close-button.ts", | ||
| "path": "sp-close-button.js", | ||
| "declarations": [], | ||
@@ -55,3 +55,3 @@ "exports": [ | ||
| "kind": "javascript-module", | ||
| "path": "src/Button.ts", | ||
| "path": "src/Button.js", | ||
| "declarations": [ | ||
@@ -149,3 +149,3 @@ { | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -164,3 +164,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -177,3 +177,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -191,3 +191,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -205,3 +205,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -219,3 +219,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -234,3 +234,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -257,3 +257,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -272,3 +272,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -287,3 +287,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -302,3 +302,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -317,3 +317,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -340,3 +340,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -363,3 +363,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -386,3 +386,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -401,3 +401,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -416,3 +416,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -431,3 +431,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -511,3 +511,3 @@ } | ||
| "name": "VALID_VARIANTS", | ||
| "module": "src/Button.ts" | ||
| "module": "src/Button.js" | ||
| } | ||
@@ -520,3 +520,3 @@ }, | ||
| "name": "VALID_STATICS", | ||
| "module": "src/Button.ts" | ||
| "module": "src/Button.js" | ||
| } | ||
@@ -529,3 +529,3 @@ }, | ||
| "name": "Button", | ||
| "module": "src/Button.ts" | ||
| "module": "src/Button.js" | ||
| } | ||
@@ -537,3 +537,3 @@ } | ||
| "kind": "javascript-module", | ||
| "path": "src/ButtonBase.ts", | ||
| "path": "src/ButtonBase.js", | ||
| "declarations": [ | ||
@@ -804,3 +804,3 @@ { | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -812,3 +812,3 @@ } | ||
| "kind": "javascript-module", | ||
| "path": "src/ClearButton.ts", | ||
| "path": "src/ClearButton.js", | ||
| "declarations": [ | ||
@@ -852,3 +852,3 @@ { | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -868,3 +868,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -883,3 +883,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -896,3 +896,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -910,3 +910,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -924,3 +924,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -939,3 +939,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -962,3 +962,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -977,3 +977,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -992,3 +992,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1007,3 +1007,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1022,3 +1022,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1045,3 +1045,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1068,3 +1068,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1091,3 +1091,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1106,3 +1106,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1121,3 +1121,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1136,3 +1136,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1196,3 +1196,3 @@ } | ||
| "name": "ClearButton", | ||
| "module": "src/ClearButton.ts" | ||
| "module": "src/ClearButton.js" | ||
| } | ||
@@ -1204,3 +1204,3 @@ } | ||
| "kind": "javascript-module", | ||
| "path": "src/CloseButton.ts", | ||
| "path": "src/CloseButton.js", | ||
| "declarations": [ | ||
@@ -1236,2 +1236,12 @@ { | ||
| "kind": "field", | ||
| "name": "static", | ||
| "type": { | ||
| "text": "'black' | 'white' | undefined" | ||
| }, | ||
| "privacy": "public", | ||
| "attribute": "static", | ||
| "reflects": true | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "buttonContent", | ||
@@ -1245,3 +1255,3 @@ "type": { | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1261,3 +1271,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1276,3 +1286,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1289,3 +1299,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1303,3 +1313,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1317,3 +1327,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1332,3 +1342,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1355,3 +1365,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1370,3 +1380,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1385,3 +1395,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1400,3 +1410,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1415,3 +1425,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1438,3 +1448,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1461,3 +1471,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1484,3 +1494,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1499,3 +1509,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1514,3 +1524,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1529,3 +1539,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1545,2 +1555,9 @@ } | ||
| { | ||
| "name": "static", | ||
| "type": { | ||
| "text": "'black' | 'white' | undefined" | ||
| }, | ||
| "fieldName": "static" | ||
| }, | ||
| { | ||
| "name": "active", | ||
@@ -1590,3 +1607,3 @@ "type": { | ||
| "name": "CloseButton", | ||
| "module": "src/CloseButton.ts" | ||
| "module": "src/CloseButton.js" | ||
| } | ||
@@ -1598,3 +1615,3 @@ } | ||
| "kind": "javascript-module", | ||
| "path": "src/StyledButton.ts", | ||
| "path": "src/StyledButton.js", | ||
| "declarations": [ | ||
@@ -1648,3 +1665,3 @@ { | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1663,3 +1680,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1676,3 +1693,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1690,3 +1707,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1704,3 +1721,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1718,3 +1735,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1733,3 +1750,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1756,3 +1773,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1771,3 +1788,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1786,3 +1803,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1801,3 +1818,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1816,3 +1833,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1839,3 +1856,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1862,3 +1879,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1885,3 +1902,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1900,3 +1917,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1915,3 +1932,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1930,3 +1947,3 @@ }, | ||
| "name": "ButtonBase", | ||
| "module": "src/ButtonBase.ts" | ||
| "module": "src/ButtonBase.js" | ||
| } | ||
@@ -1943,3 +1960,3 @@ } | ||
| "name": "StyledButton", | ||
| "module": "src/StyledButton.ts" | ||
| "module": "src/StyledButton.js" | ||
| } | ||
@@ -1946,0 +1963,0 @@ } |
| { | ||
| "name": "@spectrum-web-components/button", | ||
| "version": "0.34.1-rc.0+1647bfed5", | ||
| "version": "0.35.0", | ||
| "publishConfig": { | ||
@@ -85,11 +85,11 @@ "access": "public" | ||
| "dependencies": { | ||
| "@spectrum-web-components/base": "^0.34.1-rc.0+1647bfed5", | ||
| "@spectrum-web-components/clear-button": "^0.34.1-rc.0+1647bfed5", | ||
| "@spectrum-web-components/close-button": "^0.34.1-rc.0+1647bfed5", | ||
| "@spectrum-web-components/icon": "^0.34.1-rc.0+1647bfed5", | ||
| "@spectrum-web-components/icons-ui": "^0.34.1-rc.0+1647bfed5", | ||
| "@spectrum-web-components/shared": "^0.34.1-rc.0+1647bfed5" | ||
| "@spectrum-web-components/base": "^0.35.0", | ||
| "@spectrum-web-components/clear-button": "^0.35.0", | ||
| "@spectrum-web-components/close-button": "^0.35.0", | ||
| "@spectrum-web-components/icon": "^0.35.0", | ||
| "@spectrum-web-components/icons-ui": "^0.35.0", | ||
| "@spectrum-web-components/shared": "^0.35.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@spectrum-css/button": "^10.1.5" | ||
| "@spectrum-css/button": "^10.1.10" | ||
| }, | ||
@@ -102,3 +102,3 @@ "types": "./src/index.d.ts", | ||
| ], | ||
| "gitHead": "1647bfed54cb29f3513343cd0d2c2d9e73e1c508" | ||
| "gitHead": "1ee5a6c92838cdf48321276d97f61c20f8476ac1" | ||
| } |
@@ -197,3 +197,3 @@ "use strict"; | ||
| ) | ||
| )}@media (forced-colors:active){:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
@@ -204,3 +204,3 @@ ) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){background-color:ButtonText;color:ButtonFace}:host([variant=accent][treatment=fill][disabled]){background-color:ButtonFace;color:GrayText}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]:focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
@@ -207,0 +207,0 @@ )}:host([static=black]){--spectrum-button-focus-indicator-color:var( |
@@ -195,3 +195,3 @@ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t` | ||
| ) | ||
| )}@media (forced-colors:active){:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
@@ -202,3 +202,3 @@ ) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){background-color:ButtonText;color:ButtonFace}:host([variant=accent][treatment=fill][disabled]){background-color:ButtonFace;color:GrayText}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]:focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
@@ -205,0 +205,0 @@ )}:host([static=black]){--spectrum-button-focus-indicator-color:var( |
@@ -24,4 +24,5 @@ import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base'; | ||
| variant: ButtonStatics | ''; | ||
| static: 'black' | 'white' | undefined; | ||
| protected get buttonContent(): TemplateResult[]; | ||
| } | ||
| export {}; |
@@ -66,2 +66,5 @@ "use strict"; | ||
| ], CloseButton.prototype, "variant", 2); | ||
| __decorateClass([ | ||
| property({ type: String, reflect: true }) | ||
| ], CloseButton.prototype, "static", 2); | ||
| //# sourceMappingURL=CloseButton.dev.js.map |
@@ -1,2 +0,2 @@ | ||
| "use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=(c,o,e,t)=>{for(var s=t>1?void 0:t?m(o,e):o,i=c.length-1,n;i>=0;i--)(n=c[i])&&(s=(t?n(o,e,s):n(s))||s);return t&&s&&l(o,e,s),s};import{html as r,SizedMixin as u}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{StyledButton as S}from"./StyledButton.js";import y from"@spectrum-web-components/close-button/src/close-button.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import I from"@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";const d={s:()=>r` | ||
| "use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=(c,t,e,o)=>{for(var s=o>1?void 0:o?u(t,e):t,i=c.length-1,n;i>=0;i--)(n=c[i])&&(s=(o?n(t,e,s):n(s))||s);return o&&s&&m(t,e,s),s};import{html as r,SizedMixin as a}from"@spectrum-web-components/base";import{property as l}from"@spectrum-web-components/base/src/decorators.js";import{StyledButton as S}from"./StyledButton.js";import d from"@spectrum-web-components/close-button/src/close-button.css.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import y from"@spectrum-web-components/icon/src/spectrum-icon-cross.css.js";const f={s:()=>r` | ||
| <sp-icon-cross75 | ||
@@ -21,3 +21,3 @@ slot="icon" | ||
| ></sp-icon-cross300> | ||
| `};export class CloseButton extends u(S){constructor(){super(...arguments);this.variant=""}static get styles(){return[...super.styles,y,I]}get buttonContent(){return[d[this.size]()]}}p([a({reflect:!0})],CloseButton.prototype,"variant",2); | ||
| `};export class CloseButton extends a(S){constructor(){super(...arguments);this.variant=""}static get styles(){return[...super.styles,d,y]}get buttonContent(){return[f[this.size]()]}}p([l({reflect:!0})],CloseButton.prototype,"variant",2),p([l({type:String,reflect:!0})],CloseButton.prototype,"static",2); | ||
| //# sourceMappingURL=CloseButton.js.map |
@@ -197,3 +197,3 @@ "use strict"; | ||
| ) | ||
| )}@media (forced-colors:active){:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
@@ -204,3 +204,3 @@ ) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){background-color:ButtonText;color:ButtonFace}:host([variant=accent][treatment=fill][disabled]){background-color:ButtonFace;color:GrayText}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]:focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
@@ -207,0 +207,0 @@ )}:host([static=black]){--spectrum-button-focus-indicator-color:var( |
@@ -195,3 +195,3 @@ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t` | ||
| ) | ||
| )}@media (forced-colors:active){:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| )}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
@@ -202,3 +202,3 @@ ) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var( | ||
| --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness) | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){background-color:ButtonText;color:ButtonFace}:host([variant=accent][treatment=fill][disabled]){background-color:ButtonFace;color:GrayText}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill].focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]:focus-visible),:host([variant=accent][treatment=fill]:hover),:host([variant=accent][treatment=fill][active]),:host([variant=accent][treatment=fill][focused]){background-color:Highlight}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| ) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var( | ||
| --mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color) | ||
@@ -205,0 +205,0 @@ )}:host([static=black]){--spectrum-button-focus-indicator-color:var( |
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
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Improved metrics
- Lines of code
- increased by0.18%
7862
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-0.09%
785368
Dependency changes
+ Added@spectrum-web-components/base@0.35.0(transitive)
+ Added@spectrum-web-components/clear-button@0.35.0(transitive)
+ Added@spectrum-web-components/close-button@0.35.0(transitive)
+ Added@spectrum-web-components/icon@0.35.0(transitive)
+ Added@spectrum-web-components/icons-ui@0.35.0(transitive)
+ Added@spectrum-web-components/iconset@0.35.0(transitive)
+ Added@spectrum-web-components/shared@0.35.0(transitive)
- Removed@spectrum-web-components/base@0.34.1-rc.0(transitive)
- Removed@spectrum-web-components/clear-button@0.34.1-rc.0(transitive)
- Removed@spectrum-web-components/close-button@0.34.1-rc.0(transitive)
- Removed@spectrum-web-components/icon@0.34.1-rc.0(transitive)
- Removed@spectrum-web-components/icons-ui@0.34.1-rc.0(transitive)
- Removed@spectrum-web-components/iconset@0.34.1-rc.0(transitive)
- Removed@spectrum-web-components/shared@0.34.1-rc.0(transitive)