fix(button): clean up clear button for reuse across elements

adobe · May 7, 2020 · 4c71eb1 · 4c71eb1
1 parent 13916ab
commit 4c71eb1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/button/src/spectrum-clear-button.css b/packages/button/src/spectrum-clear-button.css
@@ -52,7 +52,12 @@ THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
         var(--spectrum-alias-icon-color)
     );
 }
-.spectrum-ClearButton--small {
+#button > .spectrum-Icon {
+    /* .spectrum-ClearButton>.spectrum-Icon */
+    margin: 0 auto; /* .spectrum-ClearButton>.spectrum-Icon */
+    margin: 0;
+}
+:host([small]) #button {
     /* .spectrum-ClearButton--small */
     width: var(
         --spectrum-clearbutton-small-width,

diff --git a/packages/button/src/spectrum-config.js b/packages/button/src/spectrum-config.js
@@ -144,6 +144,11 @@ module.exports = {
             },
             focus: '#button',
             attributes: [
+                {
+                    selector: '.spectrum-ClearButton--small',
+                    type: 'boolean',
+                    name: 'small',
+                },
                 {
                     type: 'enum',
                     name: 'variant',