@featherds/list - npm Package Compare versions

Comparing version 0.10.13 to 0.10.14

dist/app.es.js

@@ -25,3 +25,3 @@ var __defProp = Object.defineProperty;
 import { SwitchRender } from "@featherds/switch";
-var FeatherListItem_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FeatherListItem_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "li[data-v-7a891af0] {\n  list-style: none;\n  white-space: nowrap;\n}\n.feather-list-item[data-v-7a891af0] {\n  list-style: none;\n  font-family: var(--feather-font-family);\n  font-size: var(--feather-body-small-font-size);\n  line-height: var(--feather-body-small-line-height);\n  letter-spacing: var(--feather-body-small-letter-spacing);\n  font-weight: var(--feather-body-small-font-weight);\n  text-transform: var(--feather-body-small-text-transform);\n  font-style: var(--feather-body-small-font-style);\n  color: var(--feather-primary-text-on-surface);\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: var(--feather-secondary-text-on-surface);\n  height: 2.5rem;\n  padding: 0 1rem;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.feather-list-item .ripple[data-v-7a891af0] {\n  background-color: var(--feather-state-color-on-surface);\n  opacity: var(--feather-state-opacity-pressed-on-surface);\n}\n.feather-list-item.selected[data-v-7a891af0],\n.feather-list-item .selected[data-v-7a891af0] {\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}\n.feather-list-item.hover[data-v-7a891af0]:hover, .feather-list-item:hover .hover[data-v-7a891af0] {\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}\n.feather-list-item.hover:hover.selected[data-v-7a891af0], .feather-list-item:hover .hover.selected[data-v-7a891af0] {\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}\n.feather-list-item:focus.focus[data-v-7a891af0], .feather-list-item:focus .focus[data-v-7a891af0] {\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}\n.feather-list-item:focus.focus.selected[data-v-7a891af0], .feather-list-item:focus .focus.selected[data-v-7a891af0] {\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}\n.feather-list-item:hover:focus .focus.hover[data-v-7a891af0], .feather-list-item:hover:focus.focus.hover[data-v-7a891af0] {\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}\n.feather-list-item:hover:focus .focus.hover.selected[data-v-7a891af0], .feather-list-item:hover:focus.focus.hover.selected[data-v-7a891af0] {\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}\n.feather-list-item.selected .feather-list-item-text[data-v-7a891af0] {\n  color: var(--feather-primary-text-on-surface);\n}\n.feather-list-item.disabled[data-v-7a891af0] {\n  cursor: default;\n  color: var(--feather-disabled-text-on-surface);\n}\n.feather-list-item.disabled.selected[data-v-7a891af0],\n.feather-list-item.disabled .selected[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled.hover[data-v-7a891af0]:hover, .feather-list-item.disabled:hover .hover[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled.hover:hover.selected[data-v-7a891af0], .feather-list-item.disabled:hover .hover.selected[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled:focus.focus[data-v-7a891af0], .feather-list-item.disabled:focus .focus[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled:focus.focus.selected[data-v-7a891af0], .feather-list-item.disabled:focus .focus.selected[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled:hover:focus .focus.hover[data-v-7a891af0], .feather-list-item.disabled:hover:focus.focus.hover[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled:hover:focus .focus.hover.selected[data-v-7a891af0], .feather-list-item.disabled:hover:focus.focus.hover.selected[data-v-7a891af0] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-list-item.disabled .feather-list-item-icon[data-v-7a891af0] {\n  color: var(--feather-disabled-text-on-surface);\n}\n.feather-list-item .feather-list-item-text[data-v-7a891af0] {\n  flex: 1;\n}\n.feather-list-item .feather-list-item-icon[data-v-7a891af0] {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 0.75rem;\n  font-size: 1.125rem;\n  color: var(--feather-secondary-text-on-surface);\n  width: 1em;\n}\n.feather-list-item .feather-list-item-post[data-v-7a891af0] {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nli.feather-list-item.highlighted[data-v-7a891af0] {\n  box-shadow: inset 3px 0 0px 0px var(--feather-primary);\n}\nli.feather-list-item.highlighted.disabled[data-v-7a891af0] {\n  outline: 0;\n  box-shadow: none;\n}\na.feather-list-item[data-v-7a891af0]:focus {\n  outline: 0;\n  box-shadow: inset 0 0 0 1px var(--feather-primary);\n}\na.feather-list-item[data-v-7a891af0]:hover, a.feather-list-item[data-v-7a891af0]:focus, a.feather-list-item[data-v-7a891af0]:active, a.feather-list-item[data-v-7a891af0]:visited {\n  text-decoration: none;\n  color: var(--feather-secondary-text-on-surface);\n}\na.feather-list-item.disabled[data-v-7a891af0] {\n  outline: 0;\n  box-shadow: none;\n}\na.feather-list-item.disabled[data-v-7a891af0]:hover, a.feather-list-item.disabled[data-v-7a891af0]:focus, a.feather-list-item.disabled[data-v-7a891af0]:active, a.feather-list-item.disabled[data-v-7a891af0]:visited {\n  text-decoration: none;\n  color: var(--feather-disabled-text-on-surface);\n}")();
 var _export_sfc = (sfc, props2) => {
@@ -96,3 +96,3 @@ const target = sfc.__vccOpts || sfc;
 var FeatherListItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7a891af0"]]);
-var FeatherListHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FeatherListHeader_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".feather-list-header[data-v-7eb61a2c] {\n  list-style: none;\n  font-family: var(--feather-header-font-family);\n  color: var(--feather-primary-text-on-surface);\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: var(--feather-subtitle2-font-size);\n  line-height: var(--feather-subtitle2-line-height);\n  letter-spacing: var(--feather-subtitle2-letter-spacing);\n  font-weight: var(--feather-subtitle2-font-weight);\n  text-transform: var(--feather-subtitle2-text-transform);\n  font-style: var(--feather-subtitle2-font-style);\n  color: var(--feather-primary-text-on-surface);\n  min-height: 2.5rem;\n  padding: 0 1rem;\n  margin-top: 0;\n  display: flex;\n  align-items: center;\n}")();
 const _sfc_main$3 = {};
