@spectrum-web-components/button 0.16.5-express.9 → 0.17.2

package/README.md

@@ -20,12 +20,13 @@ Import the side effectful registration of `<sp-button>` or `<sp-clear-button>` a
 ```
 import '@spectrum-web-components/button/sp-button.js';
 import '@spectrum-web-components/button/sp-clear-button.js';
+import '@spectrum-web-components/button/sp-close-button.js';
 ```
 
-When looking to leverage the `Button` or `ClearButton` base classes as a type and/or for extension purposes, do so via:
+When looking to leverage the `Button`, `ClearButton`, or `CloseButton` base classes as a type and/or for extension purposes, do so via:
 
 ```
-import { Button, ClearButton } from '@spectrum-web-components/button';
+import { Button, ClearButton, CloseButton } from '@spectrum-web-components/button';
 ```
 
 ## Sizes

package/custom-elements.json

@@ -82,8 +82,7 @@
               },
               "privacy": "public",
               "description": "The visual variant to apply to this button.",
-              "attribute": "variant",
-              "reflects": true
+              "attribute": "variant"
             },
             {
               "kind": "field",
@@ -1912,27 +1911,6 @@
         }
       ]
     },
-    {
-      "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}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}: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-height:var(\n--spectrum-clearbutton-s-fill-height,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-s-fill-width,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-height:var(\n--spectrum-clearbutton-m-fill-height,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-m-fill-width,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-height:var(\n--spectrum-clearbutton-l-fill-height,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-l-fill-width,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-height:var(\n--spectrum-clearbutton-xl-fill-height,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-xl-fill-width,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-height);justify-content:center;width:var(--spectrum-clearbutton-fill-width)}: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-quiet-overbackground-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-quiet-overbackground-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-overbackground-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-overbackground-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-down,var(--spectrum-alias-background-color-quiet-overbackground-down)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-down,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-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-quiet-overbackground-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-disabled,var(--spectrum-alias-text-color-quiet-overbackground-disabled)\n)}@media (forced-colors:active){:host{forced-color-adjust:none}.spectrum-LogicButton:after{--spectrum-button-m-primary-texticon-focus-ring-color-key-focus:Highlight;forced-color-adjust:none}.spectrum-LogicButton{--spectrum-button-primary-texticon-focus-ring-size:2;--spectrum-button-m-secondary-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-texticon-border-color-disabled:GrayText;--spectrum-logicbutton-and-background-color:ButtonFace;--spectrum-logicbutton-and-background-color-disabled:ButtonFace;--spectrum-logicbutton-and-background-color-hover:ButtonFace;--spectrum-logicbutton-and-border-color:ButtonText;--spectrum-logicbutton-and-border-color-disabled:GrayText;--spectrum-logicbutton-and-border-color-hover:Highlight;--spectrum-logicbutton-and-text-color:ButtonText;--spectrum-logicbutton-and-text-color-disabled:GrayText;--spectrum-logicbutton-or-background-color:ButtonFace;--spectrum-logicbutton-or-background-color-hover:ButtonFace;--spectrum-logicbutton-or-border-color:ButtonText;--spectrum-logicbutton-or-border-color-hover:Highlight;--spectrum-logicbutton-or-text-color:ButtonText;forced-color-adjust:none}}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/clear-button.css.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/index.ts",
@@ -2021,27 +1999,6 @@
           }
         }
       ]
