@cypress-design/vue-checkbox 1.0.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.
Files changed (10) hide show
  1. package/.turbo/turbo-build.log +5 -3
  2. package/CHANGELOG.md +11 -0
  3. package/Checkbox.vue +11 -8
  4. package/dist/Checkbox.vue.d.ts.map +1 -1
  5. package/dist/index.es.mjs +53 -53
  6. package/dist/index.es.mjs.map +1 -1
  7. package/dist/index.umd.js +2 -2
  8. package/dist/index.umd.js.map +1 -1
  9. package/package.json +4 -4
  10. package/vite.config.ts +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -1,3 +1,4 @@
1
+ yarn run v1.22.22
1
2
  $ yarn build:module && yarn build:types
2
3
  $ yarn vite build
3
4
  $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vite build
@@ -7,8 +8,9 @@ transforming...
7
8
  ✓ 4 modules transformed.
8
9
  rendering chunks...
9
10
  computing gzip size...
10
- dist/index.es.mjs 3.37 kB │ gzip: 1.38 kB │ map: 5.11 kB
11
- dist/index.umd.js 2.94 kB │ gzip: 1.28 kB │ map: 4.97 kB
12
- ✓ built in 2.37s
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
13
14
  $ yarn vue-tsc --project ./tsconfig.build.json
14
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,16 @@
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
+
3
14
  ## 1.0.0
4
15
 
5
16
  ### Major Changes
package/Checkbox.vue CHANGED
@@ -10,7 +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 { CheckboxColors, Classes } from '@cypress-design/constants-checkbox'
13
+ import {
14
+ CssCheckboxColors,
15
+ CssClasses,
16
+ } from '@cypress-design/constants-checkbox'
14
17
 
