@reitwagen/design-components 0.2.2 → 0.3.0

package/dist/index.css

@@ -280,9 +280,15 @@
   .ui\:inline-flex {
     display: inline-flex;
   }
+  .ui\:h-6 {
+    height: calc(var(--ui-spacing) * 6);
+  }
   .ui\:h-\[21px\] {
     height: 21px;
   }
+  .ui\:h-\[22px\] {
+    height: 22px;
+  }
   .ui\:h-\[25px\] {
     height: 25px;
   }
@@ -310,9 +316,15 @@
   .ui\:h-px {
     height: 1px;
   }
+  .ui\:w-6 {
+    width: calc(var(--ui-spacing) * 6);
+  }
   .ui\:w-\[21px\] {
     width: 21px;
   }
+  .ui\:w-\[22px\] {
+    width: 22px;
+  }
   .ui\:w-\[25px\] {
     width: 25px;
   }
@@ -336,6 +348,9 @@
     --tw-translate-x: calc(var(--ui-spacing) * 6);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .ui\:cursor-default {
+    cursor: default;
+  }
   .ui\:cursor-pointer {
     cursor: pointer;
   }
@@ -388,6 +403,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .ui\:border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
   .ui\:border-blue-300 {
     border-color: var(--ui-color-blue-300);
   }
@@ -610,6 +629,9 @@
   .ui\:text-blue-800 {
     color: var(--ui-color-blue-800);
   }
+  .ui\:text-gray-100 {
+    color: var(--ui-color-gray-100);
+  }
   .ui\:text-gray-200 {
     color: var(--ui-color-gray-200);
   }
@@ -663,6 +685,16 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .ui\:active\:border-gray-100 {
+    &:active {
+      border-color: var(--ui-color-gray-100);
+    }
+  }
+  .ui\:active\:border-gray-300 {
+    &:active {
+      border-color: var(--ui-color-gray-300);
+    }
+  }
   .ui\:active\:bg-blue-50 {
     &:active {
       background-color: var(--ui-color-blue-50);
@@ -673,6 +705,11 @@
       background-color: var(--ui-color-blue-100);
     }
   }
+  .ui\:active\:bg-blue-300 {
+    &:active {
+      background-color: var(--ui-color-blue-300);
+    }
+  }
   .ui\:active\:bg-blue-800 {
     &:active {
       background-color: var(--ui-color-blue-800);
@@ -698,11 +735,21 @@
       color: var(--ui-color-blue-800);
     }
   }
+  .ui\:active\:text-gray-100 {
+    &:active {
+      color: var(--ui-color-gray-100);
+    }
+  }
   .ui\:active\:text-gray-200 {
     &:active {
       color: var(--ui-color-gray-200);
     }
   }
+  .ui\:active\:text-gray-300 {
+    &:active {
+      color: var(--ui-color-gray-300);
+    }
+  }
   .ui\:active\:text-gray-500 {
     &:active {
       color: var(--ui-color-gray-500);
@@ -718,6 +765,11 @@
       color: var(--ui-color-gray-800);
     }
   }
+  .ui\:active\:text-white {
+    &:active {
+      color: var(--ui-color-white);
+    }
+  }
 }
 @layer theme, base, components, utilities;
 @layer theme;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./components/Button";
 export * from "./components/Chip";
 export * from "./components/Toggle";
+export * from "./components/Checkbox";
 export * from "./components/Icons";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -18,5 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/Chip"), exports);
 __exportStar(require("./components/Toggle"), exports);
+__exportStar(require("./components/Checkbox"), exports);
 /* --------------------------------- ICONS ---------------------------------- */
 __exportStar(require("./components/Icons"), exports);

package/dist/types/props.d.ts

@@ -1,8 +1,11 @@
-import { ComponentProps, ElementType } from "react";
+import { ComponentProps, ElementType, ReactNode } from "react";
 export type AsProps<C extends ElementType> = {
     as?: C;
 };
 export type ElementTypeProps<C extends ElementType> = ComponentProps<C>;
 export type KeyWithAs<C extends ElementType, Props> = keyof (Props & AsProps<C>);
 export type PolymorphicComponentProps<C extends ElementType, Props = "object"> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
+export interface ChildrenProps<Children = ReactNode> {
+    children?: Children;
+}
 //# sourceMappingURL=props.d.ts.map

package/dist/types/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,QAAQ,IACd,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,QAAQ,IACd,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reitwagen/design-components",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "sideEffects": [
     "**/*.css"
   ],