@cypress-design/vue-checkbox 0.5.0 → 2.0.0-next.0

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.
@@ -0,0 +1,16 @@
1
+ yarn run v1.22.22
2
+ $ yarn build:module && yarn build:types
3
+ $ yarn vite build
4
+ $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vite build
5
+ The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
6
+ vite v5.2.12 building for production...
7
+ transforming...
8
+ ✓ 4 modules transformed.
9
+ rendering chunks...
10
+ computing gzip size...
11
+ dist/index.es.mjs 3.01 kB │ gzip: 1.25 kB │ map: 5.18 kB
12
+ dist/index.umd.js 2.59 kB │ gzip: 1.14 kB │ map: 5.04 kB
13
+ ✓ built in 2.35s
14
+ $ yarn vue-tsc --project ./tsconfig.build.json
15
+ $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vue-tsc --project ./tsconfig.build.json
16
+ Done in 18.02s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,99 @@
1
1
  # @cypress-design/vue-checkbox
2
2
 
3
+ ## 2.0.0-next.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#468](https://github.com/cypress-io/cypress-design/pull/468) [`3236662`](https://github.com/cypress-io/cypress-design/commit/3236662fdecd5abbceadce750098a75301d48f88) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: use tailwind components to manage specificity of styles
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`3236662`](https://github.com/cypress-io/cypress-design/commit/3236662fdecd5abbceadce750098a75301d48f88)]:
12
+ - @cypress-design/vue-icon@2.0.0-next.0
13
+
14
+ ## 1.0.0
15
+
16
+ ### Major Changes
17
+
18
+ - [`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87) Thanks [@elevatebart](https://github.com/elevatebart)! - Create 1.0
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies [[`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87)]:
23
+ - @cypress-design/constants-checkbox@1.0.0
24
+ - @cypress-design/vue-icon@1.0.0
25
+
26
+ ## 0.5.0
27
+
28
+ ### Minor Changes
29
+
30
+ - [#272](https://github.com/cypress-io/cypress-design/pull/272) [`9a3e358`](https://github.com/cypress-io/cypress-design/commit/9a3e3582b8ca2dfdadd9198054042c9f0083be01) Thanks [@elevatebart](https://github.com/elevatebart)! - remove dark mode implementation to avoid wrong side effects
31
+
32
+ ## 0.4.0
33
+
34
+ ### Minor Changes
35
+
36
+ - [#258](https://github.com/cypress-io/cypress-design/pull/258) [`aac2e95`](https://github.com/cypress-io/cypress-design/commit/aac2e95c78a7dc41673101def2f7d185bc6e6d0e) Thanks [@elevatebart](https://github.com/elevatebart)! - handle array v-model with more than one checkboxes
37
+ - add the 'change' event to reflect the input checkbox's change event
38
+
39
+ ## 0.3.3
40
+
41
+ ### Patch Changes
42
+
43
+ - [#245](https://github.com/cypress-io/cypress-design/pull/245) [`d52d023`](https://github.com/cypress-io/cypress-design/commit/d52d02301bb851d514661a8c258d0c4ae5baf171) Thanks [@elevatebart](https://github.com/elevatebart)! - use tailwind to rollup classes in the final package
44
+
45
+ - Updated dependencies [[`d52d023`](https://github.com/cypress-io/cypress-design/commit/d52d02301bb851d514661a8c258d0c4ae5baf171)]:
46
+ - @cypress-design/vue-icon@0.23.1
47
+
48
+ ## 0.3.2
49
+
50
+ ### Patch Changes
51
+
52
+ - [`08ba16d`](https://github.com/cypress-io/cypress-design/commit/08ba16da4a8663676ee96ac4950938857bd0d9a3) Thanks [@elevatebart](https://github.com/elevatebart)! - fix wind-keep plugin
53
+
54
+ - Updated dependencies [[`08ba16d`](https://github.com/cypress-io/cypress-design/commit/08ba16da4a8663676ee96ac4950938857bd0d9a3)]:
55
+ - @cypress-design/vue-icon@0.22.1
56
+
57
+ ## 0.3.1
58
+
59
+ ### Patch Changes
60
+
61
+ - [`63ea78a`](https://github.com/cypress-io/cypress-design/commit/63ea78af2062fd5e3fb8c61fa4bcf85fd95e803b) Thanks [@elevatebart](https://github.com/elevatebart)! - add constants package to dependencies
62
+
63
+ ## 0.3.0
64
+
65
+ ### Minor Changes
66
+
67
+ - [#196](https://github.com/cypress-io/cypress-design/pull/196) [`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: avoid constants relative imports
68
+
69
+ ### Patch Changes
70
+
71
+ - Updated dependencies [[`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0)]:
72
+ - @cypress-design/react-icon@0.20.0
73
+
74
+ ## 0.2.0
75
+
76
+ ### Minor Changes
77
+
78
+ - [#178](https://github.com/cypress-io/cypress-design/pull/178) [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650) Thanks [@elevatebart](https://github.com/elevatebart)! - deliver new docs and improved components
79
+
80
+ ### Patch Changes
81
+
82
+ - Updated dependencies [[`18399c7`](https://github.com/cypress-io/cypress-design/commit/18399c72a52288c67af0935384430d4e4cd24251), [`d0de778`](https://github.com/cypress-io/cypress-design/commit/d0de77843adb87d8f4804219c6dca8f45b15c650)]:
83
+ - @cypress-design/react-icon@0.19.0
84
+
85
+ ## 0.1.1
86
+
87
+ ### Patch Changes
88
+
89
+ - [#164](https://github.com/cypress-io/cypress-design/pull/164) [`4fd951a`](https://github.com/cypress-io/cypress-design/commit/4fd951a39335900da2508beef9b3565a6f8f9518) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: update active buttons borders
90
+
91
+ ## 0.1.0
92
+
93
+ ### Minor Changes
94
+
95
+ - [#162](https://github.com/cypress-io/cypress-design/pull/162) [`76d4e60`](https://github.com/cypress-io/cypress-design/commit/76d4e601687d28578cdee0ddc67cd04b286ae2c3) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: functionalize classes used
96
+
3
97
  ## 0.5.0
4
98
 
5
99
  ### Minor Changes
package/Checkbox.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  function uid() {
3
3
  return String(Date.now().toString(32) + Math.random().toString(16)).replace(
4
4
  /\./g,
5
- ''
5
+ '',
6
6
  )
7
7
  }
8
8
  </script>
@@ -10,6 +10,10 @@ function uid() {
10
10
  <script lang="ts" setup>
11
11
  import { ref, computed } from 'vue'
12
12
  import { IconCheckmarkSmall } from '@cypress-design/vue-icon'
13
+ import {
14
+ CssCheckboxColors,
15
+ CssClasses,
16
+ } from '@cypress-design/constants-checkbox'
13
17
 
14
18
  const props = withDefaults(
15
19
  defineProps<{
@@ -35,7 +39,7 @@ const props = withDefaults(
35
39
  * If the checkbox is disabled, it will not be clickable.
36
40
  */
37
41
  disabled?: boolean
38
- modelValue?: boolean
42
+ modelValue?: boolean | Array<string>
39
43
  /**
40
44
  * Label for the checkbox.
41
45
  * It is very important to set this to make the checkbox accessible.
@@ -45,59 +49,74 @@ const props = withDefaults(
45
49
  {
46
50
  id: () => uid(),
47
51
  color: 'indigo',
48
- }
52
+ },
49
53
  )
50
54
 
51
- const localChecked = ref(props.modelValue || props.checked)
55
+ const localChecked = ref(
56
+ (Array.isArray(props.modelValue)
57
+ ? props.name
58
+ ? props.modelValue.includes(props.name)
59
+ : false
60
+ : props.modelValue) || props.checked,
61
+ )
52
62
 
53
63
  const emit = defineEmits<{
54
- (event: 'update:modelValue', value: boolean): void
64
+ 'update:modelValue': [value: boolean | Array<string>]
65
+ change: [value: boolean]
55
66
  }>()
56
67
 
57
68
  function updated() {
58
69
  localChecked.value = !localChecked.value
59
- emit('update:modelValue', localChecked.value)
70
+ if (Array.isArray(props.modelValue)) {
71
+ const arrayModelValue = [...props.modelValue]
72
+ if (!props.name) {
73
+ return
74
+ }
75
+ const index = arrayModelValue.indexOf(props.name)
76
+ if (index === -1) {
77
+ arrayModelValue.push(props.name)
78
+ } else {
79
+ arrayModelValue.splice(index, 1)
80
+ }
81
+ emit('update:modelValue', arrayModelValue)
82
+ } else {
83
+ emit('update:modelValue', localChecked.value)
84
+ }
85
+ emit('change', localChecked.value)
60
86
  }
61
87
 
62
- const checkboxClasses = computed(() => [
88
+ const checkboxClasses = computed(() =>
63
89
  props.disabled
64
- ? 'border-gray-200 bg-gray-100'
90
+ ? CssCheckboxColors.disabled
65
91
  : localChecked.value
66
- ? {
67
- 'border-indigo-500 bg-indigo-400': props.color === 'indigo',
68
- 'border-jade-500 bg-jade-400': props.color === 'jade',
69
- 'border-red-500 bg-red-400': props.color === 'red',
70
- }
71
- : 'border-gray-200 bg-white',
72
- ])
92
+ ? CssCheckboxColors[props.color]
93
+ : CssCheckboxColors.empty,
94
+ )
73
95
  </script>
74
96
 
75
97
  <template>
76
- <span class="block relative flex items-center">
98
+ <span class="relative flex items-center">
77
99
  <input
78
100
  :id="id"
79
- class="absolute inset-0 w-0 h-0 opacity-0"
101
+ :class="CssClasses.hiddenInput"
80
102
  :name="name || id"
81
103
  type="checkbox"
82
- @change="updated"
83
104
  :disabled="props.disabled"
84
105
  :checked="localChecked"
106
+ @change="updated"
85
107
  />
86
- <label className="flex items-center" :for="id">
108
+ <label :class="CssClasses.labelTag" :for="id">
87
109
  <IconCheckmarkSmall
88
110
  v-if="localChecked"
89
111
  strokeColor="white"
90
112
  class="absolute"
91
113
  />
92
- <span
93
- :class="checkboxClasses"
94
- class="block border border-solid rounded h-[16px] w-[16px] flex-shrink-0"
95
- />
114
+ <span :class="[checkboxClasses, CssClasses.visibleCheckbox]" />
96
115
  <slot name="label">
97
116
  <span
98
117
  v-if="label"
99
118
  :class="[
100
- 'ml-[8px] text-[16px] leading-[24px] font-light select-none',
119
+ CssClasses.trueLabel,
101
120
  disabled ? 'text-gray-500' : 'text-gray-800',
102
121
  ]"
103
122
  >
@@ -12,7 +12,7 @@ describe('<Checkbox />', () => {
12
12
  label="Welcome guide settings"
13
13
  id="welcome-opt-out"
14
14
  checked
15
- class="m-2 px-2 py-1 border-1 border-gray-300 rounded"
15
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
16
16
  />
17
17
  )
18
18
  })
@@ -31,7 +31,7 @@ describe('<Checkbox />', () => {
31
31
  label="Welcome guide settings"
32
32
  id="welcome-opt-out"
33
33
  checked
34
- class="m-2 px-2 py-1 border-1 border-gray-300 rounded"
34
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
35
35
  />
36
36
  )
37
37
  })
@@ -45,7 +45,14 @@ describe('<Checkbox />', () => {
45
45
  mount(() => {
46
46
  return (
47
47
  <Checkbox
48
- label="lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
48
+ label={[
49
+ 'lorem ipsum dolor sit amet, consectetur adipiscing elit,',
50
+ 'sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
51
+ 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip',
52
+ 'ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse',
53
+ 'cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,',
54
+ 'sunt in culpa qui officia deserunt mollit anim id est laborum.',
55
+ ].join(' ')}
49
56
  id="lorem-checkbox"
50
57
  />
51
58
  )
@@ -61,11 +68,11 @@ describe('<Checkbox />', () => {
61
68
  <div>
62
69
  <Checkbox
63
70
  label="Welcome guide settings"
64
- vModel={isChecked.value}
65
- class="m-2 px-2 py-1 border-1 border-gray-300 rounded"
71
+ v-model={isChecked.value}
72
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
66
73
  />
67
74
  <div
68
- class="m-2 px-2 py-1 border-1 border-gray-300 rounded"
75
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
69
76
  data-cy="result"
70
77
  >
71
78
  isChecked = {isChecked.value.toString()}
@@ -79,4 +86,50 @@ describe('<Checkbox />', () => {
79
86
  cy.get('input[type="checkbox"]').should('be.checked')
80
87
  cy.get('[data-cy="result"]').should('contain', 'isChecked = true')
81
88
  })
89
+
90
+ it("renders vModel when it's an array", () => {
91
+ const checkedValues = ref([])
92
+ mount(() => {
93
+ return (
94
+ <div>
95
+ <Checkbox
96
+ name="first-checkbox"
97
+ label="First checkbox"
98
+ v-model={checkedValues.value}
99
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
100
+ />
101
+ <Checkbox
102
+ name="second-checkbox"
103
+ label="Second checkbox"
104
+ v-model={checkedValues.value}
105
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
106
+ />
107
+ <Checkbox
108
+ name="third-checkbox"
109
+ label="Third checkbox"
110
+ v-model={checkedValues.value}
111
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
112
+ />
113
+ <div
114
+ class="px-2 py-1 m-2 border border-gray-300 rounded"
115
+ data-cy="result"
116
+ >
117
+ {JSON.stringify(checkedValues.value)}
118
+ </div>
119
+ </div>
120
+ )
121
+ })
122
+
123
+ cy.get('[data-cy="result"]').should('contain', '[]')
124
+ cy.contains('First checkbox').click()
125
+ cy.get('input[type="checkbox"]').should('be.checked')
126
+ cy.get('[data-cy="result"]').should('contain', '["first-checkbox"]')
127
+ cy.contains('Second checkbox').click()
128
+ cy.get('[data-cy="result"]').should(
129
+ 'contain',
130
+ '["first-checkbox","second-checkbox"]',
131
+ )
132
+ cy.contains('Second checkbox').click()
133
+ cy.get('[data-cy="result"]').should('contain', '["first-checkbox"]')
134
+ })
82
135
  })
package/ReadMe.md ADDED
@@ -0,0 +1,19 @@
1
+ # Checkbox
2
+
3
+ ## Install
4
+
5
+ ```bash
6
+ npm install @cypress-design/vue-checkbox
7
+ ```
8
+
9
+ or with yarn
10
+
11
+ ```bash
12
+ yarn add @cypress-design/vue-checkbox
13
+ ```
14
+
15
+ ## Usage
16
+
17
+ ```ts
18
+ import Checkbox from '@cypress-design/vue-checkbox'
19
+ ```
@@ -1,156 +1,4 @@
1
- declare const _default: {
2
- new (...args: any[]): {
3
- $: import("vue").ComponentInternalInstance;
4
- $data: {};
5
- $props: Partial<{
6
- id: string;
7
- color: 'red' | 'indigo' | 'jade';
8
- }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
- /**
10
- * A unique identifier for the checkbox on the whole page.
11
- * It will be used to give match label with input for a11y.
12
- */
13
- id?: string | undefined;
14
- /**
15
- * Name attribute of the <input type="checkbox"/>.
16
- */
17
- name?: string | undefined;
18
- /**
19
- * Is the checkbox checked when it is first rendered.
20
- */
21
- checked?: boolean | undefined;
22
- /**
23
- * The color of the background in the checkbox.
24
- * The checkmark will always be white.
25
- */
26
- color?: "indigo" | "red" | "jade" | undefined;
27
- /**
28
- * If the checkbox is disabled, it will not be clickable.
29
- */
30
- disabled?: boolean | undefined;
31
- modelValue?: boolean | undefined;
32
- /**
33
- * Label for the checkbox.
34
- * It is very important to set this to make the checkbox accessible.
35
- */
36
- label?: string | undefined;
37
- }>, {
38
- id: () => string;
39
- color: string;
40
- }>>> & {
41
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
42
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "id" | "color">;
43
- $attrs: {
44
- [x: string]: unknown;
45
- };
46
- $refs: {
47
- [x: string]: unknown;
48
- };
49
- $slots: Readonly<{
50
- [name: string]: import("vue").Slot | undefined;
51
- }>;
52
- $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
53
- $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
54
- $emit: (event: "update:modelValue", value: boolean) => void;
55
- $el: any;
56
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
57
- /**
58
- * A unique identifier for the checkbox on the whole page.
59
- * It will be used to give match label with input for a11y.
60
- */
61
- id?: string | undefined;
62
- /**
63
- * Name attribute of the <input type="checkbox"/>.
64
- */
65
- name?: string | undefined;
66
- /**
67
- * Is the checkbox checked when it is first rendered.
68
- */
69
- checked?: boolean | undefined;
70
- /**
71
- * The color of the background in the checkbox.
72
- * The checkmark will always be white.
73
- */
74
- color?: "indigo" | "red" | "jade" | undefined;
75
- /**
76
- * If the checkbox is disabled, it will not be clickable.
77
- */
78
- disabled?: boolean | undefined;
79
- modelValue?: boolean | undefined;
80
- /**
81
- * Label for the checkbox.
82
- * It is very important to set this to make the checkbox accessible.
83
- */
84
- label?: string | undefined;
85
- }>, {
86
- id: () => string;
87
- color: string;
88
- }>>> & {
89
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
90
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
91
- "update:modelValue": (value: boolean) => void;
92
- }, string, {
93
- id: string;
94
- color: 'red' | 'indigo' | 'jade';
95
- }> & {
96
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
97
- created?: ((() => void) | (() => void)[]) | undefined;
98
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
99
- mounted?: ((() => void) | (() => void)[]) | undefined;
100
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
101
- updated?: ((() => void) | (() => void)[]) | undefined;
102
- activated?: ((() => void) | (() => void)[]) | undefined;
103
- deactivated?: ((() => void) | (() => void)[]) | undefined;
104
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
105
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
106
- destroyed?: ((() => void) | (() => void)[]) | undefined;
107
- unmounted?: ((() => void) | (() => void)[]) | undefined;
108
- renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
109
- renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
110
- errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
111
- };
112
- $forceUpdate: () => void;
113
- $nextTick: typeof import("vue").nextTick;
114
- $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
115
- } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
116
- /**
117
- * A unique identifier for the checkbox on the whole page.
118
- * It will be used to give match label with input for a11y.
119
- */
120
- id?: string | undefined;
121
- /**
122
- * Name attribute of the <input type="checkbox"/>.
123
- */
124
- name?: string | undefined;
125
- /**
126
- * Is the checkbox checked when it is first rendered.
127
- */
128
- checked?: boolean | undefined;
129
- /**
130
- * The color of the background in the checkbox.
131
- * The checkmark will always be white.
132
- */
133
- color?: "indigo" | "red" | "jade" | undefined;
134
- /**
135
- * If the checkbox is disabled, it will not be clickable.
136
- */
137
- disabled?: boolean | undefined;
138
- modelValue?: boolean | undefined;
139
- /**
140
- * Label for the checkbox.
141
- * It is very important to set this to make the checkbox accessible.
142
- */
143
- label?: string | undefined;
144
- }>, {
145
- id: () => string;
146
- color: string;
147
- }>>> & {
148
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
149
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
150
- __isFragment?: undefined;
151
- __isTeleport?: undefined;
152
- __isSuspense?: undefined;
153
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
154
2
  /**
155
3
  * A unique identifier for the checkbox on the whole page.
156
4
  * It will be used to give match label with input for a11y.
@@ -173,7 +21,42 @@ declare const _default: {
173
21
  * If the checkbox is disabled, it will not be clickable.
174
22
  */
175
23
  disabled?: boolean | undefined;
176
- modelValue?: boolean | undefined;
24
+ modelValue?: boolean | string[] | undefined;
25
+ /**
26
+ * Label for the checkbox.
27
+ * It is very important to set this to make the checkbox accessible.
28
+ */
29
+ label?: string | undefined;
30
+ }>, {
31
+ id: () => string;
32
+ color: string;
33
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
+ "update:modelValue": (value: boolean | string[]) => void;
35
+ change: (value: boolean) => void;
36
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
37
+ /**
38
+ * A unique identifier for the checkbox on the whole page.
39
+ * It will be used to give match label with input for a11y.
40
+ */
41
+ id?: string | undefined;
42
+ /**
43
+ * Name attribute of the <input type="checkbox"/>.
44
+ */
45
+ name?: string | undefined;
46
+ /**
47
+ * Is the checkbox checked when it is first rendered.
48
+ */
49
+ checked?: boolean | undefined;
50
+ /**
51
+ * The color of the background in the checkbox.
52
+ * The checkmark will always be white.
53
+ */
54
+ color?: "indigo" | "red" | "jade" | undefined;
55
+ /**
56
+ * If the checkbox is disabled, it will not be clickable.
57
+ */
58
+ disabled?: boolean | undefined;
59
+ modelValue?: boolean | string[] | undefined;
177
60
  /**
178
61
  * Label for the checkbox.
179
62
  * It is very important to set this to make the checkbox accessible.
@@ -183,20 +66,31 @@ declare const _default: {
183
66
  id: () => string;
184
67
  color: string;
185
68
  }>>> & {
186
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
187
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
188
- "update:modelValue": (value: boolean) => void;
189
- }, string, {
69
+ "onUpdate:modelValue"?: ((value: boolean | string[]) => any) | undefined;
70
+ onChange?: ((value: boolean) => any) | undefined;
71
+ }, {
190
72
  id: string;
191
73
  color: 'red' | 'indigo' | 'jade';
192
- }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
193
- $slots: {
194
- label: (_: {}) => any;
195
- };
196
- });
74
+ }, {}>, {
75
+ label?(_: {}): any;
76
+ }>;
197
77
  export default _default;
198
- declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
199
- declare type __VLS_TypePropsToRuntimeProps<T> = {
78
+
79
+ type __VLS_WithDefaults<P, D> = {
80
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
81
+ default: D[K];
82
+ }> : P[K];
83
+ };
84
+ type __VLS_Prettify<T> = {
85
+ [K in keyof T]: T[K];
86
+ } & {};
87
+ type __VLS_WithTemplateSlots<T, S> = T & {
88
+ new (): {
89
+ $slots: S;
90
+ };
91
+ };
92
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
93
+ type __VLS_TypePropsToOption<T> = {
200
94
  [K in keyof T]-?: {} extends Pick<T, K> ? {
201
95
  type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
202
96
  } : {
@@ -204,9 +98,4 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
204
98
  required: true;
205
99
  };
206
100
  };
207
- declare type __VLS_WithDefaults<P, D> = {
208
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
209
- default: D[K];
210
- } : P[K];
211
- };
212
101
  //# sourceMappingURL=Checkbox.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../Checkbox.vue.ts"],"names":[],"mappings":";;;;;gBAiFS,MAAM;mBAaH,KAAK,GAAG,QAAQ,GAAG,MAAM;;YAjBjC;;;eAGG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;;eAGG;;YAEH;;eAEG;;;YAGH;;;eAGG;;;;;;;;;;;;;;;;;;;;;;YA1BH;;;eAGG;;YAEH;;eAEG;;YAEH;;eAEG;;YAEH;;;eAGG;;YAEH;;eAEG;;;YAGH;;;eAGG;;;;;;;;;;gBAtBE,MAAM;mBAaH,KAAK,GAAG,QAAQ,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;QAjBjC;;;WAGG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;WAEG;;;QAGH;;;WAGG;;;;;;;;;;;;IA1BH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;;IAGH;;;OAGG;;;;;;;;;;QAtBE,MAAM;WAaH,KAAK,GAAG,QAAQ,GAAG,MAAM;;;;;;AAnFrC,wBA+GK;AACL,aAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,aAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,aAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE3B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG;QACzD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,GAAG,CAAC,CAAC,CAAC,CAAC;CACR,CAAC"}
1
+ {"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../Checkbox.vue"],"names":[],"mappings":"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"}