@featherds/checkbox - npm Package Compare versions

Comparing version 0.2.9 to 0.2.10

dist/app.es.js

@@ -20,11 +20,8 @@ var __defProp = Object.defineProperty;
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 import { getSafeId } from "@featherds/utils/id";
 import { KEYCODES } from "@featherds/utils/keys";
 import { FeatherRipple } from "@featherds/ripple";
-import { pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, renderSlot, toRef, computed, mergeProps, toDisplayString, createVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRef, computed, mergeProps, toDisplayString, createVNode } from "vue";
 import { InputInheritAttrsMixin, InputSubTextMixin, InputSubText } from "@featherds/input-helper";
-var FeatherCheckbox_vue_vue_type_style_index_0_scoped_true_lang = ".feather-checkbox .ripple[data-v-cef6c95e] {\n  background-color: var(--feather-state-color-on-surface);\n  opacity: var(--feather-state-opacity-pressed-on-surface);\n}\n.feather-checkbox.selected[data-v-cef6c95e],\n.feather-checkbox .selected[data-v-cef6c95e] {\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-checkbox.hover[data-v-cef6c95e]:hover, .feather-checkbox:hover .hover[data-v-cef6c95e] {\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-checkbox.hover:hover.selected[data-v-cef6c95e], .feather-checkbox:hover .hover.selected[data-v-cef6c95e] {\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-checkbox:focus.focus[data-v-cef6c95e], .feather-checkbox:focus .focus[data-v-cef6c95e] {\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-checkbox:focus.focus.selected[data-v-cef6c95e], .feather-checkbox:focus .focus.selected[data-v-cef6c95e] {\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-checkbox:hover:focus .focus.hover[data-v-cef6c95e], .feather-checkbox:hover:focus.focus.hover[data-v-cef6c95e] {\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-checkbox:hover:focus .focus.hover.selected[data-v-cef6c95e], .feather-checkbox:hover:focus.focus.hover.selected[data-v-cef6c95e] {\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.layout-container[data-v-cef6c95e] {\n  display: inline-block;\n  margin-bottom: 8px;\n}\n.feather-checkbox[data-v-cef6c95e] {\n  display: inline-flex;\n  margin-left: -8px;\n  cursor: pointer;\n  align-items: center;\n}\n.feather-checkbox .checkbox[data-v-cef6c95e] {\n  height: 36px;\n  width: 36px;\n  border-radius: 100%;\n  position: relative;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n}\n.feather-checkbox .box[data-v-cef6c95e] {\n  height: 18px;\n  width: 18px;\n  border: 2px solid var(--feather-secondary-text-on-surface);\n  background-color: transparent;\n  border-radius: 2px;\n  pointer-events: none;\n  display: inline-flex;\n  justify-content: center;\n  align-content: center;\n  position: relative;\n  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.feather-checkbox .checkmark[data-v-cef6c95e] {\n  opacity: 0;\n  color: var(--feather-surface);\n  flex: 1;\n  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.feather-checkbox .checkmark .path[data-v-cef6c95e] {\n  transition: stroke-dashoffset 280ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n  stroke: currentColor;\n  stroke-width: 3.12px;\n  stroke-dashoffset: 30;\n  stroke-dasharray: 30;\n}\n.feather-checkbox .indeterminate[data-v-cef6c95e] {\n  position: absolute;\n  left: 0px;\n  border-width: 1px;\n  border-style: solid;\n  border-bottom-color: var(--feather-surface);\n  border-top-color: var(--feather-surface);\n  height: 0;\n  width: 100%;\n  margin-top: 6px;\n  opacity: 0;\n  transform: rotateZ(135deg);\n  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.feather-checkbox label[data-v-cef6c95e] {\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-primary-text-on-surface);\n  padding-left: 4px;\n  padding-right: 16px;\n  min-width: 56px;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n.feather-checkbox:hover[aria-checked=true] .box[data-v-cef6c95e] {\n  border-color: var(--feather-primary);\n  background-color: var(--feather-primary);\n}\n.feather-checkbox[aria-checked=true] .box[data-v-cef6c95e] {\n  border-color: var(--feather-primary);\n  background-color: var(--feather-primary);\n}\n.feather-checkbox[aria-checked=true] .box .checkmark[data-v-cef6c95e] {\n  opacity: 1;\n}\n.feather-checkbox[aria-checked=true] .box .path[data-v-cef6c95e] {\n  stroke-dashoffset: 0;\n}\n.feather-checkbox[aria-checked=mixed] .box[data-v-cef6c95e] {\n  border-color: var(--feather-primary);\n  background-color: var(--feather-primary);\n}\n.feather-checkbox[aria-checked=mixed] .box .checkmark[data-v-cef6c95e] {\n  opacity: 0;\n}\n.feather-checkbox[aria-checked=mixed] .box .indeterminate[data-v-cef6c95e] {\n  opacity: 1;\n  transform: rotateZ(0deg);\n}\n.feather-checkbox[aria-disabled=true][data-v-cef6c95e] {\n  cursor: default;\n}\n.feather-checkbox[aria-disabled=true].selected[data-v-cef6c95e],\n.feather-checkbox[aria-disabled=true] .selected[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true].hover[data-v-cef6c95e]:hover, .feather-checkbox[aria-disabled=true]:hover .hover[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true].hover:hover.selected[data-v-cef6c95e], .feather-checkbox[aria-disabled=true]:hover .hover.selected[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true]:focus.focus[data-v-cef6c95e], .feather-checkbox[aria-disabled=true]:focus .focus[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true]:focus.focus.selected[data-v-cef6c95e], .feather-checkbox[aria-disabled=true]:focus .focus.selected[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true]:hover:focus .focus.hover[data-v-cef6c95e], .feather-checkbox[aria-disabled=true]:hover:focus.focus.hover[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true]:hover:focus .focus.hover.selected[data-v-cef6c95e], .feather-checkbox[aria-disabled=true]:hover:focus.focus.hover.selected[data-v-cef6c95e] {\n  background: rgba(0, 0, 0, 0);\n}\n.feather-checkbox[aria-disabled=true] .box[data-v-cef6c95e] {\n  border-color: var(--feather-disabled-text-on-surface);\n}\n.feather-checkbox[aria-disabled=true] .checkbox[data-v-cef6c95e] {\n  background: transparent;\n}\n.feather-checkbox[aria-disabled=true][aria-checked=true] .box[data-v-cef6c95e] {\n  border-color: transparent;\n  background-color: var(--feather-disabled-text-on-surface);\n}\n.feather-checkbox[aria-disabled=true] label[data-v-cef6c95e] {\n  color: var(--feather-disabled-text-on-surface);\n  cursor: default;\n}";
+var FeatherCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -112,7 +109,7 @@ for (const [key, val] of props) {
 };
