@pismo/marola 1.1.5 → 1.1.7

package/dist/components/Input/Input.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
+export declare const SimpleNumberAsText: Story;
 export declare const WithLabel: Story;
 export declare const WithRequiredLabel: Story;
 export declare const WithPlaceholder: Story;

package/dist/components/InputSearch/InputSearch.d.ts

@@ -12,7 +12,10 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
     multiline?: false | undefined;
     leftIcon?: import('react').ReactNode;
     rightIcon?: import('react').ReactNode;
-    type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
+    type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
+    isInteger?: boolean | undefined;
+    useCommaInDecimal?: boolean | undefined;
+    allowNegativeNumbers?: boolean | undefined;
     decimalLength?: number | undefined;
     hideCharsCounter?: boolean | undefined;
     classNameWrapper?: string | undefined;

package/dist/components/InputSearch/InputSearch.stories.d.ts

@@ -13,7 +13,10 @@ declare const meta: {
         multiline?: false | undefined;
         leftIcon?: import('react').ReactNode;
         rightIcon?: import('react').ReactNode;
-        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | undefined;
+        type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
+        isInteger?: boolean | undefined;
+        useCommaInDecimal?: boolean | undefined;
+        allowNegativeNumbers?: boolean | undefined;
         decimalLength?: number | undefined;
         hideCharsCounter?: boolean | undefined;
         classNameWrapper?: string | undefined;

package/dist/main.d.ts

@@ -7,6 +7,7 @@ export * from './components/Advice/Advice';
 export * from './components/Alert/Alert';
 export * from './components/Autocomplete/Autocomplete';
 export * from './components/Avatar/Avatar';
+export * from './components/Badge/Badge';
 export * from './components/BankCard/BankCard';
 export * from './components/Button/Button';
 export * from './components/Calendar/Calendar';

package/dist/main.js

@@ -3,107 +3,109 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Alert as f } from "./components/Alert/Alert.js";
 import { Autocomplete as m } from "./components/Autocomplete/Autocomplete.js";
 import { Avatar as l } from "./components/Avatar/Avatar.js";
