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

@opentiny/vue-checkbox-button

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-checkbox-button - npm Package Compare versions

Comparing version 3.1.0-alpha.0 to 3.5.0-alpha.0

index.d.ts

33

lib/index.js
import { $prefix, $props, $setup } from '@opentiny/vue-common';
import PCTemplate from './pc';
import '@opentiny/vue-theme/checkbox-button/index.css';

@@ -94,2 +93,32 @@ function ownKeys(object, enumerableOnly) {

function styleInject(css, ref) {
if ( ref === void 0 ) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') { return; }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z = ".tiny-checkbox-button{--ti-checkbox-text-color:var(--ti-base-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-bg-color:var(--ti-base-color-brand-2);--ti-checkbox-bg-color:var(--ti-base-color-white);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-hover-text-color:var(--ti-base-color-common-7);--ti-checkbox-button-checked-border-color:var(--ti-base-color-brand-6);--ti-checkbox-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-checkbox-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-text-color:var(--ti-base-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-base-color-info-normal);--ti-checkbox-inner-border-color:var(--ti-base-color-light);--ti-checkbox-bg-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-border-color-hover:var(--ti-base-color-brand-6);--ti-checkbox-icon-height:8px;--ti-checkbox-icon-width:4px;--ti-checkbox-icon-left:4.5px;--ti-checkbox-icon-top:0;--ti-checkbox-bg-color-disable:var(--ti-base-color-bg-5);--ti-checkbox-border-color-unchecked-disabled:var(--ti-base-color-common-1);--ti-checkbox-label-text-color-disabled:var(--ti-base-color-common-2);--ti-checkbox-bg-color-hover:var(--ti-base-color-brand-3);position:relative;display:inline-block}.tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-common-border-radius-normal) 0 0 var(--ti-common-border-radius-normal)}.tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0}.tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-checked-text-color);border-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color)}.tiny-checkbox-button.is-checked:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--ti-checkbox-button-disabled-bg-color);border-color:var(--ti-checkbox-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-border-color)}.tiny-checkbox-button__inner{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;font-weight:500;cursor:pointer;background:var(--ti-checkbox-button-bg-color);border-left:0;border:1px solid #e9edfa;color:var(--ti-checkbox-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 2px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:var(--ti-common-font-size-2);min-width:80px;border-radius:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox-button__inner.is-round{padding:12px 20px}.tiny-checkbox-button__inner:hover{background:var(--ti-checkbox-bg-color-hover);color:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.tiny-checkbox-button--medium .tiny-checkbox-button__inner{padding:10px 20px;font-size:var(--ti-common-font-size-1);border-radius:0}.tiny-checkbox-button--medium .tiny-checkbox-button__inner.is-round{padding:10px 20px}.tiny-checkbox-button--small .tiny-checkbox-button__inner{padding:8px 15px;font-size:var(--ti-common-font-size-base);border-radius:0}.tiny-checkbox-button--small .tiny-checkbox-button__inner.is-round{padding:8px 15px}.tiny-checkbox-button--mini .tiny-checkbox-button__inner{padding:5px 15px;font-size:var(--ti-common-font-size-base);border-radius:0}.tiny-checkbox-button--mini .tiny-checkbox-button__inner.is-round{padding:5px 15px}";
styleInject(css_248z);
CheckboxButton.model = {

@@ -102,4 +131,4 @@ prop: 'modelValue',

};
CheckboxButton.version = '3.1.0-alpha.0';
CheckboxButton.version = '3.5.0-alpha.0';
export { CheckboxButton as default };

2

lib/pc.js

@@ -32,3 +32,3 @@ import { renderless, api } from '@opentiny/vue-renderless/checkbox-button/vue';

var script = {
inheritAttrs: false,
emits: ['change', 'update:modelValue'],
props: [].concat(_toConsumableArray(props), ['modelValue', 'label', 'text', 'events', 'disabled', 'checked', 'name', 'trueLabel', 'falseLabel']),

@@ -35,0 +35,0 @@ setup: function setup$1(props, context) {

{
"name": "@opentiny/vue-checkbox-button",
"version": "3.1.0-alpha.0",
"version": "3.5.0-alpha.0",
"description": "",

@@ -12,10 +12,11 @@ "main": "lib/index.js",

"dependencies": {
"@opentiny/vue-common": "~3.1.0-alpha.0",
"@opentiny/vue-renderless": "~3.1.0-alpha.0",
"@opentiny/vue-icon": "~3.1.0-alpha.0",
"@opentiny/vue-theme": "~3.1.0-alpha.0",
"@opentiny/vue-theme-mobile": "~3.1.0-alpha.0"
"@opentiny/vue-common": "~3.5.0-alpha.0",
"@opentiny/vue-renderless": "~3.5.0",
"@opentiny/vue-icon": "~3.5.0-alpha.0",
"@opentiny/vue-theme": "~3.5.0",
"@opentiny/vue-theme-mobile": "~3.5.0"
},
"license": "MIT",
"types": "index.d.ts",
"sideEffects": false
}
SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc