npm - @semcore/base-trigger - Versions diffs - 2.5.3 → 2.6.0 - Mend

@semcore/base-trigger 2.5.3 → 2.6.0

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 (7) hide show

package/CHANGELOG.md +6 -0
package/lib/cjs/LinkTrigger.js +16 -16
package/lib/cjs/style/link-trigger.shadow.css +9 -0
package/lib/es6/LinkTrigger.js +16 -16
package/lib/es6/style/link-trigger.shadow.css +9 -0
package/package.json +1 -1
package/src/style/link-trigger.shadow.css +9 -0

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,12 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [2.6.0] - 2021-03-04
+### Added
+- Disabled animation if reduce motion is preferred.
 ## [2.5.3] - 2022-02-25
 ### Fixed

package/lib/cjs/LinkTrigger.js CHANGED Viewed

@@ -54,25 +54,25 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLinkTrigger_1l30n_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_1l30n_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_:active,.___SLinkTrigger_1l30n_gg_:hover,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_{color:#0063a5}.___SLinkTrigger_1l30n_gg_:active .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_:hover .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_ .___SText_1l30n_gg_{border-color:currentColor}.___SLinkTrigger_1l30n_gg_ .___SText_1l30n_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__disabled_1l30n_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1l30n_gg_.__keyboardFocused_1l30n_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_1l30n_gg_,.___SLinkAddon_1l30n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1l30n_gg_:not(:only-child):first-child,.___SLinkAddon_1l30n_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1l30n_gg_:not(:only-child):last-child,.___SLinkAddon_1l30n_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1l30n_gg_{width:12px;height:12px}.___SLinkTrigger_1l30n_gg_._size_s_1l30n_gg_{font-size:10px}.___SLinkTrigger_1l30n_gg_._size_m_1l30n_gg_{font-size:12px}.___SLinkTrigger_1l30n_gg_._size_l_1l30n_gg_{font-size:14px}.___SLinkTrigger_1l30n_gg_._size_xl_1l30n_gg_{font-size:16px}"
+".___SLinkTrigger_qt3iv_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_qt3iv_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_:active,.___SLinkTrigger_qt3iv_gg_:hover,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_{color:#0063a5}.___SLinkTrigger_qt3iv_gg_:active .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_:hover .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_ .___SText_qt3iv_gg_{border-color:currentColor}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_{color:var(--color_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_:hover{color:var(--color-hover_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__disabled_qt3iv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_qt3iv_gg_.__keyboardFocused_qt3iv_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_qt3iv_gg_,.___SLinkAddon_qt3iv_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_qt3iv_gg_:not(:only-child):first-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_qt3iv_gg_:not(:only-child):last-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_qt3iv_gg_{width:12px;height:12px}.___SLinkTrigger_qt3iv_gg_._size_s_qt3iv_gg_{font-size:10px}.___SLinkTrigger_qt3iv_gg_._size_m_qt3iv_gg_{font-size:12px}.___SLinkTrigger_qt3iv_gg_._size_l_qt3iv_gg_{font-size:14px}.___SLinkTrigger_qt3iv_gg_._size_xl_qt3iv_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_qt3iv_gg_{transition:none}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1fzf3hu_gg_")
+, "rbea4n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_1l30n_gg_",
-  "_active": "__active_1l30n_gg_",
-  "__SText": "___SText_1l30n_gg_",
-  "_color": "__color_1l30n_gg_",
-  "--color": "--color_1fzf3hu",
-  "--color-hover": "--color-hover_1fzf3hu",
-  "_disabled": "__disabled_1l30n_gg_",
-  "_keyboardFocused": "__keyboardFocused_1l30n_gg_",
-  "__SAddon": "___SAddon_1l30n_gg_",
-  "__SLinkAddon": "___SLinkAddon_1l30n_gg_",
-  "_size_s": "_size_s_1l30n_gg_",
-  "_size_m": "_size_m_1l30n_gg_",
-  "_size_l": "_size_l_1l30n_gg_",
-  "_size_xl": "_size_xl_1l30n_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_qt3iv_gg_",
+  "_active": "__active_qt3iv_gg_",
+  "__SText": "___SText_qt3iv_gg_",
+  "_color": "__color_qt3iv_gg_",
+  "--color": "--color_rbea4n",
+  "--color-hover": "--color-hover_rbea4n",
+  "_disabled": "__disabled_qt3iv_gg_",
+  "_keyboardFocused": "__keyboardFocused_qt3iv_gg_",
+  "__SAddon": "___SAddon_qt3iv_gg_",
+  "__SLinkAddon": "___SLinkAddon_qt3iv_gg_",
+  "_size_s": "_size_s_qt3iv_gg_",
+  "_size_m": "_size_m_qt3iv_gg_",
+  "_size_l": "_size_l_qt3iv_gg_",
+  "_size_xl": "_size_xl_qt3iv_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {

package/lib/cjs/style/link-trigger.shadow.css CHANGED Viewed

