@spectrum-web-components/button 0.19.0 → 0.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/package.json +3 -3
  2. package/sp-button.dev.js +1 -0
  3. package/sp-button.dev.js.map +1 -1
  4. package/sp-button.js +1 -1
  5. package/sp-button.js.map +2 -2
  6. package/sp-clear-button.dev.js +1 -0
  7. package/sp-clear-button.dev.js.map +1 -1
  8. package/sp-clear-button.js +1 -1
  9. package/sp-clear-button.js.map +2 -2
  10. package/sp-close-button.dev.js +1 -0
  11. package/sp-close-button.dev.js.map +1 -1
  12. package/sp-close-button.js +1 -1
  13. package/sp-close-button.js.map +2 -2
  14. package/src/Button.dev.js +1 -0
  15. package/src/Button.dev.js.map +1 -1
  16. package/src/Button.js +1 -1
  17. package/src/Button.js.map +2 -2
  18. package/src/ButtonBase.dev.js +8 -2
  19. package/src/ButtonBase.dev.js.map +1 -1
  20. package/src/ButtonBase.js +1 -1
  21. package/src/ButtonBase.js.map +2 -2
  22. package/src/ClearButton.dev.js +1 -0
  23. package/src/ClearButton.dev.js.map +1 -1
  24. package/src/ClearButton.js +5 -5
  25. package/src/ClearButton.js.map +2 -2
  26. package/src/CloseButton.dev.js +1 -0
  27. package/src/CloseButton.dev.js.map +1 -1
  28. package/src/CloseButton.js +1 -1
  29. package/src/CloseButton.js.map +2 -2
  30. package/src/StyledButton.dev.js +1 -0
  31. package/src/StyledButton.dev.js.map +1 -1
  32. package/src/StyledButton.js +1 -1
  33. package/src/StyledButton.js.map +2 -2
  34. package/src/button-base.css.dev.js +1 -0
  35. package/src/button-base.css.dev.js.map +1 -1
  36. package/src/button-base.css.js +1 -1
  37. package/src/button-base.css.js.map +2 -2
  38. package/src/button.css.dev.js +1 -0
  39. package/src/button.css.dev.js.map +1 -1
  40. package/src/button.css.js +1 -1
  41. package/src/button.css.js.map +2 -2
  42. package/src/index.dev.js +1 -0
  43. package/src/index.dev.js.map +1 -1
  44. package/src/index.js +1 -1
  45. package/src/index.js.map +1 -1
  46. package/src/spectrum-button-base.css.dev.js +1 -0
  47. package/src/spectrum-button-base.css.dev.js.map +1 -1
  48. package/src/spectrum-button-base.css.js +1 -1
  49. package/src/spectrum-button-base.css.js.map +2 -2
  50. package/src/spectrum-button.css.dev.js +1 -0
  51. package/src/spectrum-button.css.dev.js.map +1 -1
  52. package/src/spectrum-button.css.js +1 -1
  53. package/src/spectrum-button.css.js.map +2 -2
  54. package/stories/button-accent-fill-sizes.stories.js +31 -1
  55. package/stories/button-accent-fill-sizes.stories.js.map +2 -2
  56. package/stories/button-accent-fill.stories.js +32 -1
  57. package/stories/button-accent-fill.stories.js.map +1 -1
  58. package/stories/button-accent-outline-sizes.stories.js +31 -1
  59. package/stories/button-accent-outline-sizes.stories.js.map +2 -2
  60. package/stories/button-accent-outline.stories.js +32 -1
  61. package/stories/button-accent-outline.stories.js.map +1 -1
  62. package/stories/button-black-fill-sizes.stories.js +32 -1
  63. package/stories/button-black-fill-sizes.stories.js.map +2 -2
  64. package/stories/button-black-fill.stories.js +34 -1
  65. package/stories/button-black-fill.stories.js.map +1 -1
  66. package/stories/button-black-outline-sizes.stories.js +32 -1
  67. package/stories/button-black-outline-sizes.stories.js.map +2 -2
  68. package/stories/button-black-outline.stories.js +34 -1
  69. package/stories/button-black-outline.stories.js.map +1 -1
  70. package/stories/button-negative-fill-sizes.stories.js +31 -1
  71. package/stories/button-negative-fill-sizes.stories.js.map +2 -2
  72. package/stories/button-negative-fill.stories.js +32 -1
  73. package/stories/button-negative-fill.stories.js.map +1 -1
  74. package/stories/button-negative-outline-sizes.stories.js +31 -1
  75. package/stories/button-negative-outline-sizes.stories.js.map +2 -2
  76. package/stories/button-negative-outline.stories.js +32 -1
  77. package/stories/button-negative-outline.stories.js.map +1 -1
  78. package/stories/button-primary-fill-sizes.stories.js +31 -1
  79. package/stories/button-primary-fill-sizes.stories.js.map +2 -2
  80. package/stories/button-primary-fill.stories.js +32 -1
  81. package/stories/button-primary-fill.stories.js.map +1 -1
  82. package/stories/button-primary-outline-sizes.stories.js +31 -1
  83. package/stories/button-primary-outline-sizes.stories.js.map +2 -2
  84. package/stories/button-primary-outline.stories.js +32 -1
  85. package/stories/button-primary-outline.stories.js.map +1 -1
  86. package/stories/button-secondary-fill-sizes.stories.js +31 -1
  87. package/stories/button-secondary-fill-sizes.stories.js.map +2 -2
  88. package/stories/button-secondary-fill.stories.js +32 -1
  89. package/stories/button-secondary-fill.stories.js.map +1 -1
  90. package/stories/button-secondary-outline-sizes.stories.js +31 -1
  91. package/stories/button-secondary-outline-sizes.stories.js.map +2 -2
  92. package/stories/button-secondary-outline.stories.js +32 -1
  93. package/stories/button-secondary-outline.stories.js.map +1 -1
  94. package/stories/button-white-fill-sizes.stories.js +32 -1
  95. package/stories/button-white-fill-sizes.stories.js.map +2 -2
  96. package/stories/button-white-fill.stories.js +34 -1
  97. package/stories/button-white-fill.stories.js.map +1 -1
  98. package/stories/button-white-outline-sizes.stories.js +32 -1
  99. package/stories/button-white-outline-sizes.stories.js.map +2 -2
  100. package/stories/button-white-outline.stories.js +34 -1
  101. package/stories/button-white-outline.stories.js.map +1 -1
  102. package/stories/index.js +138 -36
  103. package/stories/index.js.map +1 -1
  104. package/test/benchmark/test-basic.js +5 -1
  105. package/test/benchmark/test-basic.js.map +1 -1
  106. package/test/button-accent-fill-sizes.test-vrt.js +4 -1
  107. package/test/button-accent-fill-sizes.test-vrt.js.map +1 -1
  108. package/test/button-accent-fill.test-vrt.js +4 -1
  109. package/test/button-accent-fill.test-vrt.js.map +1 -1
  110. package/test/button-accent-outline-sizes.test-vrt.js +4 -1
  111. package/test/button-accent-outline-sizes.test-vrt.js.map +1 -1
  112. package/test/button-accent-outline.test-vrt.js +4 -1
  113. package/test/button-accent-outline.test-vrt.js.map +1 -1
  114. package/test/button-black-fill-sizes.test-vrt.js +4 -1
  115. package/test/button-black-fill-sizes.test-vrt.js.map +1 -1
  116. package/test/button-black-fill.test-vrt.js +4 -1
  117. package/test/button-black-fill.test-vrt.js.map +1 -1
  118. package/test/button-black-outline-sizes.test-vrt.js +4 -1
  119. package/test/button-black-outline-sizes.test-vrt.js.map +1 -1
  120. package/test/button-black-outline.test-vrt.js +4 -1
  121. package/test/button-black-outline.test-vrt.js.map +1 -1
  122. package/test/button-negative-fill-sizes.test-vrt.js +4 -1
  123. package/test/button-negative-fill-sizes.test-vrt.js.map +1 -1
  124. package/test/button-negative-fill.test-vrt.js +4 -1
  125. package/test/button-negative-fill.test-vrt.js.map +1 -1
  126. package/test/button-negative-outline-sizes.test-vrt.js +4 -1
  127. package/test/button-negative-outline-sizes.test-vrt.js.map +1 -1
  128. package/test/button-negative-outline.test-vrt.js +4 -1
  129. package/test/button-negative-outline.test-vrt.js.map +1 -1
  130. package/test/button-primary-fill-sizes.test-vrt.js +4 -1
  131. package/test/button-primary-fill-sizes.test-vrt.js.map +1 -1
  132. package/test/button-primary-fill.test-vrt.js +4 -1
  133. package/test/button-primary-fill.test-vrt.js.map +1 -1
  134. package/test/button-primary-outline-sizes.test-vrt.js +4 -1
  135. package/test/button-primary-outline-sizes.test-vrt.js.map +1 -1
  136. package/test/button-primary-outline.test-vrt.js +4 -1
  137. package/test/button-primary-outline.test-vrt.js.map +1 -1
  138. package/test/button-secondary-fill-sizes.test-vrt.js +4 -1
  139. package/test/button-secondary-fill-sizes.test-vrt.js.map +1 -1
  140. package/test/button-secondary-fill.test-vrt.js +4 -1
  141. package/test/button-secondary-fill.test-vrt.js.map +1 -1
  142. package/test/button-secondary-outline-sizes.test-vrt.js +4 -1
  143. package/test/button-secondary-outline-sizes.test-vrt.js.map +1 -1
  144. package/test/button-secondary-outline.test-vrt.js +4 -1
  145. package/test/button-secondary-outline.test-vrt.js.map +1 -1
  146. package/test/button-white-fill-sizes.test-vrt.js +4 -1
  147. package/test/button-white-fill-sizes.test-vrt.js.map +1 -1
  148. package/test/button-white-fill.test-vrt.js +4 -1
  149. package/test/button-white-fill.test-vrt.js.map +1 -1
  150. package/test/button-white-outline-sizes.test-vrt.js +4 -1
  151. package/test/button-white-outline-sizes.test-vrt.js.map +1 -1
  152. package/test/button-white-outline.test-vrt.js +4 -1
  153. package/test/button-white-outline.test-vrt.js.map +1 -1
  154. package/test/button.test.js +416 -29
  155. package/test/button.test.js.map +1 -1
  156. package/test/clear-button.test.js +22 -4
  157. package/test/clear-button.test.js.map +1 -1
  158. package/test/close-button.test.js +22 -4
  159. package/test/close-button.test.js.map +1 -1