-import { BankCard as T } from "./components/BankCard/BankCard.js";
-import { Button as c } from "./components/Button/Button.js";
-import { Calendar as u } from "./components/Calendar/Calendar.js";
-import { Checkbox as d } from "./components/Checkbox/Checkbox.js";
-import { C as b, R as k, T as h } from "./Toggle-BuZjueQ7.js";
-import { ConfirmationDialog as A } from "./components/ConfirmationDialog/ConfirmationDialog.js";
-import { Description as v } from "./components/Description/Description.js";
-import { Dialog as P } from "./components/Dialog/Dialog.js";
-import { EllipsisTooltip as y } from "./components/EllipsisTooltip/EllipsisTooltip.js";
-import { Icon as w } from "./components/Icon/Icon.js";
-import { IconButton as E } from "./components/IconButton/IconButton.js";
-import { Input as N } from "./components/Input/Input.js";
-import { InputSearch as W } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as q } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { PageHeader as F } from "./components/PageHeader/PageHeader.js";
-import { Pagination as K, paginationDefaultTranslations as M } from "./components/Pagination/Pagination.js";
-import { Popover as U } from "./components/Popover/Popover.js";
-import { RadioButton as X } from "./components/RadioButton/RadioButton.js";
-import { ResultWithChips as Z } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as $, SelectContext as oo, SelectOption as ro, useSelectContext as eo } from "./components/Select/Select.js";
-import { Skeleton as po, SkeletonCircle as ao, SkeletonTable as fo } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as mo } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as lo, sortTooltipDefaultTranslations as io } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as so } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as go } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as So, THead as Co, Table as bo, Td as ko, Th as ho, Tr as Do } from "./components/Table/Table.js";
-import { Tabs as Io } from "./components/Tabs/Tabs.js";
-import { Tag as Bo } from "./components/Tag/Tag.js";
-import { TextDisplay as Ro } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as Go } from "./components/Toggle/Toggle.js";
-import { G as Ho } from "./Group-ZXteFV4M.js";
-import { Tooltip as Lo } from "./components/Tooltip/Tooltip.js";
-import { TransactionRow as Oo } from "./components/TransactionRow/TransactionRow.js";
-import { Text as jo, Typography as qo } from "./components/Typography/Typography.js";
-import { SnackbarContext as Fo, SnackbarProvider as Jo, useSnackbar as Ko } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as Qo } from "./components/Dialog/DialogTitle.js";
-import { default as Vo } from "./components/Dialog/Content.js";
-import { default as Yo } from "./components/Dialog/Actions.js";
-import { Tab as _o } from "./components/Tabs/Tab.js";
-import { TabPanel as or } from "./components/Tabs/TabPanel.js";
+import { Badge as T } from "./components/Badge/Badge.js";
+import { BankCard as c } from "./components/BankCard/BankCard.js";
+import { Button as u } from "./components/Button/Button.js";
+import { Calendar as d } from "./components/Calendar/Calendar.js";
+import { Checkbox as b } from "./components/Checkbox/Checkbox.js";
+import { C as h, R as D, T as A } from "./Toggle-BuZjueQ7.js";
+import { ConfirmationDialog as I } from "./components/ConfirmationDialog/ConfirmationDialog.js";
+import { Description as P } from "./components/Description/Description.js";
+import { Dialog as y } from "./components/Dialog/Dialog.js";
+import { EllipsisTooltip as w } from "./components/EllipsisTooltip/EllipsisTooltip.js";
+import { Icon as E } from "./components/Icon/Icon.js";
+import { IconButton as N } from "./components/IconButton/IconButton.js";
+import { Input as W } from "./components/Input/Input.js";
+import { InputSearch as q } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as F } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as K } from "./components/PageHeader/PageHeader.js";
+import { Pagination as Q, paginationDefaultTranslations as U } from "./components/Pagination/Pagination.js";
+import { Popover as X } from "./components/Popover/Popover.js";
+import { RadioButton as Z } from "./components/RadioButton/RadioButton.js";
+import { ResultWithChips as $ } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as ro, SelectContext as eo, SelectOption as to, useSelectContext as po } from "./components/Select/Select.js";
+import { Skeleton as fo, SkeletonCircle as xo, SkeletonTable as mo } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as lo } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as To, sortTooltipDefaultTranslations as so } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as go } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as So } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as bo, THead as ko, Table as ho, Td as Do, Th as Ao, Tr as Bo } from "./components/Table/Table.js";
+import { Tabs as vo } from "./components/Tabs/Tabs.js";
+import { Tag as Ro } from "./components/Tag/Tag.js";
+import { TextDisplay as Go } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as Ho } from "./components/Toggle/Toggle.js";
+import { G as Lo } from "./Group-ZXteFV4M.js";
+import { Tooltip as Oo } from "./components/Tooltip/Tooltip.js";
+import { TransactionRow as jo } from "./components/TransactionRow/TransactionRow.js";
+import { Text as zo, Typography as Fo } from "./components/Typography/Typography.js";
+import { SnackbarContext as Ko, SnackbarProvider as Mo, useSnackbar as Qo } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as Vo } from "./components/Dialog/DialogTitle.js";
+import { default as Yo } from "./components/Dialog/Content.js";
+import { default as _o } from "./components/Dialog/Actions.js";
+import { Tab as or } from "./components/Tabs/Tab.js";
+import { TabPanel as er } from "./components/Tabs/TabPanel.js";
 export {
-  Yo as Actions,
+  _o as Actions,
   e as Adornment,
   p as Advice,
   f as Alert,
   m as Autocomplete,
   l as Avatar,
-  T as BankCard,
-  c as Button,
-  u as Calendar,
-  d as Checkbox,
-  b as Chip,
-  A as ConfirmationDialog,
-  Vo as Content,
-  v as Description,
-  P as Dialog,
-  Qo as DialogTitle,
-  y as EllipsisTooltip,
-  w as Icon,
-  E as IconButton,
-  N as Input,
-  W as InputSearch,
-  q as LoadingSpinner,
-  F as PageHeader,
-  K as Pagination,
-  U as Popover,
-  X as RadioButton,
-  Z as ResultWithChips,
-  k as RowItem,
-  $ as Select,
-  oo as SelectContext,
-  ro as SelectOption,
-  po as Skeleton,
-  ao as SkeletonCircle,
-  fo as SkeletonTable,
-  mo as Snackbar,
-  Fo as SnackbarContext,
-  Jo as SnackbarProvider,
-  lo as SortTooltip,
-  so as Stepper,
-  go as StepperNavigator,
-  So as TBody,
-  Co as THead,
-  _o as Tab,
-  or as TabPanel,
-  bo as Table,
-  Io as Tabs,
-  Bo as Tag,
-  ko as Td,
-  jo as Text,
-  Ro as TextDisplay,
-  ho as Th,
-  Go as Toggle,
-  Ho as ToggleGroup,
-  h as ToggleGroupItem,
-  Lo as Tooltip,
-  Do as Tr,
-  Oo as TransactionRow,
-  qo as Typography,
-  M as paginationDefaultTranslations,
-  io as sortTooltipDefaultTranslations,
-  eo as useSelectContext,
-  Ko as useSnackbar
+  T as Badge,
+  c as BankCard,
+  u as Button,
+  d as Calendar,
+  b as Checkbox,
+  h as Chip,
+  I as ConfirmationDialog,
+  Yo as Content,
+  P as Description,
+  y as Dialog,
+  Vo as DialogTitle,
+  w as EllipsisTooltip,
+  E as Icon,
+  N as IconButton,
+  W as Input,
+  q as InputSearch,
+  F as LoadingSpinner,
+  K as PageHeader,
+  Q as Pagination,
+  X as Popover,
+  Z as RadioButton,
+  $ as ResultWithChips,
+  D as RowItem,
+  ro as Select,
+  eo as SelectContext,
+  to as SelectOption,
+  fo as Skeleton,
+  xo as SkeletonCircle,
+  mo as SkeletonTable,
+  lo as Snackbar,
+  Ko as SnackbarContext,
+  Mo as SnackbarProvider,
+  To as SortTooltip,
+  go as Stepper,
+  So as StepperNavigator,
+  bo as TBody,
+  ko as THead,
+  or as Tab,
+  er as TabPanel,
+  ho as Table,
+  vo as Tabs,
+  Ro as Tag,
+  Do as Td,
+  zo as Text,
+  Go as TextDisplay,
+  Ao as Th,
+  Ho as Toggle,
+  Lo as ToggleGroup,
+  A as ToggleGroupItem,
+  Oo as Tooltip,
+  Bo as Tr,
+  jo as TransactionRow,
+  Fo as Typography,
+  U as paginationDefaultTranslations,
+  so as sortTooltipDefaultTranslations,
+  po as useSelectContext,
+  Qo as useSnackbar
 };