@@ -99,3 +99,12 @@ SLinkTrigger[size='l'] {
 SLinkTrigger[size='xl'] {
   font-size: 16px;
 }
+@media (prefers-reduced-motion) {
+  SLinkTrigger {
+    transition: none;
+    & SText {
+      transition: none;
+    }
+  }
+}

package/lib/es6/LinkTrigger.js CHANGED Viewed

@@ -31,25 +31,25 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLinkTrigger_1l30n_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_1l30n_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_:active,.___SLinkTrigger_1l30n_gg_:hover,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_{color:#0063a5}.___SLinkTrigger_1l30n_gg_:active .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_:hover .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_ .___SText_1l30n_gg_{border-color:currentColor}.___SLinkTrigger_1l30n_gg_ .___SText_1l30n_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__disabled_1l30n_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1l30n_gg_.__keyboardFocused_1l30n_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_1l30n_gg_,.___SLinkAddon_1l30n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1l30n_gg_:not(:only-child):first-child,.___SLinkAddon_1l30n_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1l30n_gg_:not(:only-child):last-child,.___SLinkAddon_1l30n_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1l30n_gg_{width:12px;height:12px}.___SLinkTrigger_1l30n_gg_._size_s_1l30n_gg_{font-size:10px}.___SLinkTrigger_1l30n_gg_._size_m_1l30n_gg_{font-size:12px}.___SLinkTrigger_1l30n_gg_._size_l_1l30n_gg_{font-size:14px}.___SLinkTrigger_1l30n_gg_._size_xl_1l30n_gg_{font-size:16px}"
+".___SLinkTrigger_qt3iv_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_qt3iv_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_:active,.___SLinkTrigger_qt3iv_gg_:hover,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_{color:#0063a5}.___SLinkTrigger_qt3iv_gg_:active .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_:hover .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_ .___SText_qt3iv_gg_{border-color:currentColor}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_{color:var(--color_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_:hover{color:var(--color-hover_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__disabled_qt3iv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_qt3iv_gg_.__keyboardFocused_qt3iv_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_qt3iv_gg_,.___SLinkAddon_qt3iv_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_qt3iv_gg_:not(:only-child):first-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_qt3iv_gg_:not(:only-child):last-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_qt3iv_gg_{width:12px;height:12px}.___SLinkTrigger_qt3iv_gg_._size_s_qt3iv_gg_{font-size:10px}.___SLinkTrigger_qt3iv_gg_._size_m_qt3iv_gg_{font-size:12px}.___SLinkTrigger_qt3iv_gg_._size_l_qt3iv_gg_{font-size:14px}.___SLinkTrigger_qt3iv_gg_._size_xl_qt3iv_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_qt3iv_gg_{transition:none}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1fzf3hu_gg_")
+, "rbea4n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_1l30n_gg_",
-  "_active": "__active_1l30n_gg_",
-  "__SText": "___SText_1l30n_gg_",
-  "_color": "__color_1l30n_gg_",
-  "--color": "--color_1fzf3hu",
-  "--color-hover": "--color-hover_1fzf3hu",
-  "_disabled": "__disabled_1l30n_gg_",
-  "_keyboardFocused": "__keyboardFocused_1l30n_gg_",
-  "__SAddon": "___SAddon_1l30n_gg_",
-  "__SLinkAddon": "___SLinkAddon_1l30n_gg_",
-  "_size_s": "_size_s_1l30n_gg_",
-  "_size_m": "_size_m_1l30n_gg_",
-  "_size_l": "_size_l_1l30n_gg_",
-  "_size_xl": "_size_xl_1l30n_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_qt3iv_gg_",
+  "_active": "__active_qt3iv_gg_",
+  "__SText": "___SText_qt3iv_gg_",
+  "_color": "__color_qt3iv_gg_",
+  "--color": "--color_rbea4n",
+  "--color-hover": "--color-hover_rbea4n",
+  "_disabled": "__disabled_qt3iv_gg_",
+  "_keyboardFocused": "__keyboardFocused_qt3iv_gg_",
+  "__SAddon": "___SAddon_qt3iv_gg_",
+  "__SLinkAddon": "___SLinkAddon_qt3iv_gg_",
+  "_size_s": "_size_s_qt3iv_gg_",
+  "_size_m": "_size_m_qt3iv_gg_",
+  "_size_l": "_size_l_qt3iv_gg_",
+  "_size_xl": "_size_xl_qt3iv_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {

package/lib/es6/style/link-trigger.shadow.css CHANGED Viewed

@@ -99,3 +99,12 @@ SLinkTrigger[size='l'] {
 SLinkTrigger[size='xl'] {
   font-size: 16px;
 }
+@media (prefers-reduced-motion) {
+  SLinkTrigger {
+    transition: none;
+    & SText {
+      transition: none;
+    }
+  }
+}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "SEMRush BaseTrigger Component",
-  "version": "2.5.3",
+  "version": "2.6.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",

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

@@ -99,3 +99,12 @@ SLinkTrigger[size='l'] {
 SLinkTrigger[size='xl'] {
   font-size: 16px;
 }
+@media (prefers-reduced-motion) {
+  SLinkTrigger {
+    transition: none;
+    & SText {
+      transition: none;
+    }
+  }
+}