package/src/spectrum-button.css.dev.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-button.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;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);margin:0;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}::slotted([slot=icon]){flex-shrink:0;max-height:100%}:host:after{border-radius:calc(var(\n--spectrum-button-m-primary-fill-texticon-border-radius,\nvar(--spectrum-global-dimension-size-200)\n) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n));bottom:0;content:\"\";display:block;left:0;margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host(:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-button-s-primary-fill-textonly-text-padding-bottom\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-s-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-s-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-s-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-s-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-85)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-s-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-s-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-s-primary-fill-texticon-padding-left,var(--spectrum-global-dimension-size-125)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-s-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-s-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-s-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-675)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-s-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-s-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-s-primary-fill-textonly-height,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-text-padding-top:calc(var(\n--spectrum-button-s-primary-fill-textonly-text-padding-top,\nvar(--spectrum-global-dimension-static-size-50)\n) - 1px)}:host([size=m]){--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-m-primary-fill-texticon-padding-left\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-m-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-m-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-m-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-m-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-m-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-m-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-m-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-200)\n);--spectrum-button-primary-fill-textonly-text-padding-top:var(\n--spectrum-button-m-primary-fill-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-m-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-m-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-900)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-m-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-200)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-m-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-200)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-m-primary-fill-textonly-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(\n--spectrum-button-m-primary-fill-textonly-text-padding-bottom,\nvar(--spectrum-global-dimension-size-115)\n) - 1px)}:host([size=l]){--spectrum-button-primary-fill-textonly-text-padding-top:var(\n--spectrum-button-l-primary-fill-textonly-text-padding-top\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-l-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-l-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-l-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-l-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-115)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-l-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-l-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-l-primary-fill-texticon-padding-left,var(--spectrum-global-dimension-size-225)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-l-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-250)\n);--spectrum-button-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-button-l-primary-fill-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-l-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-l-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-1125)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-l-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-250)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-l-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-250)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-l-primary-fill-textonly-height,var(--spectrum-global-dimension-size-500)\n)}:host([size=xl]){--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-xl-primary-fill-texticon-padding-left\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-xl-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-xl-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-xl-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-xl-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-xl-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-xl-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-xl-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-text-padding-top:var(\n--spectrum-button-xl-primary-fill-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-xl-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-xl-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-xl-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-xl-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-xl-primary-fill-textonly-height,var(--spectrum-global-dimension-size-600)\n);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(\n--spectrum-button-xl-primary-fill-textonly-text-padding-bottom,\nvar(--spectrum-global-dimension-size-175)\n) - 1px)}:host{--spectrum-button-primary-fill-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-texticon-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-right) - var(--spectrum-button-primary-fill-texticon-border-size))}:host([dir=ltr]){padding-left:var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n);padding-right:var(\n--spectrum-button-primary-fill-textonly-padding-right-adjusted\n)}:host([dir=rtl]){padding-left:var(\n--spectrum-button-primary-fill-textonly-padding-right-adjusted\n);padding-right:var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n)}:host{--spectrum-button-focus-ring-color:var(\n--spectrum-button-m-primary-fill-texticon-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)\n);border-radius:var(--spectrum-button-primary-fill-texticon-border-radius);border-style:solid;border-width:var(\n--spectrum-button-primary-fill-texticon-border-size\n);color:inherit;font-size:var(--spectrum-button-primary-fill-texticon-text-size);font-weight:var(--spectrum-button-primary-fill-texticon-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-fill-textonly-height);min-width:var(--spectrum-button-primary-fill-textonly-min-width);padding-bottom:0;padding-top:0}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc((var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc((var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(\n--spectrum-button-primary-fill-texticon-icon-gap\n)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(\n--spectrum-button-primary-fill-texticon-icon-gap\n)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}:host:after{border-radius:calc(var(--spectrum-button-primary-fill-texticon-border-radius) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n))}#label{line-height:var(\n--spectrum-button-primary-fill-texticon-text-line-height\n);padding-bottom:calc(var(--spectrum-button-primary-fill-textonly-text-padding-bottom) - var(--spectrum-button-primary-fill-textonly-border-size));padding-top:calc(var(--spectrum-button-primary-fill-textonly-text-padding-top) - var(--spectrum-button-primary-fill-textonly-border-size))}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}:host([variant=white]){--spectrum-button-focus-ring-color:var(\n--spectrum-button-m-primary-fill-white-texticon-focus-ring-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=black]){--spectrum-button-focus-ring-color:var(\n--spectrum-button-m-primary-fill-black-texticon-focus-ring-color-key-focus,var(--spectrum-global-color-static-black)\n)}:host(:not([variant=white]):not([variant=black])[disabled]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-texticon-icon-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host(:not([variant=white]):not([variant=black])[disabled]) #label{color:var(\n--spectrum-button-m-primary-fill-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=white][disabled]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-white-texticon-icon-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}:host([variant=white][disabled]) #label{color:var(\n--spectrum-button-m-primary-fill-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-fill-white-texticon-background-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])) ::slotted([slot=icon]){color:inherit}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])) #label{color:inherit}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-white-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-fill-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][disabled]){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=outline]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-white-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=outline]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=outline][disabled]){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-border-color,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=black][disabled]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-black-texticon-icon-color-disabled,var(--spectrum-global-color-static-transparent-black-500)\n)}:host([variant=black][disabled]) #label{color:var(\n--spectrum-button-m-primary-fill-black-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-black-500)\n)}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-fill-black-texticon-background-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])) ::slotted([slot=icon]){color:inherit}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])) #label{color:inherit}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-black-texticon-icon-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-fill-black-texticon-text-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-down,var(--spectrum-global-color-static-transparent-black-400)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][disabled]){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-disabled,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=outline]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-black-texticon-icon-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=outline]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-outline-black-texticon-text-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=outline][disabled]){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-black-texticon-border-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-down,var(--spectrum-global-color-static-transparent-black-400)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-border-color,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-down,var(--spectrum-global-color-static-transparent-black-400)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color,var(--spectrum-semantic-cta-background-color-default)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-fill-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-accent-fill-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-hover,var(--spectrum-semantic-cta-background-color-hover)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-down,var(--spectrum-semantic-cta-background-color-down)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-key-focus)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-key-focus)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-key-focus)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color,var(--spectrum-global-color-static-red-600)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-fill-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-negative-fill-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-hover,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-down,var(--spectrum-global-color-static-red-800)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-key-focus,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-key-focus,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-key-focus,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-texticon-icon-color,var(--spectrum-global-color-gray-50)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-primary-fill-texticon-text-color,var(--spectrum-global-color-gray-50)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color,var(--spectrum-global-color-gray-200)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-down,var(--spectrum-global-color-gray-400)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=fill]:not([variant=white]):not([variant=black])[disabled]){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)\n)}:host([treatment=fill][disabled]){border-color:var(\n--spectrum-button-m-primary-fill-texticon-border-color-disabled,transparent\n)}:host([treatment=fill]:not([disabled])){border-color:var(\n--spectrum-button-m-primary-fill-texticon-border-color,transparent\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color,var(--spectrum-semantic-emphasized-border-color-default)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color,var(--spectrum-semantic-emphasized-border-color-default)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-hover,var(--spectrum-alias-transparent-blue-background-color-hover)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-hover,var(--spectrum-semantic-emphasized-border-color-hover)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-hover,var(--spectrum-semantic-emphasized-border-color-hover)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-hover,var(--spectrum-semantic-emphasized-border-color-hover)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-down,var(--spectrum-alias-transparent-blue-background-color-down)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-down,var(--spectrum-semantic-emphasized-border-color-down)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-down,var(--spectrum-semantic-emphasized-border-color-down)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-down,var(--spectrum-semantic-emphasized-border-color-down)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color,var(--spectrum-semantic-emphasized-border-color-default)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color,var(--spectrum-global-color-red-500)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color,var(--spectrum-global-color-red-500)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-hover,var(--spectrum-alias-transparent-red-background-color-hover)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-hover,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-hover,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-hover,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-down,var(--spectrum-alias-transparent-red-background-color-down)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-down,var(--spectrum-global-color-red-700)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-down,var(--spectrum-global-color-red-700)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-down,var(--spectrum-global-color-red-700)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color,var(--spectrum-global-color-red-500)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-hover,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-down,var(--spectrum-global-color-gray-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color,var(--spectrum-global-color-gray-300)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-hover,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-down,var(--spectrum-global-color-gray-400)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-down,var(--spectrum-global-color-gray-500)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline]:not([variant=white]):not([variant=black])[disabled]){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-disabled,var(--spectrum-global-color-gray-200)\n)}@media (forced-colors:active){:host{--spectrum-button-m-accent-fill-texticon-background-color-down:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-hover:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-key-focus:Highlight;--spectrum-button-m-accent-fill-texticon-background-color:ButtonText;--spectrum-button-m-accent-fill-texticon-icon-color:ButtonFace;--spectrum-button-m-accent-fill-texticon-text-color:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-accent-outline-texticon-border-color:ButtonText;--spectrum-button-m-accent-outline-texticon-border-color-down:Highlight;--spectrum-button-m-accent-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-accent-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-accent-outline-texticon-icon-color:ButtonText;--spectrum-button-m-accent-outline-texticon-icon-color-down:ButtonText;--spectrum-button-m-accent-outline-texticon-icon-color-hover:ButtonText;--spectrum-button-m-accent-outline-texticon-icon-color-key-focus:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-primary-fill-texticon-icon-color-disabled:GrayText;--spectrum-button-m-primary-fill-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-fill-white-texticon-icon-color-disabled:GrayText;--spectrum-button-m-primary-fill-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-secondary-fill-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-fill-black-texticon-icon-color-disabled:GrayText;--spectrum-button-m-primary-fill-black-texticon-text-color-disabled:GrayText;--spectrum-button-m-secondary-fill-black-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-outline-black-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-fill-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-disabled:ButtonFace}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) ButtonText;forced-color-adjust:none}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) ButtonText;forced-color-adjust:none}:host([variant=accent]) #label{forced-color-adjust:none}}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwkBf,eAAe;",
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwkBf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-button.css.js CHANGED
@@ -1,4 +1,4 @@
1
- import{css as t}from"@spectrum-web-components/base";const o=t`
1
+ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
2
2
  :host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(
3
3
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
4
4
  );justify-content:center;line-height:var(
package/src/spectrum-button.css.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-button.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;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);margin:0;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}::slotted([slot=icon]){flex-shrink:0;max-height:100%}:host:after{border-radius:calc(var(\n--spectrum-button-m-primary-fill-texticon-border-radius,\nvar(--spectrum-global-dimension-size-200)\n) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n));bottom:0;content:\"\";display:block;left:0;margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-1);position:absolute;right:0;top:0;transition:opacity var(--spectrum-global-animation-duration-100,.13s) ease-out,margin var(--spectrum-global-animation-duration-100,.13s) ease-out}:host(.focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}:host(:focus-visible):after{margin:calc(var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n)*-2)}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-button-s-primary-fill-textonly-text-padding-bottom\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-s-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-s-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-s-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-s-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-85)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-s-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-s-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-s-primary-fill-texticon-padding-left,var(--spectrum-global-dimension-size-125)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-s-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-s-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-s-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-675)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-s-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-s-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-s-primary-fill-textonly-height,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-text-padding-top:calc(var(\n--spectrum-button-s-primary-fill-textonly-text-padding-top,\nvar(--spectrum-global-dimension-static-size-50)\n) - 1px)}:host([size=m]){--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-m-primary-fill-texticon-padding-left\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-m-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-m-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-m-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-m-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-m-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-m-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-m-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-200)\n);--spectrum-button-primary-fill-textonly-text-padding-top:var(\n--spectrum-button-m-primary-fill-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-m-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-m-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-900)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-m-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-200)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-m-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-200)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-m-primary-fill-textonly-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(\n--spectrum-button-m-primary-fill-textonly-text-padding-bottom,\nvar(--spectrum-global-dimension-size-115)\n) - 1px)}:host([size=l]){--spectrum-button-primary-fill-textonly-text-padding-top:var(\n--spectrum-button-l-primary-fill-textonly-text-padding-top\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-l-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-l-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-l-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-l-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-115)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-l-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-l-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-l-primary-fill-texticon-padding-left,var(--spectrum-global-dimension-size-225)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-l-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-250)\n);--spectrum-button-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-button-l-primary-fill-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-l-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-l-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-1125)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-l-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-250)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-l-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-250)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-l-primary-fill-textonly-height,var(--spectrum-global-dimension-size-500)\n)}:host([size=xl]){--spectrum-button-primary-fill-texticon-padding-left:var(\n--spectrum-button-xl-primary-fill-texticon-padding-left\n);--spectrum-button-primary-fill-texticon-text-size:var(\n--spectrum-button-xl-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-button-primary-fill-texticon-text-font-weight:var(\n--spectrum-button-xl-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)\n);--spectrum-button-primary-fill-texticon-text-line-height:var(\n--spectrum-button-xl-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-button-primary-fill-texticon-icon-gap:var(\n--spectrum-button-xl-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-button-primary-fill-texticon-focus-ring-size:var(\n--spectrum-button-xl-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)\n);--spectrum-button-primary-fill-texticon-border-size:var(\n--spectrum-button-xl-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-texticon-border-radius:var(\n--spectrum-button-xl-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-text-padding-top:var(\n--spectrum-button-xl-primary-fill-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-button-primary-fill-textonly-border-size:var(\n--spectrum-button-xl-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-button-primary-fill-textonly-min-width:var(\n--spectrum-button-xl-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-button-primary-fill-textonly-padding-left:var(\n--spectrum-button-xl-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-padding-right:var(\n--spectrum-button-xl-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-button-primary-fill-textonly-height:var(\n--spectrum-button-xl-primary-fill-textonly-height,var(--spectrum-global-dimension-size-600)\n);--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(\n--spectrum-button-xl-primary-fill-textonly-text-padding-bottom,\nvar(--spectrum-global-dimension-size-175)\n) - 1px)}:host{--spectrum-button-primary-fill-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-texticon-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-right) - var(--spectrum-button-primary-fill-texticon-border-size))}:host([dir=ltr]){padding-left:var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n);padding-right:var(\n--spectrum-button-primary-fill-textonly-padding-right-adjusted\n)}:host([dir=rtl]){padding-left:var(\n--spectrum-button-primary-fill-textonly-padding-right-adjusted\n);padding-right:var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n)}:host{--spectrum-button-focus-ring-color:var(\n--spectrum-button-m-primary-fill-texticon-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)\n);border-radius:var(--spectrum-button-primary-fill-texticon-border-radius);border-style:solid;border-width:var(\n--spectrum-button-primary-fill-texticon-border-size\n);color:inherit;font-size:var(--spectrum-button-primary-fill-texticon-text-size);font-weight:var(--spectrum-button-primary-fill-texticon-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-fill-textonly-height);min-width:var(--spectrum-button-primary-fill-textonly-min-width);padding-bottom:0;padding-top:0}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc((var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc((var(\n--spectrum-button-primary-fill-textonly-padding-left-adjusted\n) - var(--spectrum-button-primary-fill-padding-left-adjusted))*-1)}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(\n--spectrum-button-primary-fill-texticon-icon-gap\n)}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(\n--spectrum-button-primary-fill-texticon-icon-gap\n)}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}:host:after{border-radius:calc(var(--spectrum-button-primary-fill-texticon-border-radius) + var(\n--spectrum-alias-focus-ring-gap,\nvar(--spectrum-global-dimension-static-size-25)\n))}#label{line-height:var(\n--spectrum-button-primary-fill-texticon-text-line-height\n);padding-bottom:calc(var(--spectrum-button-primary-fill-textonly-text-padding-bottom) - var(--spectrum-button-primary-fill-textonly-border-size));padding-top:calc(var(--spectrum-button-primary-fill-textonly-text-padding-top) - var(--spectrum-button-primary-fill-textonly-border-size))}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}:host([variant=white]){--spectrum-button-focus-ring-color:var(\n--spectrum-button-m-primary-fill-white-texticon-focus-ring-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=black]){--spectrum-button-focus-ring-color:var(\n--spectrum-button-m-primary-fill-black-texticon-focus-ring-color-key-focus,var(--spectrum-global-color-static-black)\n)}:host(:not([variant=white]):not([variant=black])[disabled]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-texticon-icon-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host(:not([variant=white]):not([variant=black])[disabled]) #label{color:var(\n--spectrum-button-m-primary-fill-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)\n)}:host([variant=white][disabled]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-white-texticon-icon-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}:host([variant=white][disabled]) #label{color:var(\n--spectrum-button-m-primary-fill-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-fill-white-texticon-background-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])) ::slotted([slot=icon]){color:inherit}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])) #label{color:inherit}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-white-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-fill-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=fill][disabled]){background-color:var(\n--spectrum-button-m-secondary-fill-white-texticon-background-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=outline]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-white-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=outline]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=outline][disabled]){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-border-color,var(--spectrum-global-color-static-transparent-white-200)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-white-300)\n)}:host([variant=black][disabled]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-black-texticon-icon-color-disabled,var(--spectrum-global-color-static-transparent-black-500)\n)}:host([variant=black][disabled]) #label{color:var(\n--spectrum-button-m-primary-fill-black-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-black-500)\n)}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-fill-black-texticon-background-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])) ::slotted([slot=icon]){color:inherit}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])) #label{color:inherit}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-black-texticon-icon-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-fill-black-texticon-text-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-down,var(--spectrum-global-color-static-transparent-black-400)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=fill][disabled]){background-color:var(\n--spectrum-button-m-secondary-fill-black-texticon-background-color-disabled,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=outline]:not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-black-texticon-icon-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=outline]:not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-outline-black-texticon-text-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=outline][disabled]){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-black-texticon-border-color,var(--spectrum-global-color-static-black)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-down,var(--spectrum-global-color-static-transparent-black-400)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled])){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-border-color,var(--spectrum-global-color-static-transparent-black-200)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-down,var(--spectrum-global-color-static-transparent-black-400)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus,var(--spectrum-global-color-static-transparent-black-300)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color,var(--spectrum-semantic-cta-background-color-default)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-fill-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-accent-fill-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-hover,var(--spectrum-semantic-cta-background-color-hover)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-down,var(--spectrum-semantic-cta-background-color-down)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-key-focus)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-key-focus)\n)}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-accent-fill-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-key-focus)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color,var(--spectrum-global-color-static-red-600)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-fill-texticon-icon-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-negative-fill-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-hover,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-down,var(--spectrum-global-color-static-red-800)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-key-focus,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-key-focus,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-negative-fill-texticon-background-color-key-focus,var(--spectrum-global-color-static-red-700)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-fill-texticon-icon-color,var(--spectrum-global-color-gray-50)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-primary-fill-texticon-text-color,var(--spectrum-global-color-gray-50)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color,var(--spectrum-global-color-gray-200)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-down,var(--spectrum-global-color-gray-400)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-fill-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-fill-texticon-text-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=fill]:not([variant=white]):not([variant=black])[disabled]){background-color:var(\n--spectrum-button-m-primary-fill-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)\n)}:host([treatment=fill][disabled]){border-color:var(\n--spectrum-button-m-primary-fill-texticon-border-color-disabled,transparent\n)}:host([treatment=fill]:not([disabled])){border-color:var(\n--spectrum-button-m-primary-fill-texticon-border-color,transparent\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color,var(--spectrum-semantic-emphasized-border-color-default)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color,var(--spectrum-semantic-emphasized-border-color-default)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-hover,var(--spectrum-alias-transparent-blue-background-color-hover)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-hover,var(--spectrum-semantic-emphasized-border-color-hover)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-hover,var(--spectrum-semantic-emphasized-border-color-hover)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-hover,var(--spectrum-semantic-emphasized-border-color-hover)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-down,var(--spectrum-alias-transparent-blue-background-color-down)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-down,var(--spectrum-semantic-emphasized-border-color-down)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-down,var(--spectrum-semantic-emphasized-border-color-down)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-down,var(--spectrum-semantic-emphasized-border-color-down)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-accent-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-accent-outline-texticon-border-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-accent-outline-texticon-icon-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color-key-focus,var(--spectrum-semantic-emphasized-border-color-key-focus)\n)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-accent-outline-texticon-text-color,var(--spectrum-semantic-emphasized-border-color-default)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color,var(--spectrum-global-color-red-500)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color,var(--spectrum-global-color-red-500)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-hover,var(--spectrum-alias-transparent-red-background-color-hover)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-hover,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-hover,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-hover,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-down,var(--spectrum-alias-transparent-red-background-color-down)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-down,var(--spectrum-global-color-red-700)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-down,var(--spectrum-global-color-red-700)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-down,var(--spectrum-global-color-red-700)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-negative-outline-texticon-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-key-focus)\n);border-color:var(\n--spectrum-button-m-negative-outline-texticon-border-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-negative-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color-key-focus,var(--spectrum-global-color-red-600)\n)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-negative-outline-texticon-text-color,var(--spectrum-global-color-red-500)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-hover,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-down,var(--spectrum-global-color-gray-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-primary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-primary-outline-texticon-text-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color,var(--spectrum-global-color-gray-300)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-hover,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-hover,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-down,var(--spectrum-global-color-gray-400)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-down,var(--spectrum-global-color-gray-500)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-down,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(\n--spectrum-button-m-secondary-outline-texticon-background-color-key-focus,var(--spectrum-global-color-gray-300)\n);border-color:var(\n--spectrum-button-m-secondary-outline-texticon-border-color-key-focus,var(--spectrum-global-color-gray-400)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(\n--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)\n)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(\n--spectrum-button-m-secondary-outline-texticon-text-color,var(--spectrum-global-color-gray-800)\n)}:host([treatment=outline]:not([variant=white]):not([variant=black])[disabled]){background-color:var(\n--spectrum-button-m-primary-outline-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-texticon-border-color-disabled,var(--spectrum-global-color-gray-200)\n)}@media (forced-colors:active){:host{--spectrum-button-m-accent-fill-texticon-background-color-down:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-hover:Highlight;--spectrum-button-m-accent-fill-texticon-background-color-key-focus:Highlight;--spectrum-button-m-accent-fill-texticon-background-color:ButtonText;--spectrum-button-m-accent-fill-texticon-icon-color:ButtonFace;--spectrum-button-m-accent-fill-texticon-text-color:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color-down:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color-hover:ButtonFace;--spectrum-button-m-accent-outline-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-accent-outline-texticon-border-color:ButtonText;--spectrum-button-m-accent-outline-texticon-border-color-down:Highlight;--spectrum-button-m-accent-outline-texticon-border-color-hover:Highlight;--spectrum-button-m-accent-outline-texticon-border-color-key-focus:Highlight;--spectrum-button-m-accent-outline-texticon-icon-color:ButtonText;--spectrum-button-m-accent-outline-texticon-icon-color-down:ButtonText;--spectrum-button-m-accent-outline-texticon-icon-color-hover:ButtonText;--spectrum-button-m-accent-outline-texticon-icon-color-key-focus:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color-down:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color-hover:ButtonText;--spectrum-button-m-accent-outline-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-primary-fill-texticon-icon-color-disabled:GrayText;--spectrum-button-m-primary-fill-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-fill-white-texticon-icon-color-disabled:GrayText;--spectrum-button-m-primary-fill-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-secondary-fill-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-fill-black-texticon-icon-color-disabled:GrayText;--spectrum-button-m-primary-fill-black-texticon-text-color-disabled:GrayText;--spectrum-button-m-secondary-fill-black-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-outline-black-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-fill-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-texticon-background-color-disabled:ButtonFace}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) ButtonText;forced-color-adjust:none}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) ButtonText;forced-color-adjust:none}:host([variant=accent]) #label{forced-color-adjust:none}}\n`;\nexport default styles;"],
5
- "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwkBf,cAAe",
6
- "names": []
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwkBf,eAAeC",
6
+ "names": ["css", "styles"]
7
7
  }
