@driveflux/beam 2.0.1 → 2.0.2

package/dist/badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import type * as React from 'react';
 declare const badgeVariants: (props?: ({
-    colorScheme?: "success" | "accent" | "warning" | "info" | null | undefined;
+    colorScheme?: "info" | "warning" | "success" | "accent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/base-styles.css

@@ -1,10 +1,8 @@
-@import "tailwindcss" important;
 @import "./root.css";
 @import "./datepicker/calendar.css";
-
-@plugin 'tailwindcss-animate';
-
-@custom-variant dark (&:is(.dark *));
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 @font-face {
 	font-family: "Gotham-Black";
@@ -61,282 +59,115 @@
 	font-display: swap;
 }
 
-@theme {
-	--height-button: 48px;
-
-	--font-bold: Gotham-Bold;
-	--font-normal: Gotham-Book;
-	--font-medium: Gotham-Medium;
-	--font-black: Gotham-Black;
-	--font-light: Gotham-Light;
-
-	--text-xs: 10px;
-	--text-sm: 12px;
-	--text-base: 14px;
-	--text-xl: 16px;
-	--text-2xl: 18px;
-	--text-3xl: 20px;
-	--text-4xl: 22px;
-	--text-5xl: 24px;
-	--text-6xl: 26px;
-	--text-7xl: 28px;
-	--text-8xl: 30px;
-
-	--tracking-normal: 0;
-	--tracking-wide: 1px;
-	--tracking-wider: 2px;
-	--tracking-widest: 3px;
-
-	--color-primary1: #efeff0;
-	--color-primary2: #cacaca;
-	--color-primary3: #585858;
-	--color-primary4: #191919;
-	--color-accent4: #e55867;
-	--color-links1: #eefafd;
-	--color-links2: #ade0ee;
-	--color-links: #50c8e8;
-	--color-lite: #d6f0f7;
-	--color-alert4: #e24657;
-	--color-danger: #e24657;
-	--color-warning4: #f4b25c;
-	--color-success4: #4fd9c2;
-	--color-green: #4fd9c2;
-	--color-black: #000000;
-	--color-white: #ffffff;
-	--color-white-hover: #e6e6e6;
-	--color-placeholder: #f4f4f4;
-	--color-highlight: #f9f7d7;
-
-	--color-primary-25: #fafafa;
-	--color-primary-50: #d6f5f0;
-	--color-primary-100: #98e6d6;
-	--color-primary-200: #191919;
-	--color-primary-300: #191919;
-	--color-primary-400: #3bd5bb;
-	--color-primary-500: #000000;
-	--color-primary-600: #000000;
-	--color-primary-700: #000000;
-	--color-primary-800: #000000;
-	--color-primary-900: #000000;
-
-	--color-success-50: #d8f7f2;
-	--color-success-100: #98e6d6;
-	--color-success-200: #3bd5bc;
-	--color-success-300: #4fd9c2;
-	--color-success-400: #3bd5bb;
-	--color-success-500: #3bd5bb;
-	--color-success-600: #2ea692;
-	--color-success-700: #00825c;
-	--color-success-800: #00724d;
-	--color-success-900: #005530;
-
-	--color-accent-50: #fceaee;
-	--color-accent-100: #f8cad3;
-	--color-accent-200: #e55867;
-	--color-accent-300: #e55867;
-	--color-accent-400: #e24657;
-	--color-accent-500: #e24657;
-	--color-accent-600: #d8253f;
-	--color-accent-700: #c61a38;
-	--color-accent-800: #b91231;
-	--color-accent-900: #aa0026;
-
-	--color-warning-50: #fdf0de;
-	--color-warning-100: #f4b25c;
-	--color-warning-200: #f4b25c;
-	--color-warning-300: #f4b25c;
-	--color-warning-400: #f4b25c;
-	--color-warning-500: #f4b25c;
-	--color-warning-600: #bf7f2c;
-	--color-warning-700: #f4b25c;
-	--color-warning-800: #f4b25c;
-	--color-warning-900: #f4b25c;
-
-	--color-info-25: #eefafc;
-	--color-info-50: #cdf1fa;
-	--color-info-100: #50c8e8;
-	--color-info-200: #50c8e8;
-	--color-info-300: #50c8e8;
-	--color-info-400: #50c8e8;
-	--color-info-500: #50c8e8;
-	--color-info-600: #3ea5c0;
-	--color-info-700: #50c8e8;
-	--color-info-800: #50c8e8;
-	--color-info-900: #183c46;
-
-	--color-alert-50: #e24657;
-	--color-alert-100: #e24657;
-	--color-alert-200: #e24657;
-	--color-alert-300: #e24657;
-	--color-alert-400: #e24657;
-	--color-alert-500: #e24657;
-	--color-alert-600: #e24657;
-	--color-alert-700: #e24657;
-	--color-alert-800: #e24657;
-	--color-alert-900: #e24657;
-
-	--animate-accordion-down: accordion-down 0.2s ease-out;
-	--animate-accordion-up: accordion-up 0.2s ease-out;
-	--animate-spin: rotate 0.6s linear infinite;
-
-	--leading-14: 14px;
-
-	@keyframes accordion-down {
-		from {
-			height: 0;
-		}
-
-		to {
-			height: var(--radix-accordion-content-height);
-		}
-	}
-
-	@keyframes accordion-up {
-		from {
-			height: var(--radix-accordion-content-height);
-		}
-
-		to {
-			height: 0;
-		}
-	}
-
-	@keyframes rotate {
-		0% {
-			transform: rotate(0deg);
-		}
-
-		100% {
-			transform: rotate(360deg);
-		}
-	}
+html {
+	line-height: 1.15;
+	-webkit-text-size-adjust: 100%;
+	height: 100%;
+	box-sizing: border-box;
+	line-height: 1.65;
 }
 
-@layer base {
-	*,
-	::after,
-	::before,
-	::backdrop,
-	::file-selector-button {
-		border-color: var(--color-gray-200, currentcolor);
-	}
-
-	a {
-		color: var(--links);
-		text-decoration: none;
-		transition: color 0.2s ease;
-	}
-
-	a:hover {
-		text-decoration: none;
-	}
-
-	html {
-		line-height: 1.15;
-		-webkit-text-size-adjust: 100%;
-		height: 100%;
-		box-sizing: border-box;
-		line-height: 1.65;
-	}
-
-	*,
-	*:before,
-	*:after {
-		box-sizing: inherit;
-	}
+*,
+*:before,
+*:after {
+	box-sizing: inherit;
+}
 
-	body {
-		position: relative;
-		min-height: 100%;
-		margin: 0;
+body {
+	position: relative;
+	min-height: 100%;
+	margin: 0;
+
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu",
+		"Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-weight: 400;
+	min-width: 320px;
+	direction: ltr;
+	font-feature-settings: "kern";
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	scroll-behavior: smooth;
+	font-family: var(--primaryNormal);
+}
 
-		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen",
-			"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-			sans-serif;
-		font-weight: 400;
-		min-width: 320px;
-		direction: ltr;
-		font-feature-settings: "kern";
-		text-rendering: optimizeLegibility;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-		scroll-behavior: smooth;
-		font-family: var(--primaryNormal);
-	}
+html,
+body {
+	background-color: var(--white);
+}
 
-	html,
-	body {
-		background-color: var(--white);
-	}
+::selection {
+	background-color: var(--primary);
+	color: var(--white);
+}
 
-	::selection {
-		background-color: var(--primary);
-		color: var(--white);
-	}
+[role="grid"]:focus {
+	outline: none;
+}
 
-	[role="grid"]:focus {
-		outline: none;
-	}
+svg {
+	text-rendering: optimizeLegibility;
+}
 
-	svg {
-		text-rendering: optimizeLegibility;
-	}
+h1,
+h2,
+h3 {
+	margin: 0;
+}
 
-	h1,
-	h2,
-	h3 {
-		margin: 0;
-	}
+a {
+	color: var(--links);
+	text-decoration: none;
+	transition: color 0.2s ease;
+}
 
-	* {
-		overflow: visible;
-		box-sizing: border-box;
-		text-align: left;
-	}
+a:hover {
+	text-decoration: none;
+}
 
-	button:not(:disabled),
-	[role="button"]:not(:disabled) {
-		cursor: pointer;
-	}
+* {
+	overflow: visible;
+	box-sizing: border-box;
+	text-align: left;
+}
 
-	strong {
-		font-family: var(--primaryBold);
-	}
+strong {
+	font-family: var(--primaryBold);
+}
 
-	.svg-icon {
-		width: 100%;
-		height: 100%;
-	}
+.svg-icon {
+	width: 100%;
+	height: 100%;
+}
 
-	input:-webkit-autofill,
-	input:-webkit-autofill:hover,
-	input:-webkit-autofill:focus,
-	textarea:-webkit-autofill,
-	textarea:-webkit-autofill:hover,
-	textarea:-webkit-autofill:focus,
-	select:-webkit-autofill,
-	select:-webkit-autofill:hover,
-	select:-webkit-autofill:focus {
-		background-color: var(--white) !important;
-		-webkit-box-shadow: 0 0 0px 1000px var(--white) inset !important;
-		color: #000 !important;
-		font-size: 14px !important;
-	}
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus {
+	background-color: var(--white) !important;
+	-webkit-box-shadow: 0 0 0px 1000px var(--white) inset !important;
+	color: #000 !important;
+	font-size: 14px !important;
+}
 
-	li::marker {
-		font-size: 15px;
-		margin-left: 10px;
-	}
+li::marker {
+	font-size: 15px;
+	margin-left: 10px;
+}
 
-	.full-width {
-		width: 100%;
-	}
+.full-width {
+	width: 100%;
+}
 
-	.h-safe-bottom-edge {
-		height: env(safe-area-inset-bottom);
-	}
+.h-safe-bottom-edge {
+	height: env(safe-area-inset-bottom);
+}
 
-	::-ms-reveal {
-		display: none;
-	}
+::-ms-reveal {
+	display: none;
 }

package/dist/box/Box.d.ts

@@ -3,7 +3,7 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * @default 'div'
      */
-    as?: 'input' | keyof React.ReactHTML | keyof React.ReactSVG;
+    as?: 'input' | React.HTMLElementType | React.SVGElementType;
     type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
 }
 declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,KAAK,CAAC,SAAS,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAA;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;CAC5D;AAED,QAAA,MAAM,GAAG,iFAIR,CAAA;AAGD,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC,cAAc,CAAA;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;CAC5D;AAED,QAAA,MAAM,GAAG,iFAIR,CAAA;AAGD,eAAe,GAAG,CAAA"}

package/dist/button/Button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "outline" | "outline-white" | null | undefined;
-    colorScheme?: "link" | "default" | "warning" | "success" | "accent" | null | undefined;
+    colorScheme?: "link" | "default" | "accent" | "warning" | "success" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/button/Button.js

@@ -1,83 +1,4 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
@@ -85,60 +6,27 @@ import LoadingAnimation from '../animations/LoadingAnimation.js';
 import Box from '../box/Box.js';
 import HStack from '../hstack/HStack.js';
 import { cn } from '../utils.js';
-var buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-xs px-4 py-6 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-wider disabled:pointer-events-none disabled:opacity-30 ', {
+const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-xs px-4 py-6 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-wider disabled:pointer-events-none disabled:opacity-30 ', {
     variants: {
         variant: {
             outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
-            'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
+            'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
         },
         colorScheme: {
             default: 'bg-black',
             accent: 'bg-accent-500 hover:bg-accent4',
             link: 'bg-links hover:bg-links2',
             warning: 'bg-warning4 hover:bg-warning-500',
-            success: 'bg-success-200 hover:bg-success4'
-        }
-    }
+            success: 'bg-success-200 hover:bg-success4',
+        },
+    },
 });
