@gospore/checkbox 1.0.44 → 1.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/checkbox.css CHANGED
@@ -1 +1 @@
1
- :root{--checkbox-background-default-default-light: var( --color-background-input-light );--checkbox-background-default-default-dark: var( --color-background-input-dark );--checkbox-background-default-hover-light: var( --color-background-input-hovered-light );--checkbox-background-default-hover-dark: var( --color-background-input-hovered-dark );--checkbox-background-default-active-light: var( --color-background-brand-100-light );--checkbox-background-default-active-dark: var( --color-background-brand-100-dark );--checkbox-background-default-disabled-light: var( --color-background-disabled-light );--checkbox-background-default-disabled-dark: var( --color-background-disabled-dark );--checkbox-background-checked-default-light: var( --color-background-brand-200-light );--checkbox-background-checked-default-dark: var( --color-background-brand-200-dark );--checkbox-background-checked-hover-light: var( --color-background-brand-200-hovered-light );--checkbox-background-checked-hover-dark: var( --color-background-brand-200-hovered-dark );--checkbox-background-checked-active-light: var( --color-background-brand-200-pressed-light );--checkbox-background-checked-active-dark: var( --color-background-brand-200-pressed-dark );--checkbox-background-checked-disabled-light: var( --color-background-disabled-light );--checkbox-background-checked-disabled-dark: var( --color-background-disabled-dark );--checkbox-color-default-default-light: transparent;--checkbox-color-default-default-dark: transparent;--checkbox-color-default-hover-light: transparent;--checkbox-color-default-hover-dark: transparent;--checkbox-color-default-active-light: var(--color-text-brand-light);--checkbox-color-default-active-dark: var(--color-text-brand-dark);--checkbox-color-default-disabled-light: var(--color-text-disabled-light);--checkbox-color-default-disabled-dark: var(--color-text-disabled-dark);--checkbox-color-checked-default-light: var(--color-text-inverse-light);--checkbox-color-checked-default-dark: var(--color-text-inverse-dark);--checkbox-color-checked-hover-light: var(--color-text-inverse-light);--checkbox-color-checked-hover-dark: var(--color-text-inverse-dark);--checkbox-color-checked-active-light: var( --color-background-brand-100-light );--checkbox-color-checked-active-dark: var( --color-background-brand-100-dark );--checkbox-color-checked-disabled-light: var(--color-text-disabled-light);--checkbox-color-checked-disabled-dark: var(--color-text-disabled-dark);--checkbox-border-color-default-default-light: var( --color-border-input-light );--checkbox-border-color-default-default-dark: var( --color-border-input-dark );--checkbox-border-color-default-hover-light: var( --color-border-input-light );--checkbox-border-color-default-hover-dark: var(--color-border-input-dark);--checkbox-border-color-default-active-light: var( --color-background-brand-100-pressed-light );--checkbox-border-color-default-active-dark: var( --color-background-brand-100-pressed-dark );--checkbox-border-color-default-disabled-light: var( --color-border-input-disabled-light );--checkbox-border-color-default-disabled-dark: var( --color-border-input-disabled-dark );--checkbox-border-color-checked-default-light: var( --color-background-brand-200-light );--checkbox-border-color-checked-default-dark: var( --color-background-brand-200-dark );--checkbox-border-color-checked-hover-light: var( --color-background-brand-200-hovered-light );--checkbox-border-color-checked-hover-dark: var( --color-background-brand-200-hovered-dark );--checkbox-border-color-checked-active-light: var( --color-background-brand-200-light );--checkbox-border-color-checked-active-dark: var( --color-background-brand-200-dark );--checkbox-border-color-checked-disabled-light: var( --color-border-input-disabled-light );--checkbox-border-color-checked-disabled-dark: var( --color-border-input-disabled-dark );--checkbox-height: 14px;--checkbox-width: 14px;--checkbox-padding: 2px var(--size-0);--checkbox-line-height: var(--size-24);--checkbox-label-padding: var(--size-0) var(--size-4);--checkbox-border-radius: var(--border-radius-regular);--checkbox-border-width: var(--border-width);--checkbox-transition: all var(--transition-100ms-ease-in-out);--checkbox-focus-outline-color-light: var(--color-border-focused-light);--checkbox-focus-outline-color-dark: var(--color-border-focused-dark)}.checkbox[data-v-fdf7b37c]{position:relative;display:flex;padding:var(--checkbox-padding)}.checkbox .checkbox-input-container[data-v-fdf7b37c]{padding:5px}.checkbox .checkbox-input[data-v-fdf7b37c]{display:flex;align-items:center;justify-content:center;height:var(--checkbox-height);width:var(--checkbox-width);box-sizing:border-box;border-radius:var(--checkbox-border-radius);border:var(--checkbox-border-width) solid;background-color:var(--checkbox-background-default-default-light);color:var(--checkbox-color-default-default-light);border-color:var(--checkbox-border-color-default-default-light);transition:var(--checkbox-transition)}.checkbox:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-hover-light);color:var(--checkbox-color-default-hover-light);border-color:var(--checkbox-border-color-default-hover-light)}.checkbox:active .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-active-light);color:var(--checkbox-color-default-active-light);border-color:var(--checkbox-border-color-default-active-light)}.checkbox .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-default-light);color:var(--checkbox-color-checked-default-light);border-color:var(--checkbox-border-color-checked-default-light)}.checkbox:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-hover-light);color:var(--checkbox-color-checked-hover-light);border-color:var(--checkbox-border-color-checked-hover-light)}.checkbox:active .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-active-light);color:var(--checkbox-color-checked-active-light);border-color:var(--checkbox-border-color-checked-active-light)}.checkbox-disabled[data-v-fdf7b37c]{color:var(--checkbox-color-checked-disabled-light);cursor:not-allowed}.checkbox-disabled .checkbox-input[data-v-fdf7b37c],.checkbox-disabled:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-disabled-light);color:var(--checkbox-color-default-disabled-light);border-color:var(--checkbox-border-color-default-disabled-light)}.checkbox-disabled .checkbox-checked[data-v-fdf7b37c],.checkbox-disabled:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-disabled-light);color:var(--checkbox-color-checked-disabled-light);border-color:var(--checkbox-border-color-checked-disabled-light)}.checkbox-input-icon[data-v-fdf7b37c]{height:100%;width:100%;box-sizing:border-box;padding:1px}.checkbox-label[data-v-fdf7b37c]{padding:var(--checkbox-label-padding);line-height:var(--checkbox-line-height)}input[data-v-fdf7b37c]{margin:0;opacity:0;position:absolute;pointer-events:none}[data-whatinput=keyboard] .checkbox-focused[data-v-fdf7b37c]{border-color:var(--checkbox-focus-outline-color-light)!important}[dark-mode=true] .checkbox .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-default-dark);color:var(--checkbox-color-default-default-dark);border-color:var(--checkbox-border-color-default-default-dark)}[dark-mode=true] .checkbox:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-hover-dark);color:var(--checkbox-color-default-hover-dark);border-color:var(--checkbox-border-color-default-hover-dark)}[dark-mode=true] .checkbox:active .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-active-dark);color:var(--checkbox-color-default-active-dark);border-color:var(--checkbox-border-color-default-active-dark)}[dark-mode=true] .checkbox .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-default-dark);color:var(--checkbox-color-checked-default-dark);border-color:var(--checkbox-border-color-checked-default-dark)}[dark-mode=true] .checkbox:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-hover-dark);color:var(--checkbox-color-checked-hover-dark);border-color:var(--checkbox-border-color-checked-hover-dark)}[dark-mode=true] .checkbox:active .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-active-dark);color:var(--checkbox-color-checked-active-dark);border-color:var(--checkbox-border-color-checked-active-dark)}[dark-mode=true] .checkbox-disabled[data-v-fdf7b37c]{color:var(--checkbox-color-checked-disabled-dark)}[dark-mode=true] .checkbox-disabled .checkbox-input[data-v-fdf7b37c],[dark-mode=true] .checkbox-disabled:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-disabled-dark);color:var(--checkbox-color-default-disabled-dark);border-color:var(--checkbox-border-color-default-disabled-dark)}[dark-mode=true] .checkbox-disabled .checkbox-checked[data-v-fdf7b37c],[dark-mode=true] .checkbox-disabled:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-disabled-dark);color:var(--checkbox-color-checked-disabled-dark);border-color:var(--checkbox-border-color-checked-disabled-dark)}[dark-mode=true] [data-whatinput=keyboard] .checkbox-focused[data-v-fdf7b37c]{border-color:var(--checkbox-focus-outline-color-dark)!important}
1
+ .theme{--checkbox-background-default-default-light: var( --color-background-input-light );--checkbox-background-default-default-dark: var( --color-background-input-dark );--checkbox-background-default-hover-light: var( --color-background-input-hovered-light );--checkbox-background-default-hover-dark: var( --color-background-input-hovered-dark );--checkbox-background-default-active-light: var( --color-background-brand-100-light );--checkbox-background-default-active-dark: var( --color-background-brand-100-dark );--checkbox-background-default-disabled-light: var( --color-background-disabled-light );--checkbox-background-default-disabled-dark: var( --color-background-disabled-dark );--checkbox-background-checked-default-light: var( --color-background-brand-200-light );--checkbox-background-checked-default-dark: var( --color-background-brand-200-dark );--checkbox-background-checked-hover-light: var( --color-background-brand-200-hovered-light );--checkbox-background-checked-hover-dark: var( --color-background-brand-200-hovered-dark );--checkbox-background-checked-active-light: var( --color-background-brand-200-pressed-light );--checkbox-background-checked-active-dark: var( --color-background-brand-200-pressed-dark );--checkbox-background-checked-disabled-light: var( --color-background-disabled-light );--checkbox-background-checked-disabled-dark: var( --color-background-disabled-dark );--checkbox-color-default-default-light: transparent;--checkbox-color-default-default-dark: transparent;--checkbox-color-default-hover-light: transparent;--checkbox-color-default-hover-dark: transparent;--checkbox-color-default-active-light: var(--color-text-brand-light);--checkbox-color-default-active-dark: var(--color-text-brand-dark);--checkbox-color-default-disabled-light: var(--color-text-disabled-light);--checkbox-color-default-disabled-dark: var(--color-text-disabled-dark);--checkbox-color-checked-default-light: var(--color-text-inverse-light);--checkbox-color-checked-default-dark: var(--color-text-inverse-dark);--checkbox-color-checked-hover-light: var(--color-text-inverse-light);--checkbox-color-checked-hover-dark: var(--color-text-inverse-dark);--checkbox-color-checked-active-light: var( --color-background-brand-100-light );--checkbox-color-checked-active-dark: var( --color-background-brand-100-dark );--checkbox-color-checked-disabled-light: var(--color-text-disabled-light);--checkbox-color-checked-disabled-dark: var(--color-text-disabled-dark);--checkbox-border-color-default-default-light: var( --color-border-input-light );--checkbox-border-color-default-default-dark: var( --color-border-input-dark );--checkbox-border-color-default-hover-light: var( --color-border-input-light );--checkbox-border-color-default-hover-dark: var(--color-border-input-dark);--checkbox-border-color-default-active-light: var( --color-background-brand-100-pressed-light );--checkbox-border-color-default-active-dark: var( --color-background-brand-100-pressed-dark );--checkbox-border-color-default-disabled-light: var( --color-border-input-disabled-light );--checkbox-border-color-default-disabled-dark: var( --color-border-input-disabled-dark );--checkbox-border-color-checked-default-light: var( --color-background-brand-200-light );--checkbox-border-color-checked-default-dark: var( --color-background-brand-200-dark );--checkbox-border-color-checked-hover-light: var( --color-background-brand-200-hovered-light );--checkbox-border-color-checked-hover-dark: var( --color-background-brand-200-hovered-dark );--checkbox-border-color-checked-active-light: var( --color-background-brand-200-light );--checkbox-border-color-checked-active-dark: var( --color-background-brand-200-dark );--checkbox-border-color-checked-disabled-light: var( --color-border-input-disabled-light );--checkbox-border-color-checked-disabled-dark: var( --color-border-input-disabled-dark );--checkbox-height: 14px;--checkbox-width: 14px;--checkbox-padding: 2px var(--size-0);--checkbox-line-height: var(--size-24);--checkbox-label-padding: var(--size-0) var(--size-4);--checkbox-border-radius: var(--border-radius-regular);--checkbox-border-width: var(--border-width);--checkbox-transition: all var(--transition-100ms-ease-in-out);--checkbox-focus-outline-color-light: var(--color-border-focused-light);--checkbox-focus-outline-color-dark: var(--color-border-focused-dark)}.checkbox[data-v-fdf7b37c]{position:relative;display:flex;padding:var(--checkbox-padding)}.checkbox .checkbox-input-container[data-v-fdf7b37c]{padding:5px}.checkbox .checkbox-input[data-v-fdf7b37c]{display:flex;align-items:center;justify-content:center;height:var(--checkbox-height);width:var(--checkbox-width);box-sizing:border-box;border-radius:var(--checkbox-border-radius);border:var(--checkbox-border-width) solid;background-color:var(--checkbox-background-default-default-light);color:var(--checkbox-color-default-default-light);border-color:var(--checkbox-border-color-default-default-light);transition:var(--checkbox-transition)}.checkbox:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-hover-light);color:var(--checkbox-color-default-hover-light);border-color:var(--checkbox-border-color-default-hover-light)}.checkbox:active .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-active-light);color:var(--checkbox-color-default-active-light);border-color:var(--checkbox-border-color-default-active-light)}.checkbox .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-default-light);color:var(--checkbox-color-checked-default-light);border-color:var(--checkbox-border-color-checked-default-light)}.checkbox:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-hover-light);color:var(--checkbox-color-checked-hover-light);border-color:var(--checkbox-border-color-checked-hover-light)}.checkbox:active .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-active-light);color:var(--checkbox-color-checked-active-light);border-color:var(--checkbox-border-color-checked-active-light)}.checkbox-disabled[data-v-fdf7b37c]{color:var(--checkbox-color-checked-disabled-light);cursor:not-allowed}.checkbox-disabled .checkbox-input[data-v-fdf7b37c],.checkbox-disabled:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-disabled-light);color:var(--checkbox-color-default-disabled-light);border-color:var(--checkbox-border-color-default-disabled-light)}.checkbox-disabled .checkbox-checked[data-v-fdf7b37c],.checkbox-disabled:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-disabled-light);color:var(--checkbox-color-checked-disabled-light);border-color:var(--checkbox-border-color-checked-disabled-light)}.checkbox-input-icon[data-v-fdf7b37c]{height:100%;width:100%;box-sizing:border-box;padding:1px}.checkbox-label[data-v-fdf7b37c]{padding:var(--checkbox-label-padding);line-height:var(--checkbox-line-height)}input[data-v-fdf7b37c]{margin:0;opacity:0;position:absolute;pointer-events:none}[data-whatinput=keyboard] .checkbox-focused[data-v-fdf7b37c]{border-color:var(--checkbox-focus-outline-color-light)!important}[dark-mode=true] .checkbox .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-default-dark);color:var(--checkbox-color-default-default-dark);border-color:var(--checkbox-border-color-default-default-dark)}[dark-mode=true] .checkbox:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-hover-dark);color:var(--checkbox-color-default-hover-dark);border-color:var(--checkbox-border-color-default-hover-dark)}[dark-mode=true] .checkbox:active .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-active-dark);color:var(--checkbox-color-default-active-dark);border-color:var(--checkbox-border-color-default-active-dark)}[dark-mode=true] .checkbox .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-default-dark);color:var(--checkbox-color-checked-default-dark);border-color:var(--checkbox-border-color-checked-default-dark)}[dark-mode=true] .checkbox:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-hover-dark);color:var(--checkbox-color-checked-hover-dark);border-color:var(--checkbox-border-color-checked-hover-dark)}[dark-mode=true] .checkbox:active .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-active-dark);color:var(--checkbox-color-checked-active-dark);border-color:var(--checkbox-border-color-checked-active-dark)}[dark-mode=true] .checkbox-disabled[data-v-fdf7b37c]{color:var(--checkbox-color-checked-disabled-dark)}[dark-mode=true] .checkbox-disabled .checkbox-input[data-v-fdf7b37c],[dark-mode=true] .checkbox-disabled:hover .checkbox-input[data-v-fdf7b37c]{background-color:var(--checkbox-background-default-disabled-dark);color:var(--checkbox-color-default-disabled-dark);border-color:var(--checkbox-border-color-default-disabled-dark)}[dark-mode=true] .checkbox-disabled .checkbox-checked[data-v-fdf7b37c],[dark-mode=true] .checkbox-disabled:hover .checkbox-checked[data-v-fdf7b37c]{background-color:var(--checkbox-background-checked-disabled-dark);color:var(--checkbox-color-checked-disabled-dark);border-color:var(--checkbox-border-color-checked-disabled-dark)}[dark-mode=true] [data-whatinput=keyboard] .checkbox-focused[data-v-fdf7b37c]{border-color:var(--checkbox-focus-outline-color-dark)!important}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gospore/checkbox",
3
- "version": "1.0.44",
3
+ "version": "1.0.46",
4
4
  "description": "",
5
5
  "author": "Gospore",
6
6
  "type": "module",
@@ -15,6 +15,7 @@
15
15
  "require": "./dist/checkbox.cjs.js",
16
16
  "types": "./dist/index.d.ts"
17
17
  },
18
+ "./checkbox.css": "./dist/checkbox.css",
18
19
  "./umd": {
19
20
  "import": "./dist/checkbox.umd.js",
20
21
  "require": "./dist/checkbox.umd.js"
@@ -37,6 +38,6 @@
37
38
  "unplugin-vue-macros": "^2.14.5",
38
39
  "vite": "^7.1.12"
39
40
  },
40
- "gitHead": "f61d801f78eb9326157eb26817d0c7d36ab721cb",
41
+ "gitHead": "1aad85b2c8f227e30d6d3a9c2d2b0daecfdd40d3",
41
42
  "types": "./dist/index.d.ts"
42
43
  }