package/stories/button-accent-fill-sizes.stories.js CHANGED
@@ -1,2 +1,32 @@
1
- import{renderButtonSet as t}from"./index.js";import{args as r,argTypes as o}from"./index.js";const p="accent",a="fill";export default{component:"sp-button",title:"Button/Accent/Fill/Sizes",args:{...r,variant:p,treatment:a},argTypes:o};export const s=e=>t(e);s.args={size:"s"};export const m=e=>t(e);m.args={size:"m"};export const l=e=>t(e);l.args={size:"l"};export const XL=e=>t(e);XL.args={size:"xl"};
1
+ "use strict";
2
+ import { renderButtonSet } from "./index.js";
3
+ import { args, argTypes } from "./index.js";
4
+ const variant = "accent";
5
+ const treatment = "fill";
6
+ export default {
7
+ component: "sp-button",
8
+ title: "Button/Accent/Fill/Sizes",
9
+ args: {
10
+ ...args,
11
+ variant,
12
+ treatment
13
+ },
14
+ argTypes
15
+ };
16
+ export const s = (args2) => renderButtonSet(args2);
17
+ s.args = {
18
+ size: "s"
19
+ };
20
+ export const m = (args2) => renderButtonSet(args2);
21
+ m.args = {
22
+ size: "m"
23
+ };
24
+ export const l = (args2) => renderButtonSet(args2);
25
+ l.args = {
26
+ size: "l"
27
+ };
28
+ export const XL = (args2) => renderButtonSet(args2);
29
+ XL.args = {
30
+ size: "xl"
31
+ };
2
32
  //# sourceMappingURL=button-accent-fill-sizes.stories.js.map
