feat(@clayui/multi-select): Add displayType and update snapshots to fit

liferay · Dec 16, 2020 · 0c5cdcf · 0c5cdcf
1 parent ded5a81
commit 0c5cdcf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/packages/clay-multi-select/src/__tests__/__snapshots__/index.tsx.snap b/packages/clay-multi-select/src/__tests__/__snapshots__/index.tsx.snap
@@ -121,7 +121,7 @@ exports[`ClayMultiSelect renders a custom menu 1`] = `
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -370,7 +370,7 @@ exports[`ClayMultiSelect renders as not valid 1`] = `
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -489,7 +489,7 @@ exports[`ClayMultiSelect renders with items 1`] = `
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -528,7 +528,7 @@ exports[`Interactions add non-sequential text should filter the items when it is
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -595,7 +595,7 @@ exports[`Interactions adding text doesn not filter the items with a custom funct
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -678,7 +678,7 @@ exports[`Interactions adding text filters the items 1`] = `
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -747,7 +747,7 @@ exports[`Interactions adding text filters the items with a custom function 1`] =
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >
@@ -816,7 +816,7 @@ exports[`Interactions adding upper or lower case text should filter the items wh
         class="input-group-item input-group-item-shrink"
       >
         <button
-          class="component-action btn btn-monospaced btn-primary"
+          class="component-action btn btn-monospaced btn-unstyled"
           title="Clear All"
           type="button"
         >

diff --git a/packages/clay-multi-select/src/index.tsx b/packages/clay-multi-select/src/index.tsx
@@ -359,6 +359,7 @@ const ClayMultiSelect = React.forwardRef<HTMLDivElement, IProps>(
 							<ClayInput.GroupItem shrink>
 								<ClayButtonWithIcon
 									className="component-action"
+									displayType="unstyled"
 									onClick={() => {
 										onClearAllButtonClick();