-    },
-    {
-      "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}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}: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-height:var(\n--spectrum-clearbutton-s-fill-height,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-s-fill-width,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-height:var(\n--spectrum-clearbutton-m-fill-height,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-m-fill-width,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-height:var(\n--spectrum-clearbutton-l-fill-height,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-l-fill-width,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-height:var(\n--spectrum-clearbutton-xl-fill-height,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-fill-width:var(\n--spectrum-clearbutton-xl-fill-width,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-height);justify-content:center;width:var(--spectrum-clearbutton-fill-width)}: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-quiet-overbackground-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-quiet-overbackground-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-overbackground-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-overbackground-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-down,var(--spectrum-alias-background-color-quiet-overbackground-down)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-down,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-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-quiet-overbackground-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)\n);color:var(\n--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-disabled,var(--spectrum-alias-text-color-quiet-overbackground-disabled)\n)}@media (forced-colors:active){:host{forced-color-adjust:none}.spectrum-LogicButton:after{--spectrum-button-m-primary-texticon-focus-ring-color-key-focus:Highlight;forced-color-adjust:none}.spectrum-LogicButton{--spectrum-button-primary-texticon-focus-ring-size:2;--spectrum-button-m-secondary-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-texticon-border-color-disabled:GrayText;--spectrum-logicbutton-and-background-color:ButtonFace;--spectrum-logicbutton-and-background-color-disabled:ButtonFace;--spectrum-logicbutton-and-background-color-hover:ButtonFace;--spectrum-logicbutton-and-border-color:ButtonText;--spectrum-logicbutton-and-border-color-disabled:GrayText;--spectrum-logicbutton-and-border-color-hover:Highlight;--spectrum-logicbutton-and-text-color:ButtonText;--spectrum-logicbutton-and-text-color-disabled:GrayText;--spectrum-logicbutton-or-background-color:ButtonFace;--spectrum-logicbutton-or-background-color-hover:ButtonFace;--spectrum-logicbutton-or-border-color:ButtonText;--spectrum-logicbutton-or-border-color-hover:Highlight;--spectrum-logicbutton-or-text-color:ButtonText;forced-color-adjust:none}}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/spectrum-clear-button.css.ts"
-          }
-        }
-      ]
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/button",
-    "version": "0.16.5-express.9+abfee7409",
+    "version": "0.17.2",
     "publishConfig": {
         "access": "public"
     },
@@ -48,21 +48,21 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.2",
-        "@spectrum-web-components/clear-button": "^0.0.2-express.2380+abfee7409",
-        "@spectrum-web-components/close-button": "^0.0.2-express.2380+abfee7409",
-        "@spectrum-web-components/icon": "^0.11.4-express.9+abfee7409",
-        "@spectrum-web-components/icons-ui": "^0.8.4-express.9+abfee7409",
-        "@spectrum-web-components/shared": "^0.13.4",
+        "@spectrum-web-components/base": "^0.5.4",
+        "@spectrum-web-components/clear-button": "^0.1.1",
+        "@spectrum-web-components/close-button": "^0.1.1",
+        "@spectrum-web-components/icon": "^0.11.5",
+        "@spectrum-web-components/icons-ui": "^0.8.5",
+        "@spectrum-web-components/shared": "^0.13.7",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/button": "^6.0.3"
+        "@spectrum-css/button": "^6.0.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "abfee740957976448a3e4cf90df17d6165f857d6"
+    "gitHead": "dd76f9532fdea946880147cc7645f113b998c326"
 }

package/src/Button.js