-pushScopeId("data-v-cef6c95e");
+const _withScopeId = (n) => (pushScopeId("data-v-cef6c95e"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "layout-container" };
 const _hoisted_2$1 = ["aria-checked", "aria-disabled", "aria-labelledby", "aria-label", "id", "tabindex"];
 const _hoisted_3 = { class: "checkbox hover focus" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "box" }, [
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "box" }, [
   /* @__PURE__ */ createElementVNode("svg", {
@@ -131,5 +128,4 @@ class: "checkmark",
   /* @__PURE__ */ createElementVNode("div", { class: "indeterminate" })
-], -1);
+], -1));
 const _hoisted_5 = ["id", "for"];
-popScopeId();
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -171,3 +167,3 @@ const _component_feather_ripple = resolveComponent("feather-ripple");
 var FeatherCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-cef6c95e"]]);
-var FeatherCheckboxGroup_vue_vue_type_style_index_0_scoped_true_lang = ".group-label[data-v-57f8b5c0] {\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: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: var(--feather-font-bold);\n  letter-spacing: 0.00714286em;\n  display: block;\n  color: var(--feather-primary-text-on-surface);\n  min-width: 24px;\n}\n.feather-checkbox-group-container[data-v-57f8b5c0] {\n  padding-top: 12px;\n  padding-bottom: 12px;\n  line-height: 0;\n}\n.feather-checkbox-group-container[data-v-57f8b5c0] .layout-container {\n  margin-right: 48px;\n}\n.feather-checkbox-group-container[data-v-57f8b5c0] .layout-container:last-of-type {\n  margin-right: 0;\n}\n.feather-checkbox-group-container.vertical[data-v-57f8b5c0] .layout-container {\n  display: block;\n  margin-bottom: 16px;\n  margin-right: 0;\n}\n.feather-checkbox-group-container label[data-v-57f8b5c0] {\n  margin-bottom: 16px;\n}\n.feather-checkbox-group-container .feather-input-sub-text[data-v-57f8b5c0] {\n  padding: 16px 0 0 0;\n}";
+var FeatherCheckboxGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = {
@@ -217,6 +213,4 @@ mixins: [InputInheritAttrsMixin, InputSubTextMixin],
 };
-pushScopeId("data-v-57f8b5c0");
 const _hoisted_1 = ["aria-labelledby", "id"];
 const _hoisted_2 = ["for", "id"];
-popScopeId();
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -223,0 +217,0 @@ const _component_InputSubText = resolveComponent("InputSubText");

package.json

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

2

decreased by-60%

Worsened metrics

Total package byte prevSize

55520

decreased by-17.64%

Lines of code

785

decreased by-5.65%

Dependency changes

• Updated@featherds/input-helper@^0.2.10

• Updated@featherds/ripple@^0.2.10

• Updated@featherds/styles@^0.2.10