@semcore/base-trigger 2.3.2 → 2.5.1

package/src/FilterTrigger.js

@@ -1,11 +1,11 @@
-import React  from 'react';
+import React from 'react';
 import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import BaseTrigger from './BaseTrigger';
 import { Box } from '@semcore/flex-box';
 import NeighborLocation from '@semcore/neighbor-location';
 import Dot from '@semcore/dot';
-import CloseXS from '@semcore/icon/lib/Close/xs';
-import ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
+import Close from '@semcore/icon/Close/m';
+import ChevronDown from '@semcore/icon/ChevronDown/m';
 import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
 
@@ -26,7 +26,7 @@ class RootFilterTrigger extends Component {
       <SWrapper render={Box}>
         <NeighborLocation>
           <SFilterTrigger
-            w='100%'
+            w="100%"
             size={size}
             placeholder={placeholder}
             empty={empty}
@@ -38,11 +38,11 @@ class RootFilterTrigger extends Component {
               FilterTrigger.Addon,
               FilterTrigger.Counter,
             ])}
-            {empty && <FilterTrigger.Addon tag={ChevronDownXS} />}
+            {empty && <FilterTrigger.Addon tag={ChevronDown} />}
           </SFilterTrigger>
           {!empty && (
             <SFilterTrigger
-              tag='button'
+              tag="button"
               size={size}
               empty={empty}
               selected
@@ -50,7 +50,7 @@ class RootFilterTrigger extends Component {
               onKeyDown={this.handleStopPropagation}
               disabled={disabled}
             >
-              <FilterTrigger.Addon tag={CloseXS} />
+              <FilterTrigger.Addon tag={Close} />
             </SFilterTrigger>
           )}
         </NeighborLocation>

package/src/LinkTrigger.js

@@ -1,11 +1,7 @@
 import React from 'react';
-import createComponent, {
-  Component,
-  Root,
-  sstyled,
-} from '@semcore/core';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
-import ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
+import ChevronDown from '@semcore/icon/ChevronDown/m';
 import Spin from '@semcore/spin';
 import { Box } from '@semcore/flex-box';
 import resolveColor, { shade } from '@semcore/utils/lib/color';
@@ -32,18 +28,16 @@ class RootLinkTrigger extends Component {
   render() {
     const SLinkTrigger = Root;
     const SLinkAddon = LinkTrigger.Addon;
-    const {
-      Children,
-      loading,
-      styles,
-      color,
-    } = this.asProps;
+    const { Children, loading, styles, color: providedColor } = this.asProps;
+
+    const color = resolveColor(providedColor);
+    const colorHover = shade(color, -0.12);
 
     return sstyled(styles)(
-      <SLinkTrigger render={Box} use:color={resolveColor(color)}>
+      <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>
         {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}
         <SLinkAddon>
-          {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDownXS />}
+          {loading ? <Spin size="xs" theme="currentColor" /> : <ChevronDown />}
         </SLinkAddon>
       </SLinkTrigger>,
     );

package/src/style/base-trigger.shadow.css

@@ -71,7 +71,7 @@ SText {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  line-height: 1.2;
+  line-height: 1.1;
   flex-grow: 1;
   text-align: left;
 }

package/src/style/link-trigger.shadow.css

@@ -48,7 +48,7 @@ SLinkTrigger[color] {
   color: var(--color);
 
   &:hover {
-    color: color-mod(var(--color) shade(12%));
+    color: var(--color-hover);
   }
 }