package/stories/button-accent-fill-sizes.stories.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["button-accent-fill-sizes.stories.ts"],
4
4
  "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 { Properties, renderButtonSet } 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/Sizes',\n args: {\n ...args,\n variant,\n treatment,\n },\n argTypes,\n};\n\nexport const s = (args: Properties): TemplateResult => renderButtonSet(args);\ns.args = {\n size: 's',\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtonSet(args);\nm.args = {\n size: 'm',\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtonSet(args);\nl.args = {\n size: 'l',\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtonSet(args);\nXL.args = {\n size: 'xl',\n};\n"],
5
- "mappings": "AAYA,6CACA,gDAEA,KAAM,GAAU,SACV,EAAY,OAElB,cAAe,CACX,UAAW,YACX,MAAO,2BACP,KAAM,IACC,EACH,UACA,WACJ,EACA,UACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAgB,CAAI,EAC3E,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAgB,CAAI,EAC3E,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAgB,CAAI,EAC3E,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAgB,CAAI,EAC5E,GAAG,KAAO,CACN,KAAM,IACV",
6
- "names": []
5
+ "mappings": ";AAYA,SAAqB,uBAAuB;AAC5C,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAACA,UAAqC,gBAAgBA,KAAI;AAC3E,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAACA,UAAqC,gBAAgBA,KAAI;AAC3E,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAACA,UAAqC,gBAAgBA,KAAI;AAC3E,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,KAAK,CAACA,UAAqC,gBAAgBA,KAAI;AAC5E,GAAG,OAAO;AAAA,EACN,MAAM;AACV;",
6
+ "names": ["args"]
7
7
  }
