@driveflux/beam 2.0.9 → 2.0.10

package/dist/base-styles.css

@@ -1,8 +1,9 @@
 @import "./root.css";
 @import "./datepicker/calendar.css";
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+
+@plugin 'tailwindcss-animate';
+
+@custom-variant dark (&:is(.dark *));
 
 @font-face {
 	font-family: "Gotham-Black";
@@ -59,115 +60,282 @@
 	font-display: swap;
 }
 
-html {
-	line-height: 1.15;
-	-webkit-text-size-adjust: 100%;
-	height: 100%;
-	box-sizing: border-box;
-	line-height: 1.65;
-}
+@theme {
+	--height-button: 48px;
 
-*,
-*:before,
-*:after {
-	box-sizing: inherit;
-}
+	--font-bold: Gotham-Bold;
+	--font-normal: Gotham-Book;
+	--font-medium: Gotham-Medium;
+	--font-black: Gotham-Black;
+	--font-light: Gotham-Light;
 
-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);
-}
+	--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;
 
-html,
-body {
-	background-color: var(--white);
-}
+	--tracking-normal: 0;
+	--tracking-wide: 1px;
+	--tracking-wider: 2px;
+	--tracking-widest: 3px;
 
-::selection {
-	background-color: var(--primary);
-	color: var(--white);
-}
+	--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;
 
-[role="grid"]:focus {
-	outline: none;
-}
+	--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;
 
-svg {
-	text-rendering: optimizeLegibility;
-}
+	--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;
 
-h1,
-h2,
-h3 {
-	margin: 0;
-}
+	--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;
 
-a {
-	color: var(--links);
-	text-decoration: none;
-	transition: color 0.2s ease;
-}
+	--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;
 
-a:hover {
-	text-decoration: none;
-}
+	--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;
 
-* {
-	overflow: visible;
-	box-sizing: border-box;
-	text-align: left;
-}
+	--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;
 
-strong {
-	font-family: var(--primaryBold);
-}
+	--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;
 
-.svg-icon {
-	width: 100%;
-	height: 100%;
-}
+	--leading-14: 14px;
 
-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;
-}
+	@keyframes accordion-down {
+		from {
+			height: 0;
+		}
 
-li::marker {
-	font-size: 15px;
-	margin-left: 10px;
-}
+		to {
+			height: var(--radix-accordion-content-height);
+		}
+	}
 
-.full-width {
-	width: 100%;
-}
+	@keyframes accordion-up {
+		from {
+			height: var(--radix-accordion-content-height);
+		}
+
+		to {
+			height: 0;
+		}
+	}
+
+	@keyframes rotate {
+		0% {
+			transform: rotate(0deg);
+		}
 
-.h-safe-bottom-edge {
-	height: env(safe-area-inset-bottom);
+		100% {
+			transform: rotate(360deg);
+		}
+	}
 }
 
-::-ms-reveal {
-	display: none;
+@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;
+	}
+
+	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);
+	}
+
+	html,
+	body {
+		background-color: var(--white);
+	}
+
+	::selection {
+		background-color: var(--primary);
+		color: var(--white);
+	}
+
+	[role="grid"]:focus {
+		outline: none;
+	}
+
+	svg {
+		text-rendering: optimizeLegibility;
+	}
+
+	h1,
+	h2,
+	h3 {
+		margin: 0;
+	}
+
+	* {
+		overflow: visible;
+		box-sizing: border-box;
+		text-align: left;
+	}
+
+	button:not(:disabled),
+	[role="button"]:not(:disabled) {
+		cursor: pointer;
+	}
+
+	strong {
+		font-family: var(--primaryBold);
+	}
+
+	.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;
+	}
+
+	li::marker {
+		font-size: 15px;
+		margin-left: 10px;
+	}
+
+	.full-width {
+		width: 100%;
+	}
+
+	.h-safe-bottom-edge {
+		height: env(safe-area-inset-bottom);
+	}
+
+	::-ms-reveal {
+		display: none;
+	}
 }

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/box/Box.js

@@ -1,91 +1,7 @@
-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 * as React from 'react';
-var Box = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var _param_as = _param.as, as = _param_as === void 0 ? 'div' : _param_as, children = _param.children, props = _object_without_properties(_param, [
-        "as",
-        "children"
-    ]);
-    return /*#__PURE__*/ React.createElement(as, _object_spread_props(_object_spread({}, props), {
-        ref: ref
-    }), children);
+const Box = React.forwardRef(({ as = 'div', children, ...props }, ref) => {
+    return React.createElement(as, { ...props, ref }, children);
 });
 Box.displayName = 'Box';
 export default Box;
+//# sourceMappingURL=Box.js.map

package/dist/box/Box.stories.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Box from './Box.js';
-var meta = {
-    component: Box
+const meta = {
+    component: Box,
 };
 export default meta;
-export var FirstStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsx(Box, {
-            className: "h-16 w-16 min-w-16 border border-primary2"
-        });
-    }
+export const FirstStory = {
+    render: () => {
+        return _jsx(Box, { className: "h-16 w-16 min-w-16 border border-primary2" });
+    },
 };
+//# sourceMappingURL=Box.stories.js.map