@@ -83,7 +83,7 @@ export class Button extends SizedMixin(StyledButton) {
     }
 }
 __decorate([
-    property({ reflect: true })
+    property()
 ], Button.prototype, "variant", null);
 __decorate([
     property({ reflect: true })

package/src/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAGH,UAAU,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAW3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,QAAQ;IACR,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,OAAO;CACV,CAAC;AAIF;;;;;GAKG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU,CAAC,YAAY,CAAC;IAApD;;QAkCY,aAAQ,GAAmB,QAAQ,CAAC;QAE5C;;WAEG;QAEI,cAAS,GAAqB,MAAM,CAAC;IAgBhD,CAAC;IAvDU,MAAM,KAAK,MAAM;QACpB,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IAEH,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO;QAErC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,QAAQ,OAAO,EAAE;YACb,KAAK,KAAK;gBACN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACzB,MAAM;YACV,KAAK,gBAAgB;gBACjB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACxB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAC3B,MAAM;YACV;gBACI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;oBACnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;iBAC5B;qBAAM;oBACH,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;iBAC3B;gBACD,MAAM;SACb;QACD,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IASD;;OAEG;IAEH,IAAW,KAAK,CAAC,KAAc;QAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,CAAC;IAES,YAAY,CAAC,OAA6B;QAChD,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YAC/B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SAC9C;IACL,CAAC;CACJ;AA/CG;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAG3B;AA6BD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACgB;AAM5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mCAG3B","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    PropertyValues,\n    SizedMixin,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.js';\nimport buttonStyles from './button.css.js';\n\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\nexport type ButtonStatics = 'white' | 'black';\nexport type ButtonVariants =\n    | 'accent'\n    | 'primary'\n    | 'secondary'\n    | 'negative'\n    | ButtonStatics\n    | DeprecatedButtonVariants;\nexport const VALID_VARIANTS = [\n    'accent',\n    'primary',\n    'secondary',\n    'negative',\n    'white',\n    'black',\n];\n\nexport type ButtonTreatments = 'fill' | 'outline';\n\n/**\n * @element sp-button\n *\n * @slot - text label of the Button\n * @slot icon - The icon to use for Button\n */\nexport class Button extends SizedMixin(StyledButton) {\n    public static get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public get variant(): ButtonVariants {\n        return this._variant;\n    }\n    public set variant(variant: ButtonVariants) {\n        if (variant === this.variant) return;\n\n        this.requestUpdate('variant', this.variant);\n        switch (variant) {\n            case 'cta':\n                this._variant = 'accent';\n                break;\n            case 'overBackground':\n                this._variant = 'white';\n                this.treatment = 'outline';\n                break;\n            default:\n                if (!VALID_VARIANTS.includes(variant)) {\n                    this._variant = 'accent';\n                } else {\n                    this._variant = variant;\n                }\n                break;\n        }\n        this.setAttribute('variant', this.variant);\n    }\n    private _variant: ButtonVariants = 'accent';\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public treatment: ButtonTreatments = 'fill';\n\n    /**\n     * Style this button to be less obvious\n     */\n    @property({ type: Boolean })\n    public set quiet(quiet: boolean) {\n        this.treatment = quiet ? 'outline' : 'fill';\n    }\n\n    protected firstUpdated(changes: PropertyValues<this>): void {\n        super.firstUpdated(changes);\n        if (!this.hasAttribute('variant')) {\n            this.setAttribute('variant', this.variant);\n        }\n    }\n}\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAGH,UAAU,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAW3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,QAAQ;IACR,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,OAAO;CACV,CAAC;AAIF;;;;;GAKG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU,CAAC,YAAY,CAAC;IAApD;;QAkCY,aAAQ,GAAmB,QAAQ,CAAC;QAE5C;;WAEG;QAEI,cAAS,GAAqB,MAAM,CAAC;IAgBhD,CAAC;IAvDU,MAAM,KAAK,MAAM;QACpB,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IAEH,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO;QAErC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,QAAQ,OAAO,EAAE;YACb,KAAK,KAAK;gBACN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACzB,MAAM;YACV,KAAK,gBAAgB;gBACjB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACxB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAC3B,MAAM;YACV;gBACI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;oBACnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;iBAC5B;qBAAM;oBACH,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;iBAC3B;gBACD,MAAM;SACb;QACD,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IASD;;OAEG;IAEH,IAAW,KAAK,CAAC,KAAc;QAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,CAAC;IAES,YAAY,CAAC,OAA6B;QAChD,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YAC/B,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SAC9C;IACL,CAAC;CACJ;AA/CG;IADC,QAAQ,EAAE;qCAGV;AA6BD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACgB;AAM5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mCAG3B","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    PropertyValues,\n    SizedMixin,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { StyledButton } from './StyledButton.js';\nimport buttonStyles from './button.css.js';\n\nexport type DeprecatedButtonVariants = 'cta' | 'overBackground';\nexport type ButtonStatics = 'white' | 'black';\nexport type ButtonVariants =\n    | 'accent'\n    | 'primary'\n    | 'secondary'\n    | 'negative'\n    | ButtonStatics\n    | DeprecatedButtonVariants;\nexport const VALID_VARIANTS = [\n    'accent',\n    'primary',\n    'secondary',\n    'negative',\n    'white',\n    'black',\n];\n\nexport type ButtonTreatments = 'fill' | 'outline';\n\n/**\n * @element sp-button\n *\n * @slot - text label of the Button\n * @slot icon - The icon to use for Button\n */\nexport class Button extends SizedMixin(StyledButton) {\n    public static get styles(): CSSResultArray {\n        return [...super.styles, buttonStyles];\n    }\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property()\n    public get variant(): ButtonVariants {\n        return this._variant;\n    }\n    public set variant(variant: ButtonVariants) {\n        if (variant === this.variant) return;\n\n        this.requestUpdate('variant', this.variant);\n        switch (variant) {\n            case 'cta':\n                this._variant = 'accent';\n                break;\n            case 'overBackground':\n                this._variant = 'white';\n                this.treatment = 'outline';\n                break;\n            default:\n                if (!VALID_VARIANTS.includes(variant)) {\n                    this._variant = 'accent';\n                } else {\n                    this._variant = variant;\n                }\n                break;\n        }\n        this.setAttribute('variant', this.variant);\n    }\n    private _variant: ButtonVariants = 'accent';\n\n    /**\n     * The visual variant to apply to this button.\n     */\n    @property({ reflect: true })\n    public treatment: ButtonTreatments = 'fill';\n\n    /**\n     * Style this button to be less obvious\n     */\n    @property({ type: Boolean })\n    public set quiet(quiet: boolean) {\n        this.treatment = quiet ? 'outline' : 'fill';\n    }\n\n    protected firstUpdated(changes: PropertyValues<this>): void {\n        super.firstUpdated(changes);\n        if (!this.hasAttribute('variant')) {\n            this.setAttribute('variant', this.variant);\n        }\n    }\n}\n"]}

package/stories/button-accent-fill.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-accent-fill.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-accent-fill.stories.js","sourceRoot":"","sources":["button-accent-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC;AACzB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,oBAAoB;IAC3B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-accent-fill.stories.js","sourceRoot":"","sources":["button-accent-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC;AACzB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,oBAAoB;IAC3B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-accent-outline.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-accent-outline.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-accent-outline.stories.js","sourceRoot":"","sources":["button-accent-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC;AACzB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,uBAAuB;IAC9B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-accent-outline.stories.js","sourceRoot":"","sources":["button-accent-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC;AACzB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,uBAAuB;IAC9B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'accent';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Accent/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-black-fill.stories.js

@@ -13,7 +13,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-black-fill.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-black-fill.stories.js","sourceRoot":"","sources":["button-black-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Fill',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-black-fill.stories.js","sourceRoot":"","sources":["button-black-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Fill',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-black-outline.stories.js

@@ -13,7 +13,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-black-outline.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-black-outline.stories.js","sourceRoot":"","sources":["button-black-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Outline',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-black-outline.stories.js","sourceRoot":"","sources":["button-black-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'black';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Black/Outline',\n    decorators: [makeOverBackground(variant)],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-negative-fill.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-negative-fill.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-negative-fill.stories.js","sourceRoot":"","sources":["button-negative-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,UAAU,CAAC;AAC3B,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-negative-fill.stories.js","sourceRoot":"","sources":["button-negative-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,UAAU,CAAC;AAC3B,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,sBAAsB;IAC7B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-negative-outline.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-negative-outline.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-negative-outline.stories.js","sourceRoot":"","sources":["button-negative-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,UAAU,CAAC;AAC3B,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,yBAAyB;IAChC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-negative-outline.stories.js","sourceRoot":"","sources":["button-negative-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,UAAU,CAAC;AAC3B,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,yBAAyB;IAChC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'negative';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Negative/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-primary-fill.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-primary-fill.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-primary-fill.stories.js","sourceRoot":"","sources":["button-primary-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,SAAS,CAAC;AAC1B,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-primary-fill.stories.js","sourceRoot":"","sources":["button-primary-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,SAAS,CAAC;AAC1B,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-primary-outline.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-primary-outline.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-primary-outline.stories.js","sourceRoot":"","sources":["button-primary-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,SAAS,CAAC;AAC1B,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-primary-outline.stories.js","sourceRoot":"","sources":["button-primary-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,SAAS,CAAC;AAC1B,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'primary';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Primary/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-secondary-fill.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-secondary-fill.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-secondary-fill.stories.js","sourceRoot":"","sources":["button-secondary-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,WAAW,CAAC;AAC5B,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,uBAAuB;IAC9B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'secondary';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Secondary/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-secondary-fill.stories.js","sourceRoot":"","sources":["button-secondary-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,WAAW,CAAC;AAC5B,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,uBAAuB;IAC9B,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'secondary';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Secondary/Fill',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-secondary-outline.stories.js

@@ -12,7 +12,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-secondary-outline.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-secondary-outline.stories.js","sourceRoot":"","sources":["button-secondary-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,WAAW,CAAC;AAC5B,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,0BAA0B;IACjC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'secondary';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Secondary/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-secondary-outline.stories.js","sourceRoot":"","sources":["button-secondary-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,WAAW,CAAC;AAC5B,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,0BAA0B;IACjC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'secondary';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/Secondary/Outline',\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-white-fill.stories.js

@@ -13,7 +13,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-white-fill.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-white-fill.stories.js","sourceRoot":"","sources":["button-white-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAClC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'white';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/White/Fill',\n    decorators: [makeOverBackground()],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-white-fill.stories.js","sourceRoot":"","sources":["button-white-fill.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAClC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'white';\nconst treatment = 'fill';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/White/Fill',\n    decorators: [makeOverBackground()],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}

package/stories/button-white-outline.stories.js

@@ -13,7 +13,7 @@ export default {
 };
 export const Default = (props) => renderButtonSet(props);
 export const withIcon = (props) => renderWithIcon(props);
-export const iconSizeOverridden = () => renderIconSizeOverridden(variant);
+export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
 export const minWidthButton = (props) => renderMinWidthButton(props);
 minWidthButton.story = {
     name: 'min-width',

package/stories/button-white-outline.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-white-outline.stories.js","sourceRoot":"","sources":["button-white-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAClC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'white';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/White/Outline',\n    decorators: [makeOverBackground()],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}
+{"version":3,"file":"button-white-outline.stories.js","sourceRoot":"","sources":["button-white-outline.stories.ts"],"names":[],"mappings":"AAYA,OAAO,EACH,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,eAAe;IACX,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAClC,IAAI,kCACG,IAAI,KACP,OAAO;QACP,SAAS,GACZ;IACD,QAAQ;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAkB,EAAE,CACzD,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAC1D,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAmB,EAAE,CACnD,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7E,IAAI,CAAC,KAAK,GAAG;IACT,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAChE,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEhC,cAAc,CAAC,KAAK,GAAG;IACnB,IAAI,EAAE,2BAA2B;CACpC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\nimport {\n    makeOverBackground,\n    renderButtonSet,\n    renderIconSizeOverridden,\n    renderLink,\n    renderLinkWithTarget,\n    renderMinWidthButton,\n    renderWithIcon,\n} from './index.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js';\nimport type { Properties } from './index.js';\nimport { args, argTypes } from './index.js';\n\nconst variant = 'white';\nconst treatment = 'outline';\n\nexport default {\n    component: 'sp-button',\n    title: 'Button/White/Outline',\n    decorators: [makeOverBackground()],\n    args: {\n        ...args,\n        variant,\n        treatment,\n    },\n    argTypes,\n};\n\nexport const Default = (props: Properties): TemplateResult =>\n    renderButtonSet(props);\n\nexport const withIcon = (props: Properties): TemplateResult =>\n    renderWithIcon(props);\n\nexport const iconSizeOverridden = (): TemplateResult =>\n    renderIconSizeOverridden(variant, treatment);\n\nexport const minWidthButton = (props: Properties): TemplateResult =>\n    renderMinWidthButton(props);\n\nminWidthButton.story = {\n    name: 'min-width',\n};\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.story = {\n    name: 'href',\n};\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n    renderLinkWithTarget(props);\n\nlinkWithTarget.story = {\n    name: 'href with target=\"_blank\"',\n};\n"]}