package/stories/button-accent-fill.stories.js CHANGED
@@ -1,2 +1,33 @@
1
- import{renderButtonSet as o,renderIconSizeOverridden as n,renderLink as i,renderLinkWithTarget as p,renderMinWidthButton as s,renderWithIcon as l}from"./index.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";import{args as a,argTypes as m}from"./index.js";const t="accent",r="fill";export default{component:"sp-button",title:"Button/Accent/Fill",args:{...a,variant:t,treatment:r},argTypes:m};export const Default=e=>o(e),withIcon=e=>l(e),iconSizeOverridden=()=>n(t,r),minWidthButton=e=>s(e);minWidthButton.storyName="min-width";export const link=e=>i(e);link.storyName="href";export const linkWithTarget=e=>p(e);linkWithTarget.storyName='href with target="_blank"';
1
+ "use strict";
2
+ import {
3
+ renderButtonSet,
4
+ renderIconSizeOverridden,
5
+ renderLink,
6
+ renderLinkWithTarget,
7
+ renderMinWidthButton,
8
+ renderWithIcon
9
+ } from "./index.js";
10
+ import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
11
+ import { args, argTypes } from "./index.js";
12
+ const variant = "accent";
13
+ const treatment = "fill";
14
+ export default {
15
+ component: "sp-button",
16
+ title: "Button/Accent/Fill",
17
+ args: {
18
+ ...args,
19
+ variant,
20
+ treatment
21
+ },
22
+ argTypes
23
+ };
24
+ export const Default = (props) => renderButtonSet(props);
25
+ export const withIcon = (props) => renderWithIcon(props);
26
+ export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
27
+ export const minWidthButton = (props) => renderMinWidthButton(props);
28
+ minWidthButton.storyName = "min-width";
29
+ export const link = (props) => renderLink(props);
30
+ link.storyName = "href";
31
+ export const linkWithTarget = (props) => renderLinkWithTarget(props);
32
+ linkWithTarget.storyName = 'href with target="_blank"';
2
33
  //# sourceMappingURL=button-accent-fill.stories.js.map
