@pismo/marola 1.1.5 → 1.1.7

package/dist/assets/Badge.css

@@ -0,0 +1 @@
+._badge-root_1nh6a_1{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-family:IBM Plex Sans,sans-serif;position:relative;display:inline-block;line-height:1}._badge_1nh6a_1{z-index:auto;position:absolute;top:.25rem;right:.5rem;min-width:1rem;height:1rem;color:#fff;font-weight:500;font-size:.75rem;line-height:1rem;white-space:nowrap;text-align:center;border-radius:50%;background-color:var(--error-text);transform:translate(50%,-50%);transform-origin:100% 0}._badge--red_1nh6a_31{background-color:var(--error-text)}._badge--green_1nh6a_34{background-color:var(--colors-brand-success-color-success)}._badge--blue_1nh6a_37{background-color:var(--colors-brand-primary-color-primary-active)}._badge--blueInvert_1nh6a_40{background-color:var(--colors-brand-primary-color-primary-bg);color:var(--colors-brand-primary-color-primary-active)}._badge--gray_1nh6a_44{background-color:rgb(from var(--black-100) r g b/.15);color:var(--black)}._badge--basic_1nh6a_48{background-color:#fff;color:var(--black);border:1px solid rgba(from var(--black-100) r g b/.06);line-height:.875rem}._badge--double_1nh6a_54{width:1.625rem;border-radius:100px}._badge--triple_1nh6a_58{width:2.5rem;border-radius:100px}._badge--medium_1nh6a_62{min-width:1.25rem;min-height:1.25rem;line-height:1.25rem}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export type BadgeProps = {
+    count: number;
+    children?: ReactNode;
+    variant?: 'red' | 'green' | 'blue' | 'blueInvert' | 'gray' | 'basic';
+    size?: 'small' | 'medium';
+    className?: string;
+};
+export declare const Badge: ({ count, children, variant, size, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.js

@@ -0,0 +1,35 @@
+import '../../assets/Badge.css';
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { c as t } from "../../clsx-DB4S2d7J.js";
+const h = "_badge_1nh6a_1", e = {
+  "badge-root": "_badge-root_1nh6a_1",
+  badge: h,
+  "badge--red": "_badge--red_1nh6a_31",
+  "badge--green": "_badge--green_1nh6a_34",
+  "badge--blue": "_badge--blue_1nh6a_37",
+  "badge--blueInvert": "_badge--blueInvert_1nh6a_40",
+  "badge--gray": "_badge--gray_1nh6a_44",
+  "badge--basic": "_badge--basic_1nh6a_48",
+  "badge--double": "_badge--double_1nh6a_54",
+  "badge--triple": "_badge--triple_1nh6a_58",
+  "badge--medium": "_badge--medium_1nh6a_62"
+}, p = ({ count: a, children: r, variant: d, size: b, className: g }) => {
+  const _ = a > 99 ? "triple" : a > 9 ? "double" : "single", s = l(
+    () => t([
+      e.badge,
+      e[`badge--${d}`],
+      e[`badge--${b}`],
+      e[`badge--${_}`],
+      g
+    ]),
+    [g, d, b, _]
+  );
+  return /* @__PURE__ */ n("span", { className: e["badge-root"], children: [
+    r,
+    /* @__PURE__ */ o("span", { className: s, children: a > 999 ? "999+" : a })
+  ] });
+};
+export {
+  p as Badge
+};

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

@@ -0,0 +1,14 @@
+import { BadgeProps } from '../../main';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ count, children, variant, size, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Badge/Badge.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -18,7 +18,13 @@ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Right icon element */
     rightIcon?: ReactNode;
     /** Input type. Default: text */
-    type?: CustomInputTypeAttribute;
+    type?: CustomInputTypeAttribute | 'number-as-text';
+    /** allow only integer value. Default: false */
+    isInteger?: boolean;
+    /** use comma or dot as decimal separator, for example in Brazil it's use comma as pattern. Default: false */
+    useCommaInDecimal?: boolean;
+    /** allow negative numbers, it's similar use 'min=0' in input type 'number'. Default: false */
+    allowNegativeNumbers?: boolean;
     /** Decimal length when the input type is 'number' */
     decimalLength?: number;
     /** Hide the chars counter */