boflow-components 1.0.0 → 1.0.1

package/dist/components/Checkbox/checkbox.css

@@ -1,5 +1,6 @@
 .bo-checkbox {
   appearance: none;
+  box-sizing: border-box;
   background-color: var(--neutral-1, #fff);
   border: 1px solid var(--neutral-5, #dfe1e7);
   cursor: pointer;
@@ -10,6 +11,19 @@
   align-items: center;
   transition: all .2s ease-in-out;
   display: inline-flex;
+  position: relative;
+}
+
+.bo-checkbox:after {
+  content: "";
+  background-color: #0000;
+  width: 100%;
+  height: 100%;
+  transition: background-color .2s ease-in-out;
+  display: block;
+  mask-position: center;
+  mask-size: contain;
+  mask-repeat: no-repeat;
 }
 
 .bo-checkbox--small {
@@ -21,6 +35,7 @@
 .bo-checkbox--medium {
   width: 20px;
   height: 20px;
+  padding: 3.5px;
 }
 
 .bo-checkbox:hover:not(:disabled):not(:checked):not(.bo-checkbox--indeterminate) {
@@ -34,18 +49,10 @@
 .bo-checkbox:checked, .bo-checkbox--indeterminate {
   background-color: var(--primary-500, #131313);
   border-color: var(--primary-500, #131313);
-  position: relative;
 }
 
 .bo-checkbox:checked:after, .bo-checkbox--indeterminate:after {
-  content: "";
   background-color: #fff;
-  width: 100%;
-  height: 100%;
-  display: block;
-  mask-position: center;
-  mask-size: contain;
-  mask-repeat: no-repeat;
 }
 
 .bo-checkbox:checked:hover:not(:disabled), .bo-checkbox--indeterminate:hover:not(:disabled) {

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
 export { Button } from './Button/Button';
-export { Input } from './Input/Input';
 export { Checkbox } from './Checkbox/Checkbox';
+export { Input } from './Input/Input';

package/dist/components/index.js

@@ -1,4 +1,4 @@
 import { Button } from "./Button/Button.js";
-import { Input } from "./Input/Input.js";
 import { Checkbox } from "./Checkbox/Checkbox.js";
+import { Input } from "./Input/Input.js";
 export { Button, Checkbox, Input };

package/dist/types/Checkbox.d.ts

@@ -1,13 +1,6 @@
 import type { InputHTMLAttributes } from 'react';
 export type CheckboxSize = 'small' | 'medium';
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * The size of the checkbox
-     * @default 'medium'
-     */
     size?: CheckboxSize;
-    /**
-     * Whether the checkbox is in an indeterminate state
-     */
     indeterminate?: boolean;
 }

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export type { ButtonProps } from './Button';
 export { ButtonSize } from './Button';
+export type { CheckboxProps } from './Checkbox';
+export type { CheckboxSize } from './Checkbox';
 export type { InputProps } from './Input';
-export type { CheckboxProps, CheckboxSize } from './Checkbox';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boflow-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "exports": {
     ".": {
@@ -19,7 +19,8 @@
     "dev": "rsbuild dev --open",
     "dev:build": "rslib build --watch",
     "format": "biome format --write",
-    "storybook": "storybook dev"
+    "storybook": "storybook dev",
+    "publish": "rm -rf dist && rslib build && bun publish"
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.14",