package/stories/button-accent-fill.stories.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["button-accent-fill.stories.ts"],
4
4
  "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.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
5
- "mappings": "AAYA,mKAQA,sEAEA,gDAEA,KAAM,GAAU,SACV,EAAY,OAElB,cAAe,CACX,UAAW,YACX,MAAO,qBACP,KAAM,IACC,EACH,UACA,WACJ,EACA,UACJ,EAEO,YAAM,SAAU,AAAC,GACpB,EAAgB,CAAK,EAEZ,SAAW,AAAC,GACrB,EAAe,CAAK,EAEX,mBAAqB,IAC9B,EAAyB,EAAS,CAAS,EAElC,eAAiB,AAAC,GAC3B,EAAqB,CAAK,EAE9B,eAAe,UAAY,YAEpB,YAAM,MAAO,AAAC,GAAsC,EAAW,CAAK,EAE3E,KAAK,UAAY,OAEV,YAAM,gBAAiB,AAAC,GAC3B,EAAqB,CAAK,EAE9B,eAAe,UAAY",
5
+ "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
6
6
  "names": []
7
7
  }
package/stories/button-accent-outline-sizes.stories.js CHANGED
@@ -1,2 +1,32 @@
1
- import{renderButtonSet as t}from"./index.js";import{args as r,argTypes as o}from"./index.js";const p="accent",n="outline";export default{component:"sp-button",title:"Button/Accent/Outline/Sizes",args:{...r,variant:p,treatment:n},argTypes:o};export const s=e=>t(e);s.args={size:"s"};export const m=e=>t(e);m.args={size:"m"};export const l=e=>t(e);l.args={size:"l"};export const XL=e=>t(e);XL.args={size:"xl"};
1
+ "use strict";
2
+ import { renderButtonSet } from "./index.js";
3
+ import { args, argTypes } from "./index.js";
4
+ const variant = "accent";
5
+ const treatment = "outline";
6
+ export default {
7
+ component: "sp-button",
8
+ title: "Button/Accent/Outline/Sizes",
9
+ args: {
10
+ ...args,
11
+ variant,
12
+ treatment
13
+ },
14
+ argTypes
15
+ };
16
+ export const s = (args2) => renderButtonSet(args2);
17
+ s.args = {
18
+ size: "s"
19
+ };
20
+ export const m = (args2) => renderButtonSet(args2);
21
+ m.args = {
22
+ size: "m"
23
+ };
24
+ export const l = (args2) => renderButtonSet(args2);
25
+ l.args = {
26
+ size: "l"
27
+ };
28
+ export const XL = (args2) => renderButtonSet(args2);
29
+ XL.args = {
30
+ size: "xl"
31
+ };
2
32
  //# sourceMappingURL=button-accent-outline-sizes.stories.js.map
