Remove classes from dashicons (https://github.com/woocommerce/woocommerce-blocks/pull/2848)
This commit is contained in:
parent
8c06276b00
commit
0f43c3af0f
|
@ -72,7 +72,11 @@ const RemovableChip = ( {
|
|||
className="wc-block-components-chip__remove"
|
||||
{ ...removeProps }
|
||||
>
|
||||
<Icon srcElement={ noAlt } size={ 16 } />
|
||||
<Icon
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
srcElement={ noAlt }
|
||||
size={ 16 }
|
||||
/>
|
||||
</RemoveElement>
|
||||
</Chip>
|
||||
);
|
||||
|
|
|
@ -44,10 +44,10 @@
|
|||
border: 0;
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
> .dashicon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.wc-block-components-chip__remove-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -107,7 +107,7 @@ exports[`RemovableChip should render custom aria label 1`] = `
|
|||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="dashicon dashicons-arrow-down-alt2"
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
role="img"
|
||||
|
@ -149,7 +149,7 @@ exports[`RemovableChip should render default aria label if text is a node 1`] =
|
|||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="dashicon dashicons-arrow-down-alt2"
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
role="img"
|
||||
|
@ -189,7 +189,7 @@ exports[`RemovableChip should render screen reader text aria label 1`] = `
|
|||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="dashicon dashicons-arrow-down-alt2"
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
role="img"
|
||||
|
@ -224,7 +224,7 @@ exports[`RemovableChip should render text and the remove button 1`] = `
|
|||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="dashicon dashicons-arrow-down-alt2"
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
role="img"
|
||||
|
@ -259,7 +259,7 @@ exports[`RemovableChip should render with disabled remove button 1`] = `
|
|||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="dashicon dashicons-arrow-down-alt2"
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
role="img"
|
||||
|
@ -295,7 +295,7 @@ exports[`RemovableChip with removeOnAnyClick should be a button when removeOnAny
|
|||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="dashicon dashicons-arrow-down-alt2"
|
||||
className="wc-block-components-chip__remove-icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
role="img"
|
||||
|
|
|
@ -123,7 +123,7 @@ $dropdown-selector-line-height: 18/14;
|
|||
line-height: 1;
|
||||
padding: 0 0 0 0.3em;
|
||||
|
||||
> .dashicon {
|
||||
> svg {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -2,19 +2,13 @@
|
|||
* External dependencies
|
||||
*/
|
||||
import { SVG } from 'wordpress-components';
|
||||
import classnames from 'classnames';
|
||||
|
||||
const Component = ( { className, size = 20, ...extraProps } ) => {
|
||||
const iconClass = classnames(
|
||||
'dashicon',
|
||||
'dashicons-arrow-down-alt2',
|
||||
className
|
||||
);
|
||||
return (
|
||||
<SVG
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
className={ iconClass }
|
||||
className={ className }
|
||||
width={ size }
|
||||
height={ size }
|
||||
{ ...extraProps }
|
||||
|
|
|
@ -2,19 +2,13 @@
|
|||
* External dependencies
|
||||
*/
|
||||
import { SVG } from 'wordpress-components';
|
||||
import classnames from 'classnames';
|
||||
|
||||
const Component = ( { className, size, ...extraProps } ) => {
|
||||
const iconClass = classnames(
|
||||
'dashicon',
|
||||
'dashicons-arrow-down-alt2',
|
||||
className
|
||||
);
|
||||
return (
|
||||
<SVG
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
className={ iconClass }
|
||||
className={ className }
|
||||
width={ size }
|
||||
height={ size }
|
||||
{ ...extraProps }
|
||||
|
|
Loading…
Reference in New Issue