package/dist/marola.css

@@ -1 +1 @@
-:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078)}
+:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217;--border-secondary: #f0f0f0;--border-secondary-rgb: 240, 240, 240;--error-background: #fff2f0;--error-background-rgb: 255, 242, 240;--error-border: #ffccc7;--error-border-rgb: 255, 204, 199;--error-text: #d9363e;--error-text-rgb: 217, 54, 62;--success-text: #045440;--success-text-rgb: 4, 84, 64;--warning-text: #874d00;--warning-text-rgb: 135, 77, 0;--warning: #faad14;--warning-rgb: 250, 173, 20;--avatar-background: rgba(63, 61, 75, .2509803922);--avatar-background-rgb: 63, 61, 75}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255;--green-1: #f0fff7;--green-1-rgb: 240, 255, 247;--green-3: #a1edcb;--green-3-rgb: 161, 237, 203;--green-6: #28c88f;--green-6-rgb: 40, 200, 143;--blue-1: #e6f9ff;--blue-1-rgb: 230, 249, 255;--blue-3: #94ddff;--blue-3-rgb: 148, 221, 255;--blue-6: #1897f3;--blue-6-rgb: 24, 151, 243;--gold-1: #fffbe6;--gold-1-rgb: 255, 251, 230;--gold-3: #ffe58f;--gold-3-rgb: 255, 229, 143;--gold-6: #faad14;--gold-6-rgb: 250, 173, 20;--magenta-1: #fff0f6;--magenta-1-rgb: 255, 240, 246;--magenta-3: #ffadd2;--magenta-3-rgb: 255, 173, 210;--magenta-6: #eb2f96;--magenta-6-rgb: 235, 47, 150;--cyan-1: #e6fffb;--cyan-1-rgb: 230, 255, 251;--cyan-3: #87e8de;--cyan-3-rgb: 135, 232, 222;--cyan-6: #13c2c2;--cyan-6-rgb: 19, 194, 194;--geek-blue-1: #f0f5ff;--geek-blue-1-rgb: 240, 245, 255;--geek-blue-3: #adc6ff;--geek-blue-3-rgb: 173, 198, 255;--geek-blue-5: #597ef7;--geek-blue-5-rgb: 89, 126, 247;--geek-blue-6: #2f54eb;--geek-blue-6-rgb: 47, 84, 235;--lime-1: #fcffe6;--lime-1-rgb: 252, 255, 230;--lime-3: #eaff8f;--lime-3-rgb: 234, 255, 143;--lime-6: #a0d911;--lime-6-rgb: 160, 217, 17;--orange-1: #fffaf0;--orange-1-rgb: 255, 250, 240;--orange-3: #ffe8bf;--orange-3-rgb: 255, 232, 191;--orange-6: #ffa945;--orange-6-rgb: 255, 169, 69;--purple-1: #f9f0ff;--purple-1-rgb: 249, 240, 255;--purple-3: #d3adf7;--purple-3-rgb: 211, 173, 247;--purple-6: #722ed1;--purple-6-rgb: 114, 46, 209;--red-1: #fff0f0;--red-1-rgb: 255, 240, 240;--red-3: #fcbdc3;--red-3-rgb: 252, 189, 195;--red-6: #d53a56;--red-6-rgb: 213, 58, 86;--volcano-1: #fff2e8;--volcano-1-rgb: 255, 242, 232;--volcano-3: #ffbb96;--volcano-3-rgb: 255, 187, 150;--volcano-6: #fa541c;--volcano-6-rgb: 250, 84, 28}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}:root{--border-radius-border-radius: .375rem;--size-base-size: 1rem;--size-base-size-sm: .75rem;--colors-base-green-3: #a1edcb;--colors-brand-success-color-success-border: var(--colors-base-green-3);--colors-base-green-1: #f0fff7;--colors-brand-success-color-success-bg: var(--colors-base-green-1);--colors-brand-error-color-error-border: #ffccc7;--colors-brand-error-color-error-bg: #fff2f0;--colors-brand-error-color-error-hover: #ff7875;--colors-brand-error-color-error-active: #d9363e;--colors-brand-error-color-error: #ff4d4f;--colors-base-gold-3: #ffe58f;--colors-brand-warning-color-warning-border: var(--colors-base-gold-3);--colors-base-gold-1: #fffbe6;--colors-brand-warning-color-warning-bg: var(--colors-base-gold-1);--colors-base-blue-3: #94ddff;--colors-brand-primary-color-primary-border: var(--colors-base-blue-3);--colors-brand-info-color-info-border: var(--colors-brand-primary-color-primary-border);--colors-brand-info-color-info-bg: var(--colors-brand-primary-color-primary-bg);--colors-base-blue-6: #1897f3;--colors-brand-primary-color-primary: var(--colors-base-blue-6);--colors-base-blue-4: #6bcbff;--colors-brand-primary-color-primary-border-hover: var(--colors-base-blue-4);--colors-base-blue-7: #0a75cc;--colors-brand-primary-color-primary-active: var(--colors-base-blue-7);--colors-neutral-border-color-border: #d9d9d9;--colors-neutral-text-color-text: rgba(63, 61, 75, .8784313725);--colors-neutral-text-color-text-tertiary: rgba(63, 61, 75, .4509803922);--colors-neutral-text-color-text-description: var(--colors-neutral-text-color-text-tertiary);--colors-neutral-text-color-text-quaternary: rgba(63, 61, 75, .2509803922);--colors-neutral-text-color-text-disabled: var(--colors-neutral-text-color-text-quaternary);--colors-neutral-fill-color-fill: rgba(0, 0, 0, .1490196078);--colors-base-green-6: #28c88f;--colors-brand-success-color-success: var(--colors-base-green-6);--colors-base-blue-1: #e6f9ff;--colors-brand-primary-color-primary-bg: var(--colors-base-blue-1)}