package/stories/button-accent-outline-sizes.stories.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["button-accent-outline-sizes.stories.ts"],
4
4
  "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 { Properties, renderButtonSet } 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/Sizes',\n args: {\n ...args,\n variant,\n treatment,\n },\n argTypes,\n};\n\nexport const s = (args: Properties): TemplateResult => renderButtonSet(args);\ns.args = {\n size: 's',\n};\n\nexport const m = (args: Properties): TemplateResult => renderButtonSet(args);\nm.args = {\n size: 'm',\n};\n\nexport const l = (args: Properties): TemplateResult => renderButtonSet(args);\nl.args = {\n size: 'l',\n};\n\nexport const XL = (args: Properties): TemplateResult => renderButtonSet(args);\nXL.args = {\n size: 'xl',\n};\n"],
5
- "mappings": "AAYA,6CACA,gDAEA,KAAM,GAAU,SACV,EAAY,UAElB,cAAe,CACX,UAAW,YACX,MAAO,8BACP,KAAM,IACC,EACH,UACA,WACJ,EACA,UACJ,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAgB,CAAI,EAC3E,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAgB,CAAI,EAC3E,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,GAAI,AAAC,GAAqC,EAAgB,CAAI,EAC3E,EAAE,KAAO,CACL,KAAM,GACV,EAEO,YAAM,IAAK,AAAC,GAAqC,EAAgB,CAAI,EAC5E,GAAG,KAAO,CACN,KAAM,IACV",
6
- "names": []
5
+ "mappings": ";AAYA,SAAqB,uBAAuB;AAC5C,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAACA,UAAqC,gBAAgBA,KAAI;AAC3E,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAACA,UAAqC,gBAAgBA,KAAI;AAC3E,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,IAAI,CAACA,UAAqC,gBAAgBA,KAAI;AAC3E,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AAEO,aAAM,KAAK,CAACA,UAAqC,gBAAgBA,KAAI;AAC5E,GAAG,OAAO;AAAA,EACN,MAAM;AACV;",
6
+ "names": ["args"]
7
7
  }
