@spectrum-web-components/clear-button - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

custom-elements.json

 {
   "schemaVersion": "1.0.0",
   "readme": "",
-  "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "src/clear-button.css.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{forced-color-adjust:none}}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/clear-button.css.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/spectrum-clear-button.css.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{forced-color-adjust:none}}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/spectrum-clear-button.css.ts"
-          }
-        }
-      ]
-    }
-  ]
+  "modules": []
 }

package.json

 {
     "name": "@spectrum-web-components/clear-button",
-    "version": "0.1.3",
+    "version": "0.1.4",
     "publishConfig": {
@@ -49,3 +49,3 @@ "access": "public"
     "devDependencies": {
-        "@spectrum-css/clearbutton": "^1.2.9"
+        "@spectrum-css/clearbutton": "^1.2.10"
     },
@@ -57,3 +57,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "32e049a0da090ffc1a54cfe3234be4d5efc73339"
+    "gitHead": "8f5ea3556e160b6e30815edb2414dc5a5999a925"
 }

src/clear-button.css.js

@@ -218,5 +218,5 @@ /*
 --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
-)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{forced-color-adjust:none}}
+)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}
 `;
 export default styles;
 //# sourceMappingURL=clear-button.css.js.map

src/spectrum-clear-button.css.js

@@ -218,5 +218,5 @@ /*
 --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
-)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{forced-color-adjust:none}}
+)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-clear-button.css.js.map

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

84403

decreased by-20.58%

Lines of code

557

decreased by-19.97%

No dependency changes