@featherds/input-helper - npm Package Compare versions

Comparing version 0.2.9 to 0.2.10

dist/app.es.js

 import { FeatherIcon } from "@featherds/icon";
-import { pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createVNode, createBlock, withModifiers, markRaw, inject, normalizeClass, createElementVNode, toDisplayString, withDirectives, normalizeStyle, vShow, renderSlot, createCommentVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createVNode, createBlock, withModifiers, markRaw, inject, normalizeClass, createElementVNode, toDisplayString, withDirectives, normalizeStyle, vShow, renderSlot, createCommentVNode } from "vue";
 import Cancel from "@featherds/icon/navigation/Cancel";
 import Error from "@featherds/icon/notifications/ErrorOutline";
-var ActionIcon_vue_vue_type_style_index_0_scoped_true_lang = ".action-icon[data-v-12cb8e54] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--feather-secondary-text-on-surface);\n  font-size: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n.action-icon[data-v-12cb8e54]:visited, .action-icon[data-v-12cb8e54]:active {\n  color: var(--feather-secondary-text-on-surface);\n}\n.action-icon[data-v-12cb8e54]:hover {\n  color: var(--feather-primary-text-on-surface);\n}";
+var ActionIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -27,5 +27,3 @@ for (const [key, val] of props) {
 };
-pushScopeId("data-v-12cb8e54");
 const _hoisted_1$2 = ["title"];
-popScopeId();
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
@@ -69,3 +67,3 @@ const _component_FeatherIcon = resolveComponent("FeatherIcon");
 var ClearIcon = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-var ErrorIcon_vue_vue_type_style_index_0_scoped_true_lang = ".error-icon[data-v-4f84c6fe] {\n  color: var(--feather-error);\n  font-size: 20px;\n}";
