@cypress-design/react-checkbox 0.5.0 → 1.0.1

package/package.json

@@ -1,26 +1,31 @@
 {
   "name": "@cypress-design/react-checkbox",
-  "version": "0.5.0",
+  "version": "1.0.1",
   "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": "rollup -c ./rollup.config.js",
+    "build:module": "rollup -c ./rollup.config.mjs",
     "build:types": "tsc --project ./tsconfig.build.json"
   },
   "dependencies": {
-    "@cypress-design/react-icon": "*",
-    "clsx": "*"
+    "@cypress-design/constants-checkbox": "^1.0.0",
+    "@cypress-design/react-icon": "^1.1.0",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@cypress-design/rollup-plugin-tailwind-keep": "*"
   },
   "license": "MIT"
 }

package/rollup.config.mjs

@@ -0,0 +1,7 @@
+import rootRollupConfig from '../../root.rollup.config.mjs'
+import pkg from './package.json' assert { type: 'json' }
+
+export default rootRollupConfig({
+  input: './index.ts',
+  external: Object.keys(pkg.dependencies),
+})

package/tsconfig.build.json

@@ -2,6 +2,7 @@
   "extends": "../../../tsconfig.react.build.json",
   "include": ["./Checkbox.tsx", "./index.ts"],
   "compilerOptions": {
+    "sourceRoot": "./",
     "outDir": "dist"
   }
 }

package/Checkbox.stories.mdx

@@ -1,67 +0,0 @@
-import { ArgsTable, Canvas, Meta, Story, Description } from '@storybook/addon-docs'
-import { version } from "./package.json"
-import changelog from "./CHANGELOG.md"
-
-import { Checkbox } from './Checkbox'
-
-<h1>Checkbox<span className="text-lg font-normal"> - v{version}</span></h1>
-
-<Meta title="Checkbox" component={Checkbox}
-  argTypes={{
-    color: {
-      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">
-    {args => 
-    (<>
-      <Checkbox  {...args} checked label="Checked"  />
-      <br />
-      <Checkbox  {...args} label="Unchecked" />
-      <br />
-      <Checkbox  {...args} checked disabled label="Disabled & checked" />
-      <br />
-      <Checkbox  {...args} disabled label="Disabled & unchecked" />
-    </>)}
-  </Story>
-</Canvas>
-
-<ArgsTable />
-
-## Usage
-
-Install the component
-
-```
-yarn add @cypress-design/react-checkbox
-```
-
-In the script, import the component
-
-```js
-import Checkbox from '@cypress-design/react-checkbox'
-```
-
-then in your render function, use it
-
-```jsx
-export const MyComp = () => {
-  return (<div>
-    <Checkbox checked={checked} label="Checked" color="indigo" onChange={setChecked}/>
-  </div>)
-}
-```
-
-<Description>
-  {changelog.replace(/^# .+/, '## Changelog')}
-</Description>

package/rollup.config.js

@@ -1,3 +0,0 @@
-import rootRollupConfig from '../../root.rollup.config'
-
-export default rootRollupConfig({ input: './index.ts' })

package/tsconfig.json

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