package/dist/utils/inputNumberAsText.d.ts

@@ -0,0 +1,10 @@
+import { KeyboardEvent } from 'react';
+
+declare const allowOnlyMathSignals: (ev: KeyboardEvent<HTMLInputElement>) => {
+    wasPrevented: boolean;
+};
+declare const allowOnlyNumbers: (ev: KeyboardEvent<HTMLInputElement>, allowNegative?: boolean) => void;
+declare const allowOnlyIntegerNumbers: (ev: KeyboardEvent<HTMLInputElement>, allowNegative?: boolean) => void;
+declare const formatDecimalValue: (value: string | number, useCommaInDecimal?: boolean) => string;
+declare const parseToInteger: (value: string) => number | "";
+export { allowOnlyNumbers, allowOnlyIntegerNumbers, allowOnlyMathSignals, formatDecimalValue, parseToInteger };

package/dist/utils/inputNumberAsText.js

@@ -0,0 +1,42 @@
+const s = ["ArrowLeft", "ArrowRight", "Backspace", "Delete", "Tab"], n = [".", ","], l = ["-"], i = (e) => {
+  var t;
+  return l.includes(e.key) ? e.currentTarget.value.match(
+    new RegExp(l.map((r) => `\\${r}`).join("|"))
+  ) ? (e.preventDefault(), { wasPrevented: !0 }) : (n.includes((t = e.currentTarget.value) == null ? void 0 : t[0]) ? (e.currentTarget.value = e.key, e.preventDefault()) : e.currentTarget.setSelectionRange(0, 0), { wasPrevented: !0 }) : { wasPrevented: !1 };
+}, u = (e, t = !1) => {
+  if (e.key === " ") {
+    e.preventDefault();
+    return;
+  }
+  if (t) {
+    const { wasPrevented: r } = i(e);
+    if (r)
+      return;
+  }
+  if (isNaN(Number(e.key)) && !s.includes(e.key) && !n.includes(e.key)) {
+    e.preventDefault();
+    return;
+  }
+  const a = e.currentTarget.value.match(
+    new RegExp(`(${n.map((r) => `\\${r}`).join("|")})`)
+  );
+  n.includes(e.key) && a && e.preventDefault();
+}, c = (e, t = !1) => {
+  if (e.key === " ") {
+    e.preventDefault();
+    return;
+  }
+  if (t) {
+    const { wasPrevented: a } = i(e);
+    if (a)
+      return;
+  }
+  isNaN(Number(e.key)) && !s.includes(e.key) && e.preventDefault();
+}, o = (e, t = !1) => t ? String(e).replace(".", ",") : String(e).replace(",", "."), f = (e) => e.length ? Number(String(e).replace(/\.|,/gi, "")) : "";
+export {
+  c as allowOnlyIntegerNumbers,
+  i as allowOnlyMathSignals,
+  u as allowOnlyNumbers,
+  o as formatDecimalValue,
+  f as parseToInteger
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",