+var ErrorIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$2 = {
@@ -89,3 +87,3 @@ computed: {
 var ErrorIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-4f84c6fe"]]);
-var InputWrapper_vue_vue_type_style_index_0_scoped_true_lang = '.feather-input-wrapper-container[data-v-47a74f22] {\n  margin-top: 12px;\n  position: relative;\n  width: 100%;\n}\n.feather-input-wrapper-container.background .feather-input-label[data-v-47a74f22] {\n  background-color: var(--feather-background);\n}\n.feather-input-wrapper-container fieldset.feather-input-border[data-v-47a74f22] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 1px solid var(--feather-secondary-text-on-surface);\n  border-radius: 4px;\n  margin: 0;\n  padding: 0;\n}\n.feather-input-wrapper-container fieldset.feather-input-border legend[data-v-47a74f22] {\n  display: none;\n}\n.feather-input-wrapper-container[data-v-47a74f22]:hover {\n  cursor: text;\n}\n.feather-input-wrapper-container:hover .feather-input-border[data-v-47a74f22] {\n  border-color: var(--feather-primary-text-on-surface);\n}\n.feather-input-wrapper-container:hover .feather-input-border[data-v-47a74f22]:after {\n  content: "";\n  width: 3px;\n  background-color: var(--feather-primary);\n  top: 8px;\n  bottom: 8px;\n  left: 0px;\n  position: absolute;\n  transition: all 280ms ease-in-out;\n  transition-property: opacity, transform;\n  transform: translateX(0);\n  opacity: 1;\n  transform-origin: center;\n}\n.feather-input-wrapper-container:hover .feather-input-label[data-v-47a74f22] {\n  color: var(--feather-primary);\n}\n.feather-input-wrapper-container.focused:not(.disabled) .feather-input-border[data-v-47a74f22] {\n  border-color: var(--feather-primary);\n  border-width: 2px;\n}\n.feather-input-wrapper-container.focused:not(.disabled) .feather-input-border[data-v-47a74f22]:after {\n  transform: translateX(8px) scaleX(0.25);\n  opacity: 0;\n}\n.feather-input-wrapper-container.focused:not(.disabled) .feather-input-label[data-v-47a74f22] {\n  color: var(--feather-primary);\n  top: -10px;\n  transform: scale(0.75);\n  padding: 0 5.3333333333px;\n  left: 8px;\n}\n.feather-input-wrapper-container.error:hover .feather-input-border[data-v-47a74f22]:after {\n  background-color: var(--feather-error);\n}\n.feather-input-wrapper-container.error.focused .feather-input-border[data-v-47a74f22] {\n  border-color: var(--feather-error);\n}\n.feather-input-wrapper-container.error.focused .feather-input-label[data-v-47a74f22] {\n  color: var(--feather-error);\n}\n.feather-input-wrapper-container.error .feather-input-label[data-v-47a74f22] {\n  color: var(--feather-error);\n}\n.feather-input-wrapper-container.disabled .feather-input-border[data-v-47a74f22] {\n  border-color: var(--feather-border-on-surface);\n  cursor: default !important;\n}\n.feather-input-wrapper-container.disabled:hover .feather-input-border[data-v-47a74f22] {\n  cursor: default !important;\n}\n.feather-input-wrapper-container.disabled:hover .feather-input-border[data-v-47a74f22]:after {\n  display: none;\n}\n.feather-input-wrapper-container.disabled .feather-input-label[data-v-47a74f22] {\n  color: var(--feather-disabled-text-on-surface);\n  cursor: default;\n}\n.feather-input-wrapper-container.disabled.focused .feather-input-wrapper[data-v-47a74f22] {\n  border-color: var(--feather-border-on-surface);\n}\n.feather-input-wrapper-container.disabled .feather-input-label[data-v-47a74f22] {\n  color: var(--feather-disabled-text-on-surface);\n  cursor: default;\n  pointer-events: none;\n}\n.feather-input-wrapper-container.disabled .prefix[data-v-47a74f22] {\n  color: var(--feather-disabled-text-on-surface);\n}\n.feather-input-wrapper-container.disabled[data-v-47a74f22] .hide-when-disabled {\n  display: none;\n}\n.feather-input-wrapper-container.raised .feather-input-label[data-v-47a74f22] {\n  top: -10px;\n  transform: scale(0.75);\n  padding: 0 5.3333333333px;\n  left: 8px;\n}\n.feather-input-wrapper-container.inline[data-v-47a74f22] {\n  margin-top: 0;\n}\n.feather-input-wrapper-container.inline.raised .feather-input-label[data-v-47a74f22] {\n  display: none;\n}\n.prefix[data-v-47a74f22],\n.post[data-v-47a74f22] {\n  flex: none;\n  display: flex;\n  align-items: center;\n  color: var(--feather-secondary-text-on-surface);\n}\n.prefix[data-v-47a74f22] svg,\n.post[data-v-47a74f22] svg {\n  width: 20px;\n  height: 20px;\n}\n.post[data-v-47a74f22] > * {\n  margin-right: 4px;\n}\n.post[data-v-47a74f22] > *:last-child {\n  margin-right: 0px;\n}\n.feather-input-wrapper[data-v-47a74f22] {\n  min-height: 40px;\n  overflow-y: auto;\n  padding: 0 12px;\n  position: relative;\n  flex: 1;\n  display: -ms-flex;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding-left: 16px;\n}\n.feather-input-wrapper[data-v-47a74f22]:after {\n  content: "";\n  min-height: inherit;\n  font-size: 0;\n}\n.feather-input-wrapper.has-prefix[data-v-47a74f22] {\n  padding-left: 12px;\n}\n.feather-input-wrapper.has-prefix .prefix[data-v-47a74f22] {\n  margin-right: 8px;\n}\n.feather-input-label[data-v-47a74f22] {\n  font-family: var(--feather-font-family);\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  letter-spacing: 0.01786em;\n  font-weight: var(--feather-font-normal);\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  background-color: var(--feather-surface);\n  line-height: 1.2rem;\n  cursor: text;\n  position: absolute;\n  top: 11px;\n  transition: all 280ms ease-in-out;\n  transition-property: top, left, transform, padding;\n  transform-origin: center left;\n  z-index: 1;\n}';
+var InputWrapper_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1 = {
@@ -201,3 +199,2 @@ emits: ["clear", "wrapper-click"],
 };
-pushScopeId("data-v-47a74f22");
 const _hoisted_1$1 = {
@@ -210,3 +207,2 @@ "aria-hidden": "true",
 const _hoisted_4 = { class: "post" };
-popScopeId();
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -286,3 +282,3 @@ const _component_ClearIcon = resolveComponent("ClearIcon");
 };
-var InputSubText_vue_vue_type_style_index_0_scoped_true_lang = ".feather-input-sub-text[data-v-764b8d6b] {\n  display: flex;\n  padding: 4px 12px 4px 16px;\n}\n.feather-input-hint[data-v-764b8d6b] {\n  font-size: 0.75rem;\n  line-height: 1.375rem;\n  letter-spacing: normal;\n  font-style: italic;\n  font-weight: var(--feather-font-semibold);\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}\n.feather-input-error[data-v-764b8d6b] {\n  font-size: 0.75rem;\n  line-height: 1.375rem;\n  letter-spacing: normal;\n  font-style: italic;\n  font-weight: var(--feather-font-semibold);\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-error);\n}\n.feather-input-hint[data-v-764b8d6b],\n.feather-input-error[data-v-764b8d6b] {\n  flex: 1;\n}";
+var InputSubText_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = {
@@ -306,3 +302,2 @@ computed: {
 };
-pushScopeId("data-v-764b8d6b");
 const _hoisted_1 = ["id"];
@@ -320,3 +315,2 @@ const _hoisted_2 = {
 };
-popScopeId();
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -323,0 +317,0 @@ return withDirectives((openBlock(), createElementBlock("div", {

package.json

 {
   "name": "@featherds/input-helper",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "publishConfig": {
@@ -12,3 +12,3 @@ "access": "public"
   "dependencies": {
-    "@featherds/styles": "^0.2.9",
+    "@featherds/styles": "^0.2.10",
     "vue": "^3.1.0-0"
@@ -21,3 +21,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

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-50%

Worsened metrics

Total package byte prevSize

54830

decreased by-10.79%

Lines of code

827

decreased by-3.05%

Dependency changes

• Updated@featherds/styles@^0.2.10