@grupalia/rn-ui-kit 0.0.4 → 0.0.41

package/lib/typescript/commonjs/styles/utility-colors.d.ts

@@ -0,0 +1,500 @@
+declare const _default: {
+    'gray-50': {
+        light: string;
+        dark: string;
+    };
+    'gray-100': {
+        light: string;
+        dark: string;
+    };
+    'gray-200': {
+        light: string;
+        dark: string;
+    };
+    'gray-300': {
+        light: string;
+        dark: string;
+    };
+    'gray-400': {
+        light: string;
+        dark: string;
+    };
+    'gray-500': {
+        light: string;
+        dark: string;
+    };
+    'gray-600': {
+        light: string;
+        dark: string;
+    };
+    'gray-700': {
+        light: string;
+        dark: string;
+    };
+    'gray-800': {
+        light: string;
+        dark: string;
+    };
+    'gray-900': {
+        light: string;
+        dark: string;
+    };
+    'brand-50': {
+        light: string;
+        dark: string;
+    };
+    'brand-100': {
+        light: string;
+        dark: string;
+    };
+    'brand-200': {
+        light: string;
+        dark: string;
+    };
+    'brand-300': {
+        light: string;
+        dark: string;
+    };
+    'brand-400': {
+        light: string;
+        dark: string;
+    };
+    'brand-500': {
+        light: string;
+        dark: string;
+    };
+    'brand-600': {
+        light: string;
+        dark: string;
+    };
+    'brand-700': {
+        light: string;
+        dark: string;
+    };
+    'brand-800': {
+        light: string;
+        dark: string;
+    };
+    'brand-900': {
+        light: string;
+        dark: string;
+    };
+    'error-50': {
+        light: string;
+        dark: string;
+    };
+    'error-100': {
+        light: string;
+        dark: string;
+    };
+    'error-200': {
+        light: string;
+        dark: string;
+    };
+    'error-300': {
+        light: string;
+        dark: string;
+    };
+    'error-400': {
+        light: string;
+        dark: string;
+    };
+    'error-500': {
+        light: string;
+        dark: string;
+    };
+    'error-600': {
+        light: string;
+        dark: string;
+    };
+    'error-700': {
+        light: string;
+        dark: string;
+    };
+    'warning-50': {
+        light: string;
+        dark: string;
+    };
+    'warning-100': {
+        light: string;
+        dark: string;
+    };
+    'warning-200': {
+        light: string;
+        dark: string;
+    };
+    'warning-300': {
+        light: string;
+        dark: string;
+    };
+    'warning-400': {
+        light: string;
+        dark: string;
+    };
+    'warning-500': {
+        light: string;
+        dark: string;
+    };
+    'warning-600': {
+        light: string;
+        dark: string;
+    };
+    'warning-700': {
+        light: string;
+        dark: string;
+    };
+    'success-50': {
+        light: string;
+        dark: string;
+    };
+    'success-100': {
+        light: string;
+        dark: string;
+    };
+    'success-200': {
+        light: string;
+        dark: string;
+    };
+    'success-300': {
+        light: string;
+        dark: string;
+    };
+    'success-400': {
+        light: string;
+        dark: string;
+    };
+    'success-500': {
+        light: string;
+        dark: string;
+    };
+    'success-600': {
+        light: string;
+        dark: string;
+    };
+    'success-700': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-50': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-100': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-200': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-300': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-400': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-500': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-600': {
+        light: string;
+        dark: string;
+    };
+    'gray_blue-700': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-50': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-100': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-200': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-300': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-400': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-500': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-600': {
+        light: string;
+        dark: string;
+    };
+    'blue_light-700': {
+        light: string;
+        dark: string;
+    };
+    'blue-50': {
+        light: string;
+        dark: string;
+    };
+    'blue-100': {
+        light: string;
+        dark: string;
+    };
+    'blue-200': {
+        light: string;
+        dark: string;
+    };
+    'blue-300': {
+        light: string;
+        dark: string;
+    };
+    'blue-400': {
+        light: string;
+        dark: string;
+    };
+    'blue-500': {
+        light: string;
+        dark: string;
+    };
+    'blue-600': {
+        light: string;
+        dark: string;
+    };
+    'blue-700': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-50': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-100': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-200': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-300': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-400': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-500': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-600': {
+        light: string;
+        dark: string;
+    };
+    'blue_dark-700': {
+        light: string;
+        dark: string;
+    };
+    'indigo-50': {
+        light: string;
+        dark: string;
+    };
+    'indigo-100': {
+        light: string;
+        dark: string;
+    };
+    'indigo-200': {
+        light: string;
+        dark: string;
+    };
+    'indigo-300': {
+        light: string;
+        dark: string;
+    };
+    'indigo-400': {
+        light: string;
+        dark: string;
+    };
+    'indigo-500': {
+        light: string;
+        dark: string;
+    };
+    'indigo-600': {
+        light: string;
+        dark: string;
+    };
+    'indigo-700': {
+        light: string;
+        dark: string;
+    };
+    'purple-50': {
+        light: string;
+        dark: string;
+    };
+    'purple-100': {
+        light: string;
+        dark: string;
+    };
+    'purple-200': {
+        light: string;
+        dark: string;
+    };
+    'purple-300': {
+        light: string;
+        dark: string;
+    };
+    'purple-400': {
+        light: string;
+        dark: string;
+    };
+    'purple-500': {
+        light: string;
+        dark: string;
+    };
+    'purple-600': {
+        light: string;
+        dark: string;
+    };
+    'purple-700': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-50': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-100': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-200': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-300': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-400': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-500': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-600': {
+        light: string;
+        dark: string;
+    };
+    'fuchsia-700': {
+        light: string;
+        dark: string;
+    };
+    'pink-50': {
+        light: string;
+        dark: string;
+    };
+    'pink-100': {
+        light: string;
+        dark: string;
+    };
+    'pink-200': {
+        light: string;
+        dark: string;
+    };
+    'pink-300': {
+        light: string;
+        dark: string;
+    };
+    'pink-400': {
+        light: string;
+        dark: string;
+    };
+    'pink-500': {
+        light: string;
+        dark: string;
+    };
+    'pink-600': {
+        light: string;
+        dark: string;
+    };
+    'pink-700': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-50': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-100': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-200': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-300': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-400': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-500': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-600': {
+        light: string;
+        dark: string;
+    };
+    'orange_dark-700': {
+        light: string;
+        dark: string;
+    };
+    'orange-50': {
+        light: string;
+        dark: string;
+    };
+    'orange-100': {
+        light: string;
+        dark: string;
+    };
+    'orange-200': {
+        light: string;
+        dark: string;
+    };
+    'orange-300': {
+        light: string;
+        dark: string;
+    };
+    'orange-400': {
+        light: string;
+        dark: string;
+    };
+    'orange-500': {
+        light: string;
+        dark: string;
+    };
+    'orange-600': {
+        light: string;
+        dark: string;
+    };
+    'orange-700': {
+        light: string;
+        dark: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=utility-colors.d.ts.map

package/lib/typescript/commonjs/styles/utility-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/utility-colors.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAifE"}

package/lib/typescript/commonjs/types/heroicons.d.ts

@@ -0,0 +1,9 @@
+import { NumberProp, SvgProps } from 'react-native-svg';
+interface HeroIconProps extends SvgProps {
+    size?: NumberProp;
+}
+export interface HeroIcon {
+    (props: HeroIconProps): JSX.Element;
+}
+export {};
+//# sourceMappingURL=heroicons.d.ts.map

package/lib/typescript/commonjs/types/heroicons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroicons.d.ts","sourceRoot":"","sources":["../../../../src/types/heroicons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAExD,UAAU,aAAc,SAAQ,QAAQ;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC;CACrC"}

package/lib/typescript/module/components/BaseBadge.d.ts

@@ -0,0 +1,16 @@
+import { ViewProps } from 'react-native';
+import { HeroIcon } from '../types/heroicons';
+export type BadgeVariant = 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'blue_gray' | 'blue_light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+interface BaseBadgeProps extends ViewProps {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    text: string;
+    transparent?: boolean;
+    squared?: boolean;
+    LeftIcon?: HeroIcon | null;
+    RightIcon?: HeroIcon | null;
+}
+export default function BaseBadge({ variant, size, text, transparent, squared, LeftIcon, RightIcon, ...props }: BaseBadgeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BaseBadge.d.ts.map

package/lib/typescript/module/components/BaseBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,YAAY,GACtB,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,UAAU,cAAe,SAAQ,SAAS;IACxC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAgB,EAChB,IAAW,EACX,IAAI,EACJ,WAAmB,EACnB,OAAe,EACf,QAAe,EACf,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,+BA+HhB"}

package/lib/typescript/module/components/BaseButton.d.ts

@@ -1,15 +1,17 @@
 import React from 'react';
 import { PressableProps } from 'react-native';
+import { HeroIcon } from '../types/heroicons';
 interface ButtonProps extends PressableProps {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray' | 'destructive';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     text?: string;
     loading?: boolean;
     disabled?: boolean;
-    LeftIcon?: React.ReactNode | null;
-    RightIcon?: React.ReactNode | null;
+    destructive?: boolean;
+    LeftIcon?: HeroIcon | null;
+    RightIcon?: HeroIcon | null;
     countdownSecs?: number;
 }
-export default function BaseButton({ variant, size, text, loading, disabled, LeftIcon, RightIcon, hitSlop, countdownSecs, ...props }: ButtonProps): React.JSX.Element;
+export default function BaseButton({ variant, size, text, loading, disabled, destructive, LeftIcon, RightIcon, hitSlop, countdownSecs, ...props }: ButtonProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=BaseButton.d.ts.map

package/lib/typescript/module/components/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC;IAC5F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBAqQb"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACM,cAAc,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAmB,EACnB,IAAW,EACX,IAAS,EACT,OAAe,EACf,QAAgB,EAChB,WAAmB,EACnB,QAAe,EACf,SAAgB,EAChB,OAAW,EACX,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,qBA2Nb"}

package/lib/typescript/module/components/index.d.ts

@@ -1,2 +1,3 @@
 export { default as BaseButton } from './BaseButton';
+export { default as BaseBadge } from './BaseBadge';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/module/styles/background-colors.d.ts

@@ -1,128 +1,10 @@
-declare const _default: {
-    'bg-primary': {
-        light: string;
-        dark: string;
-    };
-    'bg-primary_alt': {
-        light: string;
-        dark: string;
-    };
-    'bg-primary_hover': {
-        light: string;
-        dark: string;
-    };
-    'bg-primary_solid': {
-        light: string;
-        dark: string;
-    };
-    'bg-secondary': {
-        light: string;
-        dark: string;
-    };
-    'bg-secondary_alt': {
-        light: string;
-        dark: string;
-    };
-    'bg-secondary_hover': {
-        light: string;
-        dark: string;
-    };
-    'bg-secondary_subtle': {
-        light: string;
-        dark: string;
-    };
-    'bg-secondary_solid': {
-        light: string;
-        dark: string;
-    };
-    'bg-tertiary': {
-        light: string;
-        dark: string;
-    };
-    'bg-quaternary': {
-        light: string;
-        dark: string;
-    };
-    'bg-active': {
-        light: string;
-        dark: string;
-    };
-    'bg-disabled': {
-        light: string;
-        dark: string;
-    };
-    'bg-disabled_subtle': {
-        light: string;
-        dark: string;
-    };
-    'bg-overlay': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_primary': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_primary_alt': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_secondary': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_solid': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_solid_hover': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_section': {
-        light: string;
-        dark: string;
-    };
-    'bg-brand_section_subtle': {
-        light: string;
-        dark: string;
-    };
-    'bg-error_primary': {
-        light: string;
-        dark: string;
-    };
-    'bg-error_secondary': {
-        light: string;
-        dark: string;
-    };
-    'bg-error_solid': {
-        light: string;
-        dark: string;
-    };
-    'bg-warning_primary': {
-        light: string;
-        dark: string;
-    };
-    'bg-warning_secondary': {
-        light: string;
-        dark: string;
-    };
-    'bg-warning_solid': {
-        light: string;
-        dark: string;
-    };
-    'bg-success_primary': {
-        light: string;
-        dark: string;
-    };
-    'bg-success_secondary': {
-        light: string;
-        dark: string;
-    };
-    'bg-success_solid': {
-        light: string;
-        dark: string;
-    };
+type ColorObject = {
+    light: string;
+    dark: string;
 };
-export default _default;
+type BackgroundColorsType = {
+    [key: string]: ColorObject;
+};
+declare const backgroundColors: BackgroundColorsType;
+export default backgroundColors;
 //# sourceMappingURL=background-colors.d.ts.map