@@ -106,3 +106,3 @@ const _hoisted_1$3 = { class: "feather-list-header" };
 var FeatherListHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-7eb61a2c"]]);
-var FeatherListSeparator_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FeatherListSeparator_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "li.feather-list-item[data-v-06c2b54e] {\n  padding: 0;\n}")();
 const _sfc_main$2 = defineComponent({
@@ -128,3 +128,3 @@ components: {
 var FeatherListSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-06c2b54e"]]);
-var FeatherList_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FeatherList_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".feather-list[data-v-941a1d50] {\n  margin: 0;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 0;\n  overflow-y: auto;\n  min-width: 100%;\n}")();
 const _sfc_main$1 = {};
@@ -131,0 +131,0 @@ const _hoisted_1$1 = { class: "feather-list" };

package.json

 {
   "name": "@featherds/list",
-  "version": "0.10.13",
+  "version": "0.10.14",
   "publishConfig": {
@@ -12,6 +12,6 @@ "access": "public"
   "dependencies": {
-    "@featherds/ripple": "^0.10.13",
-    "@featherds/styles": "^0.10.13",
-    "@featherds/switch": "^0.10.13",
-    "@featherds/utils": "^0.10.13",
+    "@featherds/ripple": "^0.10.14",
+    "@featherds/styles": "^0.10.14",
+    "@featherds/switch": "^0.10.14",
+    "@featherds/utils": "^0.10.14",
     "vue": "^3.1.0-0"
@@ -24,3 +24,3 @@ },
   "types": "./src/index.d.ts",
-  "gitHead": "14a5ca42d3cc533984b4d3eca42462f1c26aaaa1"
+  "gitHead": "b85d6ce9dee5d75ce5f6b58b73c34d2c8439b8dd"
 }

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

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

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

Improved metrics

Total package byte prevSize

48551

increased by28.87%

Lines of code

450

increased by9.49%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• Updated@featherds/ripple@^0.10.14

• Updated@featherds/styles@^0.10.14

• Updated@featherds/switch@^0.10.14

• Updated@featherds/utils@^0.10.14