package/stories/button-accent-outline.stories.js CHANGED
@@ -1,2 +1,33 @@
1
- import{renderButtonSet as o,renderIconSizeOverridden as n,renderLink as i,renderLinkWithTarget as p,renderMinWidthButton as s,renderWithIcon as a}from"./index.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";import{args as m,argTypes as l}from"./index.js";const t="accent",r="outline";export default{component:"sp-button",title:"Button/Accent/Outline",args:{...m,variant:t,treatment:r},argTypes:l};export const Default=e=>o(e),withIcon=e=>a(e),iconSizeOverridden=()=>n(t,r),minWidthButton=e=>s(e);minWidthButton.storyName="min-width";export const link=e=>i(e);link.storyName="href";export const linkWithTarget=e=>p(e);linkWithTarget.storyName='href with target="_blank"';
1
+ "use strict";
2
+ import {
3
+ renderButtonSet,
4
+ renderIconSizeOverridden,
5
+ renderLink,
6
+ renderLinkWithTarget,
7
+ renderMinWidthButton,
8
+ renderWithIcon
9
+ } from "./index.js";
10
+ import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
11
+ import { args, argTypes } from "./index.js";
12
+ const variant = "accent";
13
+ const treatment = "outline";
14
+ export default {
15
+ component: "sp-button",
16
+ title: "Button/Accent/Outline",
17
+ args: {
18
+ ...args,
19
+ variant,
20
+ treatment
21
+ },
22
+ argTypes
23
+ };
24
+ export const Default = (props) => renderButtonSet(props);
25
+ export const withIcon = (props) => renderWithIcon(props);
26
+ export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
27
+ export const minWidthButton = (props) => renderMinWidthButton(props);
28
+ minWidthButton.storyName = "min-width";
29
+ export const link = (props) => renderLink(props);
30
+ link.storyName = "href";
31
+ export const linkWithTarget = (props) => renderLinkWithTarget(props);
32
+ linkWithTarget.storyName = 'href with target="_blank"';
2
33
  //# sourceMappingURL=button-accent-outline.stories.js.map
package/stories/button-accent-outline.stories.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["button-accent-outline.stories.ts"],
4
4
  "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.storyName = 'min-width';\n\nexport const link = (props: Properties): TemplateResult => renderLink(props);\n\nlink.storyName = 'href';\n\nexport const linkWithTarget = (props: Properties): TemplateResult =>\n renderLinkWithTarget(props);\n\nlinkWithTarget.storyName = 'href with target=\"_blank\"';\n"],
5
- "mappings": "AAYA,mKAQA,sEAEA,gDAEA,KAAM,GAAU,SACV,EAAY,UAElB,cAAe,CACX,UAAW,YACX,MAAO,wBACP,KAAM,IACC,EACH,UACA,WACJ,EACA,UACJ,EAEO,YAAM,SAAU,AAAC,GACpB,EAAgB,CAAK,EAEZ,SAAW,AAAC,GACrB,EAAe,CAAK,EAEX,mBAAqB,IAC9B,EAAyB,EAAS,CAAS,EAElC,eAAiB,AAAC,GAC3B,EAAqB,CAAK,EAE9B,eAAe,UAAY,YAEpB,YAAM,MAAO,AAAC,GAAsC,EAAW,CAAK,EAE3E,KAAK,UAAY,OAEV,YAAM,gBAAiB,AAAC,GAC3B,EAAqB,CAAK,EAE9B,eAAe,UAAY",
5
+ "mappings": ";AAYA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO;AAEP,SAAS,MAAM,gBAAgB;AAE/B,MAAM,UAAU;AAChB,MAAM,YAAY;AAElB,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,IACF,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAAC,UACpB,gBAAgB,KAAK;AAElB,aAAM,WAAW,CAAC,UACrB,eAAe,KAAK;AAEjB,aAAM,qBAAqB,MAC9B,yBAAyB,SAAS,SAAS;AAExC,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;AAEpB,aAAM,OAAO,CAAC,UAAsC,WAAW,KAAK;AAE3E,KAAK,YAAY;AAEV,aAAM,iBAAiB,CAAC,UAC3B,qBAAqB,KAAK;AAE9B,eAAe,YAAY;",
6
6
  "names": []
7
7
  }
package/stories/button-black-fill-sizes.stories.js CHANGED
@@ -1,2 +1,33 @@
1
- import{makeOverBackground as o,renderButtonSet as t}from"./index.js";import{args as a,argTypes as p}from"./index.js";const r="black",i="fill";export default{component:"sp-button",title:"Button/Black/Fill/Sizes",decorators:[o(r)],args:{...a,variant:r,treatment:i},argTypes:p};export const s=e=>t(e);s.args={size:"s"};export const m=e=>t(e);m.args={size:"m"};export const l=e=>t(e);l.args={size:"l"};export const XL=e=>t(e);XL.args={size:"xl"};
1
+ "use strict";
2
+ import { makeOverBackground, renderButtonSet } from "./index.js";
3
+ import { args, argTypes } from "./index.js";
4
+ const variant = "black";
5
+ const treatment = "fill";
6
+ export default {
7
+ component: "sp-button",
8
+ title: "Button/Black/Fill/Sizes",
9
+ decorators: [makeOverBackground(variant)],
10
+ args: {
11
+ ...args,
12
+ variant,
13
+ treatment
14
+ },
15
+ argTypes
16
+ };
17
+ export const s = (args2) => renderButtonSet(args2);
18
+ s.args = {
19
+ size: "s"
20
+ };
21
+ export const m = (args2) => renderButtonSet(args2);
22
+ m.args = {
23
+ size: "m"
24
+ };
25
+ export const l = (args2) => renderButtonSet(args2);
26
+ l.args = {
27
+ size: "l"
28
+ };
29
+ export const XL = (args2) => renderButtonSet(args2);
30
+ XL.args = {
31
+ size: "xl"
32
+ };
2
33
  //# sourceMappingURL=button-black-fill-sizes.stories.js.map