@featherds/back-button - npm Package Compare versions

Comparing version 0.2.9 to 0.2.10

dist/app.es.js

@@ -17,5 +17,2 @@ var __defProp = Object.defineProperty;
 };
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 import { FeatherRipple } from "@featherds/ripple";
@@ -25,4 +22,4 @@ import { FeatherIcon } from "@featherds/icon";
 import { getSafeId } from "@featherds/utils/id";
-import { pushScopeId, popScopeId, markRaw, resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, createVNode, Transition, withCtx, withDirectives, renderSlot, vShow } from "vue";
-var FeatherBackButton_vue_vue_type_style_index_0_scoped_true_lang = "button[data-v-4048dcf8] {\n  position: relative;\n  background-color: transparent;\n  border-radius: 36px;\n  border: 1px solid var(--feather-primary);\n  color: var(--feather-primary);\n  height: 36px;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\nbutton[data-v-4048dcf8]:focus {\n  outline: 0;\n}\nbutton[data-v-4048dcf8]:hover, button[data-v-4048dcf8]:focus, button.hover[data-v-4048dcf8] {\n  box-shadow: var(--feather-shadow-6);\n  background-color: var(--feather-elevation-background-6);\n}\nbutton .ripple[data-v-4048dcf8] {\n  background-color: var(--feather-state-color-on-surface);\n  opacity: var(--feather-state-opacity-pressed-on-surface);\n}\nbutton.selected[data-v-4048dcf8],\nbutton .selected[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton.hover[data-v-4048dcf8]:hover, button:hover .hover[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton.hover:hover.selected[data-v-4048dcf8], button:hover .hover.selected[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton:focus.focus[data-v-4048dcf8], button:focus .focus[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton:focus.focus.selected[data-v-4048dcf8], button:focus .focus.selected[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton:hover:focus .focus.hover[data-v-4048dcf8], button:hover:focus.focus.hover[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton:hover:focus .focus.hover.selected[data-v-4048dcf8], button:hover:focus.focus.hover.selected[data-v-4048dcf8] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\nbutton[data-v-4048dcf8]:hover:after, button.hover[data-v-4048dcf8]:after, button[data-v-4048dcf8]:focus:before {\n  border-radius: 36px;\n}\n.hide[data-v-4048dcf8] {\n  width: 0;\n}\n.text[data-v-4048dcf8] {\n  padding-right: 16px;\n  padding-left: 8px;\n  font-family: var(--feather-font-family);\n  font-size: 0.875rem;\n  line-height: 2.375rem;\n  font-weight: var(--feather-font-semibold);\n  letter-spacing: 0.08928571em;\n  color: var(--feather-primary-text-on-surface);\n  text-transform: uppercase;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: var(--feather-primary);\n  height: 34px;\n  line-height: 34px;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.circle[data-v-4048dcf8] {\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  margin-left: 8px;\n  margin-right: 8px;\n}\n.slide-enter-from[data-v-4048dcf8],\n.slide-leave-to[data-v-4048dcf8] {\n  width: 0 !important;\n  padding: 0;\n}\n.slide-enter-active[data-v-4048dcf8],\n.slide-leave-active[data-v-4048dcf8] {\n  transition: all 250ms linear;\n}";
+import { markRaw, resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, createVNode, Transition, withCtx, withDirectives, renderSlot, vShow } from "vue";
+var FeatherBackButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -109,3 +106,2 @@ for (const [key, val] of props) {
 };
-pushScopeId("data-v-4048dcf8");
 const _hoisted_1 = ["aria-labelledby"];
@@ -117,3 +113,2 @@ const _hoisted_2 = {
 const _hoisted_3 = ["id"];
-popScopeId();
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -120,0 +115,0 @@ const _component_FeatherIcon = resolveComponent("FeatherIcon");

package.json

 {
   "name": "@featherds/back-button",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "publishConfig": {
@@ -13,6 +13,6 @@ "access": "public"
   "dependencies": {
-    "@featherds/icon": "^0.2.9",
-    "@featherds/ripple": "^0.2.9",
-    "@featherds/styles": "^0.2.9",
-    "@featherds/utils": "^0.2.9",
+    "@featherds/icon": "^0.2.10",
+    "@featherds/ripple": "^0.2.10",
+    "@featherds/styles": "^0.2.10",
+    "@featherds/utils": "^0.2.10",
     "vue": "^3.1.0-0"
@@ -25,3 +25,3 @@ },
   "types": "./src/index.d.ts",
-  "gitHead": "28578b1da72bd2bf1f56dded784e513fa34333d8"
+  "gitHead": "945b2b349bd8bab6b37b573ae2bb7fb70e170f4d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

30203

decreased by-20.09%

Lines of code

329

decreased by-8.86%

Dependency changes

• Updated@featherds/icon@^0.2.10

• Updated@featherds/ripple@^0.2.10

• Updated@featherds/styles@^0.2.10

• Updated@featherds/utils@^0.2.10