15
18
  const props = withDefaults(
16
19
  defineProps<{
@@ -84,10 +87,10 @@ function updated() {
84
87
 
85
88
  const checkboxClasses = computed(() =>
86
89
  props.disabled
87
- ? CheckboxColors.disabled
90
+ ? CssCheckboxColors.disabled
88
91
  : localChecked.value
89
- ? CheckboxColors[props.color]
90
- : CheckboxColors.empty,
92
+ ? CssCheckboxColors[props.color]
93
+ : CssCheckboxColors.empty,
91
94
  )
92
95
  </script>
93
96
 
@@ -95,25 +98,25 @@ const checkboxClasses = computed(() =>
95
98
  <span class="relative flex items-center">
96
99
  <input
97
100
  :id="id"
98
- :class="Classes.hiddenInput"
101
+ :class="CssClasses.hiddenInput"
99
102
  :name="name || id"
100
103
  type="checkbox"
101
104
  :disabled="props.disabled"
102
105
  :checked="localChecked"
103
106
  @change="updated"
104
107
  />
105
- <label :class="Classes.labelTag" :for="id">
108
+ <label :class="CssClasses.labelTag" :for="id">
106
109
  <IconCheckmarkSmall
107
110
  v-if="localChecked"
108
111
  strokeColor="white"
109
112
  class="absolute"
110
113
  />
111
- <span :class="[checkboxClasses, Classes.visibleCheckbox]" />
114
+ <span :class="[checkboxClasses, CssClasses.visibleCheckbox]" />
112
115
  <slot name="label">
113
116
  <span
114
117
  v-if="label"
115
118
  :class="[
116
- Classes.trueLabel,
119
+ CssClasses.trueLabel,
117
120
  disabled ? 'text-gray-500' : 'text-gray-800',
118
121
  ]"
119
122
  >
package/dist/Checkbox.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../Checkbox.vue"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../Checkbox.vue"],"names":[],"mappings":"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"}
package/dist/index.es.mjs CHANGED
@@ -1,28 +1,28 @@
1
- import { defineComponent as f, ref as k, computed as y, openBlock as s, createElementBlock as u, createElementVNode as i, normalizeClass as t, unref as o, createBlock as x, createCommentVNode as m, renderSlot as C, toDisplayString as v } from "vue";
1
+ import { defineComponent as y, ref as x, computed as f, openBlock as n, createElementBlock as u, createElementVNode as r, normalizeClass as c, unref as o, createBlock as g, createCommentVNode as b, renderSlot as C, toDisplayString as v } from "vue";
2
2
  import { IconCheckmarkSmall as V } from "@cypress-design/vue-icon";
3
- const r = {
4
- wrapper: "relative flex items-center",
5
- hiddenInput: "absolute inset-0 w-0 h-0 opacity-0",
6
- labelTag: "flex items-center",
7
- visibleCheckbox: "border border-solid rounded h-[16px] w-[16px] flex flex-shrink-0 items-center text-white",
8
- trueLabel: "block ml-[8px] text-[16px] leading-[24px] font-light select-none"
9
- }, c = {
10
- indigo: "border-indigo-500 bg-indigo-400",
11
- jade: "border-jade-500 bg-jade-400",
12
- red: "border-red-500 bg-red-400",
13
- disabled: "border-gray-200 bg-gray-100",
14
- empty: "border-gray-200 bg-white"
15
- }, w = { class: "relative flex items-center" }, B = ["id", "name", "disabled", "checked"], S = ["for"];
16
- function A() {
3
+ const s = {
4
+ wrapper: "cyds-checkbox-wrapper",
5
+ hiddenInput: "cyds-checkbox-hiddeninput",
6
+ labelTag: "cyds-checkbox-labeltag",
7
+ visibleCheckbox: "cyds-checkbox-visiblecheckbox",
8
+ trueLabel: "cyds-checkbox-truelabel"
9
+ }, i = {
10
+ indigo: "cyds-checkbox-checkboxcolors-indigo",
11
+ jade: "cyds-checkbox-checkboxcolors-jade",
12
+ red: "cyds-checkbox-checkboxcolors-red",
13
+ disabled: "cyds-checkbox-checkboxcolors-disabled",
14
+ empty: "cyds-checkbox-checkboxcolors-empty"
15
+ }, B = { class: "relative flex items-center" }, S = ["id", "name", "disabled", "checked"], A = ["for"];
16
+ function w() {
17
17
  return String(Date.now().toString(32) + Math.random().toString(16)).replace(
18
18
  /\./g,
19
19
  ""
20
20
  );
21
21
  }
22
- const I = /* @__PURE__ */ f({
22
+ const j = /* @__PURE__ */ y({
23
23
  __name: "Checkbox",
24
24
  props: {
25
- id: { default: () => A() },
25
+ id: { default: () => w() },
26
26
  name: {},
27
27
  checked: { type: Boolean },
28
28
  color: { default: "indigo" },
@@ -31,62 +31,62 @@ const I = /* @__PURE__ */ f({
31
31
  label: {}
32
32
  },
33
33
  emits: ["update:modelValue", "change"],
34
- setup(b, { emit: p }) {
35
- const e = b, l = k(
34
+ setup(h, { emit: m }) {
35
+ const e = h, a = x(
36
36
  (Array.isArray(e.modelValue) ? e.name ? e.modelValue.includes(e.name) : !1 : e.modelValue) || e.checked
37
- ), d = p;
38
- function h() {
39
- if (l.value = !l.value, Array.isArray(e.modelValue)) {
40
- const a = [...e.modelValue];
37
+ ), d = m;
38
+ function p() {
39
+ if (a.value = !a.value, Array.isArray(e.modelValue)) {
40
+ const l = [...e.modelValue];
41
41
  if (!e.name)
42
42
  return;
43
- const n = a.indexOf(e.name);
44
- n === -1 ? a.push(e.name) : a.splice(n, 1), d("update:modelValue", a);
43
+ const t = l.indexOf(e.name);
44
+ t === -1 ? l.push(e.name) : l.splice(t, 1), d("update:modelValue", l);
45
45
  } else
46
- d("update:modelValue", l.value);
47
- d("change", l.value);
46
+ d("update:modelValue", a.value);
47
+ d("change", a.value);
48
48
  }
49
- const g = y(
50
- () => e.disabled ? c.disabled : l.value ? c[e.color] : c.empty
49
+ const k = f(
50
+ () => e.disabled ? i.disabled : a.value ? i[e.color] : i.empty
51
51
  );
52
- return (a, n) => (s(), u("span", w, [
53
- i("input", {
54
- id: a.id,
55
- class: t(o(r).hiddenInput),
56
- name: a.name || a.id,
52
+ return (l, t) => (n(), u("span", B, [
53
+ r("input", {
54
+ id: l.id,
55
+ class: c(o(s).hiddenInput),
56
+ name: l.name || l.id,
57
57
  type: "checkbox",
58
58
  disabled: e.disabled,
59
- checked: l.value,
60
- onChange: h
61
- }, null, 42, B),
62
- i("label", {
63
- class: t(o(r).labelTag),
64
- for: a.id
59
+ checked: a.value,
60
+ onChange: p
61
+ }, null, 42, S),
62
+ r("label", {
63
+ class: c(o(s).labelTag),
64
+ for: l.id
65
65
  }, [
66
- l.value ? (s(), x(o(V), {
66
+ a.value ? (n(), g(o(V), {
67
67
  key: 0,
68
68
  strokeColor: "white",
69
69
  class: "absolute"
70
- })) : m("", !0),
71
- i("span", {
72
- class: t([g.value, o(r).visibleCheckbox])
70
+ })) : b("", !0),
71
+ r("span", {
72
+ class: c([k.value, o(s).visibleCheckbox])
73
73
  }, null, 2),
74
- C(a.$slots, "label", {}, () => [
75
- a.label ? (s(), u("span", {
74
+ C(l.$slots, "label", {}, () => [
75
+ l.label ? (n(), u("span", {
76
76
  key: 0,
77
- class: t([
78
- o(r).trueLabel,
79
- a.disabled ? "text-gray-500" : "text-gray-800"
77
+ class: c([
78
+ o(s).trueLabel,
79
+ l.disabled ? "text-gray-500" : "text-gray-800"
80
80
  ])
81
- }, v(a.label), 3)) : m("", !0)
81
+ }, v(l.label), 3)) : b("", !0)
82
82
  ])
83
- ], 10, S)
83
+ ], 10, A)
84
84
  ]));
85
85
  }
86
86
  });
87
87
  export {
88
- I as default
88
+ j as default
89
89
  };
90
90
  //# sourceMappingURL=index.es.mjs.map
91
91
 
92
- /* <wind-keep class="relative flex items-center absolute text-gray-500 text-gray-800 icon-dark-white inset-0 w-0 h-0 opacity-0 border border-solid rounded h-[16px] w-[16px] flex-shrink-0 text-white block ml-[8px] text-[16px] leading-[24px] font-light select-none border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 border-gray-200 bg-gray-100 bg-white"> */
92
+ /* <wind-keep class="relative flex items-center absolute text-gray-500 text-gray-800 icon-dark-white"> */
package/dist/index.es.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.mjs","sources":["../../constants/dist/index.js","../Checkbox.vue"],"sourcesContent":["export const Classes = {\n wrapper: 'relative flex items-center',\n hiddenInput: 'absolute inset-0 w-0 h-0 opacity-0',\n labelTag: 'flex items-center',\n visibleCheckbox: 'border border-solid rounded h-[16px] w-[16px] flex flex-shrink-0 items-center text-white',\n trueLabel: 'block ml-[8px] text-[16px] leading-[24px] font-light select-none',\n};\nexport const CheckboxColors = {\n indigo: 'border-indigo-500 bg-indigo-400',\n jade: 'border-jade-500 bg-jade-400',\n red: 'border-red-500 bg-red-400',\n disabled: 'border-gray-200 bg-gray-100',\n empty: 'border-gray-200 bg-white',\n};\n","<script lang=\"ts\">\nfunction uid() {\n return String(Date.now().toString(32) + Math.random().toString(16)).replace(\n /\\./g,\n '',\n )\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { IconCheckmarkSmall } from '@cypress-design/vue-icon'\nimport { CheckboxColors, Classes } from '@cypress-design/constants-checkbox'\n\nconst props = withDefaults(\n defineProps<{\n /**\n * A unique identifier for the checkbox on the whole page.\n * It will be used to give match label with input for a11y.\n */\n id?: string\n /**\n * Name attribute of the <input type=\"checkbox\"/>.\n */\n name?: string\n /**\n * Is the checkbox checked when it is first rendered.\n */\n checked?: boolean\n /**\n * The color of the background in the checkbox.\n * The checkmark will always be white.\n */\n color?: 'red' | 'indigo' | 'jade'\n /**\n * If the checkbox is disabled, it will not be clickable.\n */\n disabled?: boolean\n modelValue?: boolean | Array<string>\n /**\n * Label for the checkbox.\n * It is very important to set this to make the checkbox accessible.\n */\n label?: string\n }>(),\n {\n id: () => uid(),\n color: 'indigo',\n },\n)\n\nconst localChecked = ref(\n (Array.isArray(props.modelValue)\n ? props.name\n ? props.modelValue.includes(props.name)\n : false\n : props.modelValue) || props.checked,\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean | Array<string>]\n change: [value: boolean]\n}>()\n\nfunction updated() {\n localChecked.value = !localChecked.value\n if (Array.isArray(props.modelValue)) {\n const arrayModelValue = [...props.modelValue]\n if (!props.name) {\n return\n }\n const index = arrayModelValue.indexOf(props.name)\n if (index === -1) {\n arrayModelValue.push(props.name)\n } else {\n arrayModelValue.splice(index, 1)\n }\n emit('update:modelValue', arrayModelValue)\n } else {\n emit('update:modelValue', localChecked.value)\n }\n emit('change', localChecked.value)\n}\n\nconst checkboxClasses = computed(() =>\n props.disabled\n ? CheckboxColors.disabled\n : localChecked.value\n ? CheckboxColors[props.color]\n : CheckboxColors.empty,\n)\n</script>\n\n<template>\n <span class=\"relative flex items-center\">\n <input\n :id=\"id\"\n :class=\"Classes.hiddenInput\"\n :name=\"name || id\"\n type=\"checkbox\"\n :disabled=\"props.disabled\"\n :checked=\"localChecked\"\n @change=\"updated\"\n />\n <label :class=\"Classes.labelTag\" :for=\"id\">\n <IconCheckmarkSmall\n v-if=\"localChecked\"\n strokeColor=\"white\"\n class=\"absolute\"\n />\n <span :class=\"[checkboxClasses, Classes.visibleCheckbox]\" />\n <slot name=\"label\">\n <span\n v-if=\"label\"\n :class=\"[\n Classes.trueLabel,\n disabled ? 'text-gray-500' : 'text-gray-800',\n ]\"\n >\n {{ label }}\n </span>\n </slot>\n </label>\n </span>\n</template>\n"],"names":["Classes","CheckboxColors","uid","props","__props","localChecked","ref","emit","__emit","updated","arrayModelValue","index","checkboxClasses","computed"],"mappings":";;AAAO,MAAMA,IAAU;AAAA,EACnB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,WAAW;AACf,GACaC,IAAiB;AAAA,EAC1B,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AACX;ACZA,SAASC,IAAM;AACb,SAAO,OAAO,KAAK,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE;AAAA,IAClE;AAAA,IACA;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;AAQA,UAAMC,IAAQC,GAqCRC,IAAeC;AAAA,OAClB,MAAM,QAAQH,EAAM,UAAU,IAC3BA,EAAM,OACJA,EAAM,WAAW,SAASA,EAAM,IAAI,IACpC,KACFA,EAAM,eAAeA,EAAM;AAAA,IAAA,GAG3BI,IAAOC;AAKb,aAASC,IAAU;AAEjB,UADaJ,EAAA,QAAQ,CAACA,EAAa,OAC/B,MAAM,QAAQF,EAAM,UAAU,GAAG;AACnC,cAAMO,IAAkB,CAAC,GAAGP,EAAM,UAAU;AACxC,YAAA,CAACA,EAAM;AACT;AAEF,cAAMQ,IAAQD,EAAgB,QAAQP,EAAM,IAAI;AAChD,QAAIQ,MAAU,KACID,EAAA,KAAKP,EAAM,IAAI,IAEfO,EAAA,OAAOC,GAAO,CAAC,GAEjCJ,EAAK,qBAAqBG,CAAe;AAAA,MAAA;AAEpC,QAAAH,EAAA,qBAAqBF,EAAa,KAAK;AAEzC,MAAAE,EAAA,UAAUF,EAAa,KAAK;AAAA,IACnC;AAEA,UAAMO,IAAkBC;AAAA,MAAS,MAC/BV,EAAM,WACFF,EAAe,WACfI,EAAa,QACXJ,EAAeE,EAAM,KAAK,IAC1BF,EAAe;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.es.mjs","sources":["../../constants/dist/index.es.mjs","../Checkbox.vue"],"sourcesContent":["const CssClasses = {\n wrapper: \"cyds-checkbox-wrapper\",\n hiddenInput: \"cyds-checkbox-hiddeninput\",\n labelTag: \"cyds-checkbox-labeltag\",\n visibleCheckbox: \"cyds-checkbox-visiblecheckbox\",\n trueLabel: \"cyds-checkbox-truelabel\"\n};\n\nconst CssCheckboxColors = {\n indigo: \"cyds-checkbox-checkboxcolors-indigo\",\n jade: \"cyds-checkbox-checkboxcolors-jade\",\n red: \"cyds-checkbox-checkboxcolors-red\",\n disabled: \"cyds-checkbox-checkboxcolors-disabled\",\n empty: \"cyds-checkbox-checkboxcolors-empty\"\n};\n\nexport { CssCheckboxColors, CssClasses };\n//# sourceMappingURL=index.es.mjs.map\n","<script lang=\"ts\">\nfunction uid() {\n return String(Date.now().toString(32) + Math.random().toString(16)).replace(\n /\\./g,\n '',\n )\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { IconCheckmarkSmall } from '@cypress-design/vue-icon'\nimport {\n CssCheckboxColors,\n CssClasses,\n} from '@cypress-design/constants-checkbox'\n\nconst props = withDefaults(\n defineProps<{\n /**\n * A unique identifier for the checkbox on the whole page.\n * It will be used to give match label with input for a11y.\n */\n id?: string\n /**\n * Name attribute of the <input type=\"checkbox\"/>.\n */\n name?: string\n /**\n * Is the checkbox checked when it is first rendered.\n */\n checked?: boolean\n /**\n * The color of the background in the checkbox.\n * The checkmark will always be white.\n */\n color?: 'red' | 'indigo' | 'jade'\n /**\n * If the checkbox is disabled, it will not be clickable.\n */\n disabled?: boolean\n modelValue?: boolean | Array<string>\n /**\n * Label for the checkbox.\n * It is very important to set this to make the checkbox accessible.\n */\n label?: string\n }>(),\n {\n id: () => uid(),\n color: 'indigo',\n },\n)\n\nconst localChecked = ref(\n (Array.isArray(props.modelValue)\n ? props.name\n ? props.modelValue.includes(props.name)\n : false\n : props.modelValue) || props.checked,\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean | Array<string>]\n change: [value: boolean]\n}>()\n\nfunction updated() {\n localChecked.value = !localChecked.value\n if (Array.isArray(props.modelValue)) {\n const arrayModelValue = [...props.modelValue]\n if (!props.name) {\n return\n }\n const index = arrayModelValue.indexOf(props.name)\n if (index === -1) {\n arrayModelValue.push(props.name)\n } else {\n arrayModelValue.splice(index, 1)\n }\n emit('update:modelValue', arrayModelValue)\n } else {\n emit('update:modelValue', localChecked.value)\n }\n emit('change', localChecked.value)\n}\n\nconst checkboxClasses = computed(() =>\n props.disabled\n ? CssCheckboxColors.disabled\n : localChecked.value\n ? CssCheckboxColors[props.color]\n : CssCheckboxColors.empty,\n)\n</script>\n\n<template>\n <span class=\"relative flex items-center\">\n <input\n :id=\"id\"\n :class=\"CssClasses.hiddenInput\"\n :name=\"name || id\"\n type=\"checkbox\"\n :disabled=\"props.disabled\"\n :checked=\"localChecked\"\n @change=\"updated\"\n />\n <label :class=\"CssClasses.labelTag\" :for=\"id\">\n <IconCheckmarkSmall\n v-if=\"localChecked\"\n strokeColor=\"white\"\n class=\"absolute\"\n />\n <span :class=\"[checkboxClasses, CssClasses.visibleCheckbox]\" />\n <slot name=\"label\">\n <span\n v-if=\"label\"\n :class=\"[\n CssClasses.trueLabel,\n disabled ? 'text-gray-500' : 'text-gray-800',\n ]\"\n >\n {{ label }}\n </span>\n </slot>\n </label>\n </span>\n</template>\n"],"names":["CssClasses","CssCheckboxColors","uid","props","__props","localChecked","ref","emit","__emit","updated","arrayModelValue","index","checkboxClasses","computed"],"mappings":";;AAAA,MAAMA,IAAa;AAAA,EACf,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,WAAW;AACf,GAEMC,IAAoB;AAAA,EACtB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,OAAO;AACX;ACbA,SAASC,IAAM;AACb,SAAO,OAAO,KAAK,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE;AAAA,IAClE;AAAA,IACA;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;AAWA,UAAMC,IAAQC,GAqCRC,IAAeC;AAAA,OAClB,MAAM,QAAQH,EAAM,UAAU,IAC3BA,EAAM,OACJA,EAAM,WAAW,SAASA,EAAM,IAAI,IACpC,KACFA,EAAM,eAAeA,EAAM;AAAA,IAAA,GAG3BI,IAAOC;AAKb,aAASC,IAAU;AAEjB,UADaJ,EAAA,QAAQ,CAACA,EAAa,OAC/B,MAAM,QAAQF,EAAM,UAAU,GAAG;AACnC,cAAMO,IAAkB,CAAC,GAAGP,EAAM,UAAU;AACxC,YAAA,CAACA,EAAM;AACT;AAEF,cAAMQ,IAAQD,EAAgB,QAAQP,EAAM,IAAI;AAChD,QAAIQ,MAAU,KACID,EAAA,KAAKP,EAAM,IAAI,IAEfO,EAAA,OAAOC,GAAO,CAAC,GAEjCJ,EAAK,qBAAqBG,CAAe;AAAA,MAAA;AAEpC,QAAAH,EAAA,qBAAqBF,EAAa,KAAK;AAEzC,MAAAE,EAAA,UAAUF,EAAa,KAAK;AAAA,IACnC;AAEA,UAAMO,IAAkBC;AAAA,MAAS,MAC/BV,EAAM,WACFF,EAAkB,WAClBI,EAAa,QACXJ,EAAkBE,EAAM,KAAK,IAC7BF,EAAkB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.umd.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue"),require("@cypress-design/vue-icon")):typeof define=="function"&&define.amd?define(["vue","@cypress-design/vue-icon"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.Checkbox=o(e.Vue,e.CyIcon))})(this,function(e,o){"use strict";const t={wrapper:"relative flex items-center",hiddenInput:"absolute inset-0 w-0 h-0 opacity-0",labelTag:"flex items-center",visibleCheckbox:"border border-solid rounded h-[16px] w-[16px] flex flex-shrink-0 items-center text-white",trueLabel:"block ml-[8px] text-[16px] leading-[24px] font-light select-none"},r={indigo:"border-indigo-500 bg-indigo-400",jade:"border-jade-500 bg-jade-400",red:"border-red-500 bg-red-400",disabled:"border-gray-200 bg-gray-100",empty:"border-gray-200 bg-white"},i={class:"relative flex items-center"},c=["id","name","disabled","checked"],m=["for"];function p(){return String(Date.now().toString(32)+Math.random().toString(16)).replace(/\./g,"")}return e.defineComponent({__name:"Checkbox",props:{id:{default:()=>p()},name:{},checked:{type:Boolean},color:{default:"indigo"},disabled:{type:Boolean},modelValue:{type:[Boolean,Array]},label:{}},emits:["update:modelValue","change"],setup(u,{emit:b}){const l=u,n=e.ref((Array.isArray(l.modelValue)?l.name?l.modelValue.includes(l.name):!1:l.modelValue)||l.checked),d=b;function f(){if(n.value=!n.value,Array.isArray(l.modelValue)){const a=[...l.modelValue];if(!l.name)return;const s=a.indexOf(l.name);s===-1?a.push(l.name):a.splice(s,1),d("update:modelValue",a)}else d("update:modelValue",n.value);d("change",n.value)}const h=e.computed(()=>l.disabled?r.disabled:n.value?r[l.color]:r.empty);return(a,s)=>(e.openBlock(),e.createElementBlock("span",i,[e.createElementVNode("input",{id:a.id,class:e.normalizeClass(e.unref(t).hiddenInput),name:a.name||a.id,type:"checkbox",disabled:l.disabled,checked:n.value,onChange:f},null,42,c),e.createElementVNode("label",{class:e.normalizeClass(e.unref(t).labelTag),for:a.id},[n.value?(e.openBlock(),e.createBlock(e.unref(o.IconCheckmarkSmall),{key:0,strokeColor:"white",class:"absolute"})):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([h.value,e.unref(t).visibleCheckbox])},null,2),e.renderSlot(a.$slots,"label",{},()=>[a.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(t).trueLabel,a.disabled?"text-gray-500":"text-gray-800"])},e.toDisplayString(a.label),3)):e.createCommentVNode("",!0)])],10,m)]))}})});
1
+ (function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@cypress-design/vue-icon")):typeof define=="function"&&define.amd?define(["vue","@cypress-design/vue-icon"],a):(e=typeof globalThis<"u"?globalThis:e||self,e.Checkbox=a(e.Vue,e.CyIcon))})(this,function(e,a){"use strict";const s={wrapper:"cyds-checkbox-wrapper",hiddenInput:"cyds-checkbox-hiddeninput",labelTag:"cyds-checkbox-labeltag",visibleCheckbox:"cyds-checkbox-visiblecheckbox",trueLabel:"cyds-checkbox-truelabel"},n={indigo:"cyds-checkbox-checkboxcolors-indigo",jade:"cyds-checkbox-checkboxcolors-jade",red:"cyds-checkbox-checkboxcolors-red",disabled:"cyds-checkbox-checkboxcolors-disabled",empty:"cyds-checkbox-checkboxcolors-empty"},r={class:"relative flex items-center"},i=["id","name","disabled","checked"],m=["for"];function b(){return String(Date.now().toString(32)+Math.random().toString(16)).replace(/\./g,"")}return e.defineComponent({__name:"Checkbox",props:{id:{default:()=>b()},name:{},checked:{type:Boolean},color:{default:"indigo"},disabled:{type:Boolean},modelValue:{type:[Boolean,Array]},label:{}},emits:["update:modelValue","change"],setup(h,{emit:p}){const o=h,c=e.ref((Array.isArray(o.modelValue)?o.name?o.modelValue.includes(o.name):!1:o.modelValue)||o.checked),d=p;function u(){if(c.value=!c.value,Array.isArray(o.modelValue)){const l=[...o.modelValue];if(!o.name)return;const t=l.indexOf(o.name);t===-1?l.push(o.name):l.splice(t,1),d("update:modelValue",l)}else d("update:modelValue",c.value);d("change",c.value)}const k=e.computed(()=>o.disabled?n.disabled:c.value?n[o.color]:n.empty);return(l,t)=>(e.openBlock(),e.createElementBlock("span",r,[e.createElementVNode("input",{id:l.id,class:e.normalizeClass(e.unref(s).hiddenInput),name:l.name||l.id,type:"checkbox",disabled:o.disabled,checked:c.value,onChange:u},null,42,i),e.createElementVNode("label",{class:e.normalizeClass(e.unref(s).labelTag),for:l.id},[c.value?(e.openBlock(),e.createBlock(e.unref(a.IconCheckmarkSmall),{key:0,strokeColor:"white",class:"absolute"})):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([k.value,e.unref(s).visibleCheckbox])},null,2),e.renderSlot(l.$slots,"label",{},()=>[l.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(s).trueLabel,l.disabled?"text-gray-500":"text-gray-800"])},e.toDisplayString(l.label),3)):e.createCommentVNode("",!0)])],10,m)]))}})});
2
2
  //# sourceMappingURL=index.umd.js.map
3
3
 
4
- /* <wind-keep class="relative flex items-center absolute text-gray-500 text-gray-800 icon-dark-white inset-0 w-0 h-0 opacity-0 border border-solid rounded h-[16px] w-[16px] flex-shrink-0 text-white block ml-[8px] text-[16px] leading-[24px] font-light select-none border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 border-gray-200 bg-gray-100 bg-white"> */
4
+ /* <wind-keep class="relative flex items-center absolute text-gray-500 text-gray-800 icon-dark-white"> */
package/dist/index.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.umd.js","sources":["../../constants/dist/index.js","../Checkbox.vue"],"sourcesContent":["export const Classes = {\n wrapper: 'relative flex items-center',\n hiddenInput: 'absolute inset-0 w-0 h-0 opacity-0',\n labelTag: 'flex items-center',\n visibleCheckbox: 'border border-solid rounded h-[16px] w-[16px] flex flex-shrink-0 items-center text-white',\n trueLabel: 'block ml-[8px] text-[16px] leading-[24px] font-light select-none',\n};\nexport const CheckboxColors = {\n indigo: 'border-indigo-500 bg-indigo-400',\n jade: 'border-jade-500 bg-jade-400',\n red: 'border-red-500 bg-red-400',\n disabled: 'border-gray-200 bg-gray-100',\n empty: 'border-gray-200 bg-white',\n};\n","<script lang=\"ts\">\nfunction uid() {\n return String(Date.now().toString(32) + Math.random().toString(16)).replace(\n /\\./g,\n '',\n )\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { IconCheckmarkSmall } from '@cypress-design/vue-icon'\nimport { CheckboxColors, Classes } from '@cypress-design/constants-checkbox'\n\nconst props = withDefaults(\n defineProps<{\n /**\n * A unique identifier for the checkbox on the whole page.\n * It will be used to give match label with input for a11y.\n */\n id?: string\n /**\n * Name attribute of the <input type=\"checkbox\"/>.\n */\n name?: string\n /**\n * Is the checkbox checked when it is first rendered.\n */\n checked?: boolean\n /**\n * The color of the background in the checkbox.\n * The checkmark will always be white.\n */\n color?: 'red' | 'indigo' | 'jade'\n /**\n * If the checkbox is disabled, it will not be clickable.\n */\n disabled?: boolean\n modelValue?: boolean | Array<string>\n /**\n * Label for the checkbox.\n * It is very important to set this to make the checkbox accessible.\n */\n label?: string\n }>(),\n {\n id: () => uid(),\n color: 'indigo',\n },\n)\n\nconst localChecked = ref(\n (Array.isArray(props.modelValue)\n ? props.name\n ? props.modelValue.includes(props.name)\n : false\n : props.modelValue) || props.checked,\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean | Array<string>]\n change: [value: boolean]\n}>()\n\nfunction updated() {\n localChecked.value = !localChecked.value\n if (Array.isArray(props.modelValue)) {\n const arrayModelValue = [...props.modelValue]\n if (!props.name) {\n return\n }\n const index = arrayModelValue.indexOf(props.name)\n if (index === -1) {\n arrayModelValue.push(props.name)\n } else {\n arrayModelValue.splice(index, 1)\n }\n emit('update:modelValue', arrayModelValue)\n } else {\n emit('update:modelValue', localChecked.value)\n }\n emit('change', localChecked.value)\n}\n\nconst checkboxClasses = computed(() =>\n props.disabled\n ? CheckboxColors.disabled\n : localChecked.value\n ? CheckboxColors[props.color]\n : CheckboxColors.empty,\n)\n</script>\n\n<template>\n <span class=\"relative flex items-center\">\n <input\n :id=\"id\"\n :class=\"Classes.hiddenInput\"\n :name=\"name || id\"\n type=\"checkbox\"\n :disabled=\"props.disabled\"\n :checked=\"localChecked\"\n @change=\"updated\"\n />\n <label :class=\"Classes.labelTag\" :for=\"id\">\n <IconCheckmarkSmall\n v-if=\"localChecked\"\n strokeColor=\"white\"\n class=\"absolute\"\n />\n <span :class=\"[checkboxClasses, Classes.visibleCheckbox]\" />\n <slot name=\"label\">\n <span\n v-if=\"label\"\n :class=\"[\n Classes.trueLabel,\n disabled ? 'text-gray-500' : 'text-gray-800',\n ]\"\n >\n {{ label }}\n </span>\n </slot>\n </label>\n </span>\n</template>\n"],"names":["Classes","CheckboxColors","uid","props","__props","localChecked","ref","emit","__emit","updated","arrayModelValue","index","checkboxClasses","computed"],"mappings":"+TAAO,MAAMA,EAAU,CACnB,QAAS,6BACT,YAAa,qCACb,SAAU,oBACV,gBAAiB,2FACjB,UAAW,kEACf,EACaC,EAAiB,CAC1B,OAAQ,kCACR,KAAM,8BACN,IAAK,4BACL,SAAU,8BACV,MAAO,0BACX,wFCZA,SAASC,GAAM,CACb,OAAO,OAAO,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,QAClE,MACA,EAAA,CAEJ,4PAQA,MAAMC,EAAQC,EAqCRC,EAAeC,EAAA,KAClB,MAAM,QAAQH,EAAM,UAAU,EAC3BA,EAAM,KACJA,EAAM,WAAW,SAASA,EAAM,IAAI,EACpC,GACFA,EAAM,aAAeA,EAAM,OAAA,EAG3BI,EAAOC,EAKb,SAASC,GAAU,CAEjB,GADaJ,EAAA,MAAQ,CAACA,EAAa,MAC/B,MAAM,QAAQF,EAAM,UAAU,EAAG,CACnC,MAAMO,EAAkB,CAAC,GAAGP,EAAM,UAAU,EACxC,GAAA,CAACA,EAAM,KACT,OAEF,MAAMQ,EAAQD,EAAgB,QAAQP,EAAM,IAAI,EAC5CQ,IAAU,GACID,EAAA,KAAKP,EAAM,IAAI,EAEfO,EAAA,OAAOC,EAAO,CAAC,EAEjCJ,EAAK,oBAAqBG,CAAe,CAAA,MAEpCH,EAAA,oBAAqBF,EAAa,KAAK,EAEzCE,EAAA,SAAUF,EAAa,KAAK,CACnC,CAEA,MAAMO,EAAkBC,EAAA,SAAS,IAC/BV,EAAM,SACFF,EAAe,SACfI,EAAa,MACXJ,EAAeE,EAAM,KAAK,EAC1BF,EAAe,KAAA"}
1
+ {"version":3,"file":"index.umd.js","sources":["../../constants/dist/index.es.mjs","../Checkbox.vue"],"sourcesContent":["const CssClasses = {\n wrapper: \"cyds-checkbox-wrapper\",\n hiddenInput: \"cyds-checkbox-hiddeninput\",\n labelTag: \"cyds-checkbox-labeltag\",\n visibleCheckbox: \"cyds-checkbox-visiblecheckbox\",\n trueLabel: \"cyds-checkbox-truelabel\"\n};\n\nconst CssCheckboxColors = {\n indigo: \"cyds-checkbox-checkboxcolors-indigo\",\n jade: \"cyds-checkbox-checkboxcolors-jade\",\n red: \"cyds-checkbox-checkboxcolors-red\",\n disabled: \"cyds-checkbox-checkboxcolors-disabled\",\n empty: \"cyds-checkbox-checkboxcolors-empty\"\n};\n\nexport { CssCheckboxColors, CssClasses };\n//# sourceMappingURL=index.es.mjs.map\n","<script lang=\"ts\">\nfunction uid() {\n return String(Date.now().toString(32) + Math.random().toString(16)).replace(\n /\\./g,\n '',\n )\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue'\nimport { IconCheckmarkSmall } from '@cypress-design/vue-icon'\nimport {\n CssCheckboxColors,\n CssClasses,\n} from '@cypress-design/constants-checkbox'\n\nconst props = withDefaults(\n defineProps<{\n /**\n * A unique identifier for the checkbox on the whole page.\n * It will be used to give match label with input for a11y.\n */\n id?: string\n /**\n * Name attribute of the <input type=\"checkbox\"/>.\n */\n name?: string\n /**\n * Is the checkbox checked when it is first rendered.\n */\n checked?: boolean\n /**\n * The color of the background in the checkbox.\n * The checkmark will always be white.\n */\n color?: 'red' | 'indigo' | 'jade'\n /**\n * If the checkbox is disabled, it will not be clickable.\n */\n disabled?: boolean\n modelValue?: boolean | Array<string>\n /**\n * Label for the checkbox.\n * It is very important to set this to make the checkbox accessible.\n */\n label?: string\n }>(),\n {\n id: () => uid(),\n color: 'indigo',\n },\n)\n\nconst localChecked = ref(\n (Array.isArray(props.modelValue)\n ? props.name\n ? props.modelValue.includes(props.name)\n : false\n : props.modelValue) || props.checked,\n)\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: boolean | Array<string>]\n change: [value: boolean]\n}>()\n\nfunction updated() {\n localChecked.value = !localChecked.value\n if (Array.isArray(props.modelValue)) {\n const arrayModelValue = [...props.modelValue]\n if (!props.name) {\n return\n }\n const index = arrayModelValue.indexOf(props.name)\n if (index === -1) {\n arrayModelValue.push(props.name)\n } else {\n arrayModelValue.splice(index, 1)\n }\n emit('update:modelValue', arrayModelValue)\n } else {\n emit('update:modelValue', localChecked.value)\n }\n emit('change', localChecked.value)\n}\n\nconst checkboxClasses = computed(() =>\n props.disabled\n ? CssCheckboxColors.disabled\n : localChecked.value\n ? CssCheckboxColors[props.color]\n : CssCheckboxColors.empty,\n)\n</script>\n\n<template>\n <span class=\"relative flex items-center\">\n <input\n :id=\"id\"\n :class=\"CssClasses.hiddenInput\"\n :name=\"name || id\"\n type=\"checkbox\"\n :disabled=\"props.disabled\"\n :checked=\"localChecked\"\n @change=\"updated\"\n />\n <label :class=\"CssClasses.labelTag\" :for=\"id\">\n <IconCheckmarkSmall\n v-if=\"localChecked\"\n strokeColor=\"white\"\n class=\"absolute\"\n />\n <span :class=\"[checkboxClasses, CssClasses.visibleCheckbox]\" />\n <slot name=\"label\">\n <span\n v-if=\"label\"\n :class=\"[\n CssClasses.trueLabel,\n disabled ? 'text-gray-500' : 'text-gray-800',\n ]\"\n >\n {{ label }}\n </span>\n </slot>\n </label>\n </span>\n</template>\n"],"names":["CssClasses","CssCheckboxColors","uid","props","__props","localChecked","ref","emit","__emit","updated","arrayModelValue","index","checkboxClasses","computed"],"mappings":"+TAAA,MAAMA,EAAa,CACf,QAAS,wBACT,YAAa,4BACb,SAAU,yBACV,gBAAiB,gCACjB,UAAW,yBACf,EAEMC,EAAoB,CACtB,OAAQ,sCACR,KAAM,oCACN,IAAK,mCACL,SAAU,wCACV,MAAO,oCACX,wFCbA,SAASC,GAAM,CACb,OAAO,OAAO,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,QAClE,MACA,EAAA,CAEJ,4PAWA,MAAMC,EAAQC,EAqCRC,EAAeC,EAAA,KAClB,MAAM,QAAQH,EAAM,UAAU,EAC3BA,EAAM,KACJA,EAAM,WAAW,SAASA,EAAM,IAAI,EACpC,GACFA,EAAM,aAAeA,EAAM,OAAA,EAG3BI,EAAOC,EAKb,SAASC,GAAU,CAEjB,GADaJ,EAAA,MAAQ,CAACA,EAAa,MAC/B,MAAM,QAAQF,EAAM,UAAU,EAAG,CACnC,MAAMO,EAAkB,CAAC,GAAGP,EAAM,UAAU,EACxC,GAAA,CAACA,EAAM,KACT,OAEF,MAAMQ,EAAQD,EAAgB,QAAQP,EAAM,IAAI,EAC5CQ,IAAU,GACID,EAAA,KAAKP,EAAM,IAAI,EAEfO,EAAA,OAAOC,EAAO,CAAC,EAEjCJ,EAAK,oBAAqBG,CAAe,CAAA,MAEpCH,EAAA,oBAAqBF,EAAa,KAAK,EAEzCE,EAAA,SAAUF,EAAa,KAAK,CACnC,CAEA,MAAMO,EAAkBC,EAAA,SAAS,IAC/BV,EAAM,SACFF,EAAkB,SAClBI,EAAa,MACXJ,EAAkBE,EAAM,KAAK,EAC7BF,EAAkB,KAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cypress-design/vue-checkbox",
3
- "version": "1.0.0",
3
+ "version": "2.0.0-next.0",
4
4
  "files": [
5
5
  "*"
6
6
  ],
@@ -20,11 +20,11 @@
20
20
  "build:types": "yarn vue-tsc --project ./tsconfig.build.json"
21
21
  },
22
22
  "dependencies": {
23
- "@cypress-design/constants-checkbox": "^1.0.0",
24
- "@cypress-design/vue-icon": "^1.0.0"
23
+ "@cypress-design/vue-icon": "^2.0.0-next.0"
25
24
  },
26
25
  "devDependencies": {
27
- "@cypress-design/rollup-plugin-tailwind-keep": "*"
26
+ "@cypress-design/constants-checkbox": "2.0.0-next.0",
27
+ "@cypress-design/rollup-plugin-tailwind-keep": "1.0.1-next.0"
28
28
  },
29
29
  "license": "MIT"
30
30
  }
package/vite.config.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as path from 'path'
2
- import generateViteConfig from '../../root.vite.config'
2
+ import generateViteConfig from '../../vue.vite.config'
3
3
 
4
4
  export default generateViteConfig({
5
5
  entry: path.resolve(__dirname, './index.ts'),