@cypress-design/vue-checkbox 0.5.0 → 1.1.0

package/package.json

@@ -1,25 +1,30 @@
 {
   "name": "@cypress-design/vue-checkbox",
-  "version": "0.5.0",
+  "version": "1.1.0",
   "files": [
     "*"
   ],
   "typings": "./dist/index.d.ts",
-  "main": "./dist/index.umd.js",
   "module": "./dist/index.es.mjs",
+  "main": "./dist/index.umd.js",
   "exports": {
     ".": {
       "import": "./dist/index.es.mjs",
-      "require": "./dist/index.umd.js"
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {
     "build": "yarn build:module && yarn build:types",
-    "build:module": "yarn vite build",
-    "build:types": "yarn vue-tsc --project ./tsconfig.build.json"
+    "build:module": "yarn exec vite build",
+    "build:types": "yarn exec vue-tsc --project ./tsconfig.build.json"
   },
   "dependencies": {
-    "@cypress-design/vue-icon": "*"
+    "@cypress-design/vue-icon": "^3.3.2"
+  },
+  "devDependencies": {
+    "@cypress-design/constants-checkbox": "*",
+    "@cypress-design/rollup-plugin-tailwind-keep": "*"
   },
   "license": "MIT"
 }

package/tsconfig.build.json

@@ -1,7 +1,8 @@
 {
-  "extends": "../../../tsconfig.vue.json",
+  "extends": "../../../tsconfig.vue.build.json",
   "include": ["./*.vue", "./index.ts"],
   "compilerOptions": {
-    "outDir": "dist"
+    "outDir": "dist",
+    "composite": false
   }
 }

package/vite.config.ts

@@ -1,5 +1,5 @@
 import * as path from 'path'
-import generateViteConfig from '../../root.vite.config'
+import generateViteConfig from '../../vue.vite.config'
 
 export default generateViteConfig({
   entry: path.resolve(__dirname, './index.ts'),

package/Checkbox.stories.mdx

@@ -1,75 +0,0 @@
-import { ArgsTable, Canvas, Meta, Story, Description } from '@storybook/addon-docs'
-import { version } from "./package.json"
-import changelog from "./CHANGELOG.md?raw"
-
-import Checkbox from './Checkbox.vue'
-
-<h1>Checkbox<span className="text-lg font-normal"> - v{version}</span></h1>
-
-<Meta title="Checkbox" component={Checkbox}
-  argTypes={{
-    color: {
-      options: ['indigo', 'red', 'jade'],
-      control: {
-        type: 'select',
-      },
-    },
-  }}
-  parameters={{
-    design: {
-      type: "figma",
-      url: 'https://www.figma.com/file/1WJ3GVQyMV5e7xVxPg3yID/Design-System?node-id=1027%3A9825',
-    }
-  }} />
-
-<Canvas withSource="none">
-  <Story name="Checkbox">
-    {({ color }) => ({ 
-      template: `
-        <Checkbox checked label="Checked" :color="color"/>
-        <br />
-        <Checkbox label="Unchecked" :color="color"/>
-        <br />
-        <Checkbox checked disabled label="Disabled & checked" :color="color"/>
-        <br />
-        <Checkbox disabled label="Disabled & unchecked" :color="color"/>
-      `,
-      components: { Checkbox },
-      data: () => ({
-        color
-      })
-    })}
-  </Story>
-</Canvas>
-
-<ArgsTable />
-
-## Usage
-
-Install the component
-
-```
-yarn add @cypress-design/vue-checkbox
-```
-
-In the script, import the component
-
-```js
-import Checkbox from '@cypress-design/vue-checkbox'
-```
-
-then in the template, use it
-
-```html
-<Checkbox checked label="Checked" color="indigo"/>
-```
-
-or with the v-model
-
-```html
-<Checkbox v-model="checked" label="Checked" color="indigo"/>
-```
-
-<Description>
-  {changelog.replace(/^# .+/, '## Changelog')}
-</Description>

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../../tsconfig.vue.json",
-  "include": [
-    "*.vue",
-    "*.ts",
-    "*.tsx",
-    "../*.ts",
-    "../../../cypress/support/*.ts"
-  ]
-}