-var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, colorScheme = _param.colorScheme, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, leftIcon = _param.leftIcon, rightIcon = _param.rightIcon, isDisabled = _param.isDisabled, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "variant",
-        "colorScheme",
-        "asChild",
-        "leftIcon",
-        "rightIcon",
-        "isDisabled",
-        "isLoading",
-        "children"
-    ]);
-    var Comp = asChild ? Slot : 'button';
-    return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
-        className: cn('min-w-32', buttonVariants({
-            variant: variant,
-            colorScheme: colorScheme,
-            className: className
-        }), isLoading ? 'disabled:!opacity-100' : ''),
-        ref: ref,
-        disabled: isDisabled || isLoading
-    }, props), {
-        children: /*#__PURE__*/ _jsx(HStack, {
-            className: 'gap-2 items-center',
-            children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
-                colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
-            }) : /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    leftIcon && /*#__PURE__*/ _jsx(Box, {
-                        children: leftIcon
-                    }),
-                    children,
-                    rightIcon && /*#__PURE__*/ _jsx(Box, {
-                        children: rightIcon
-                    })
-                ]
-            })
-        })
-    }));
+const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (_jsx(Comp, { className: cn('min-w-32', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
+                    ? 'default'
+                    : 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), children, rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
 });
 Button.displayName = 'Button';
 export default Button;
+//# sourceMappingURL=Button.js.map