Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@featherds/checkbox

Package Overview
Dependencies
Maintainers
2
Versions
73
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@featherds/checkbox - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

14

dist/app.es.js

@@ -29,2 +29,8 @@ var __defProp = Object.defineProperty;

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 _export_sfc = (sfc, props) => {
for (const [key, val] of props) {
sfc[key] = val;
}
return sfc;
};
const _sfc_main$1 = {

@@ -162,4 +168,3 @@ model: {

}
_sfc_main$1.render = _sfc_render$1;
_sfc_main$1.__scopeId = "data-v-cef6c95e";
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}";

@@ -236,4 +241,3 @@ const _sfc_main = {

}
_sfc_main.render = _sfc_render;
_sfc_main.__scopeId = "data-v-57f8b5c0";
export { _sfc_main$1 as FeatherCheckbox, _sfc_main as FeatherCheckboxGroup };
var FeatherCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-57f8b5c0"]]);
export { FeatherCheckbox, FeatherCheckboxGroup };

10

package.json
{
"name": "@featherds/checkbox",
"version": "0.2.4",
"version": "0.2.5",
"publishConfig": {

@@ -12,5 +12,5 @@ "access": "public"

"dependencies": {
"@featherds/input-helper": "^0.2.4",
"@featherds/ripple": "^0.2.4",
"@featherds/styles": "^0.2.4",
"@featherds/input-helper": "^0.2.5",
"@featherds/ripple": "^0.2.5",
"@featherds/styles": "^0.2.5",
"vue": "^3.1.0-0"

@@ -23,3 +23,3 @@ },

"types": "./src/index.d.ts",
"gitHead": "14a6e4fa352587dafe9f5e533d289439b8c3ca74"
"gitHead": "8178471231a961203ce2380b3435eda2e1e9eb39"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc