@beydesign/storybook 0.0.77 → 0.0.79

package/dist/stories/Form/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AutoComplete';
 export * from './Checkbox';
 export * from './Toggle';
 export * from './TextArea';

package/dist/stories/Form/index.js

@@ -1,3 +1,4 @@
+export * from './AutoComplete';
 export * from './Checkbox';
 export * from './Toggle';
 export * from './TextArea';

package/dist/stories/UI/ProgressIndicator.js

@@ -5,18 +5,13 @@ import { Typography, TypographySize, TypographyWeight } from '../Typography';
 export const ProgressIndicator = ({ mode = ProgressIndicatorMode.Value, currentValue = 40, maxValue = 100, fillColor = 'var(--colors-light-background-bg-brand)', backgroundColor = 'var(--colors-light-background-bg-white)', text = 'used', textColor = 'var(--colors-light-text-text-primary)', style, }) => {
     let errorText = '';
     const calculateFill = () => {
-        if (mode === ProgressIndicatorMode.Value) {
-            return (currentValue / maxValue) * 100;
-        }
-        else {
-            return currentValue;
-        }
+        return (currentValue / maxValue) * 100;
     };
-    if (!Number.isInteger(currentValue)) {
-        errorText = 'Current value must be an integer';
+    if (isNaN(currentValue) || !isFinite(currentValue)) {
+        errorText = 'Current value must be a valid number';
     }
-    else if (!Number.isInteger(maxValue)) {
-        errorText = 'Max value must be an integer';
+    else if (isNaN(maxValue) || !isFinite(maxValue)) {
+        errorText = 'Max value must be a valid number';
     }
     else if (currentValue < 0) {
         errorText = 'Invalid current value';
@@ -32,5 +27,5 @@ export const ProgressIndicator = ({ mode = ProgressIndicatorMode.Value, currentV
     if (errorText) {
         return (_jsx(Typography, { text: errorText, size: TypographySize.TextXS, weight: TypographyWeight.Regular }));
     }
-    return (_jsxs(Box, { display: "flex", flexDirection: mode === ProgressIndicatorMode.Value ? 'column' : 'row', justifyContent: 'space-between', alignItems: mode === ProgressIndicatorMode.Value ? 'flex-end' : 'center', gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-md)', sx: style, minWidth: 200, children: [mode === ProgressIndicatorMode.Value && (_jsx(Typography, { text: `${currentValue} / ${maxValue} ${text}`, size: TypographySize.TextXS, weight: TypographyWeight.Regular, color: textColor })), _jsx(Box, { display: "flex", flexGrow: 1, flexDirection: "row", alignItems: "center", borderRadius: '4px', sx: { backgroundColor, overflow: 'hidden' }, height: '4px', width: '100%', children: _jsx(Box, { height: '100%', borderRadius: '4px', sx: { backgroundColor: fillColor, width: `${calculateFill()}%` } }) }), mode === ProgressIndicatorMode.Percentage && (_jsx(Typography, { text: `${currentValue}%`, size: TypographySize.TextXS, weight: TypographyWeight.Regular, color: textColor }))] }));
+    return (_jsxs(Box, { display: "flex", flexDirection: mode === ProgressIndicatorMode.Value ? 'column' : 'row', justifyContent: 'space-between', alignItems: mode === ProgressIndicatorMode.Value ? 'flex-end' : 'center', gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-md)', sx: style, minWidth: 200, children: [mode === ProgressIndicatorMode.Value && (_jsx(Typography, { text: `${currentValue.toLocaleString(undefined, { maximumFractionDigits: 2 })} / ${maxValue.toLocaleString(undefined, { maximumFractionDigits: 2 })} ${text}`, size: TypographySize.TextXS, weight: TypographyWeight.Regular, color: textColor })), _jsx(Box, { display: "flex", flexGrow: 1, flexDirection: "row", alignItems: "center", borderRadius: '4px', sx: { backgroundColor, overflow: 'hidden' }, height: '4px', width: '100%', children: _jsx(Box, { height: '100%', borderRadius: '4px', sx: { backgroundColor: fillColor, width: `${calculateFill()}%` } }) }), mode === ProgressIndicatorMode.Percentage && (_jsx(Typography, { text: `${currentValue.toLocaleString(undefined, { maximumFractionDigits: 2 })}%`, size: TypographySize.TextXS, weight: TypographyWeight.Regular, color: textColor }))] }));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@beydesign/storybook",
   "private": false,
-  "version": "0.0.77",
+  "version": "0.0.79",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",