@proprioo/salatim 36.3.0 → 36.3.2

package/lib/phone/src/utils.d.ts

@@ -1,5 +1,5 @@
 import { E164Number } from 'libphonenumber-js/types';
 export declare const formatInternationalPhone: (phone: string | E164Number) => string;
 export declare const isValidPhoneNumber: (phone: string) => boolean;
-export declare const parsePhoneNumber: (phone: string) => import("react-phone-number-input").PhoneNumber | undefined;
+export declare const parsePhoneNumber: (phone: string) => import("libphonenumber-js/core").PhoneNumber | undefined;
 export declare const formatPhoneNumber: (phone: string) => string;

package/lib/ui/index.d.ts

@@ -54,6 +54,7 @@ export { default as Option, OptionProps } from './src/option/Option';
 export { default as Subtitle, SubtitleProps } from './src/subtitle/Subtitle';
 export { TagAppearance, TagColorsTypes, TagProps } from './src/tag/interfaces';
 export { default as Tag } from './src/tag/Tag';
+export { default as ClickableTag } from './src/clickableTag/ClickableTag';
 export { TagBase } from './src/tag/Tag.styles';
 export { default as Textarea } from './src/textarea/Textarea';
 export { default as TextToggle } from './src/textToggle/TextToggle';

package/lib/ui/src/clickableTag/ClickableTag.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ClickableTagProps } from './interfaces';
+declare const ClickableTag: FC<ClickableTagProps>;
+export default ClickableTag;

package/lib/ui/src/clickableTag/ClickableTag.styles.d.ts

@@ -0,0 +1,18 @@
+import { ClickableTagProps } from './interfaces';
+type TagBaseProps = {
+    close?: boolean;
+    click?: boolean;
+    icon?: boolean;
+};
+export declare const TagBase: import("styled-components").FlattenSimpleInterpolation;
+export declare const TAG_BUSINESS_BASE: import("styled-components").FlattenSimpleInterpolation;
+export declare const BasicTag: import("styled-components").StyledComponent<"span", any, Pick<ClickableTagProps, "color" | "appearance"> & TagBaseProps, never>;
+export declare const TagCloser: import("styled-components").StyledComponent<"button", any, Pick<ClickableTagProps, "appearance">, never>;
+export declare const ClickableTag: import("styled-components").StyledComponent<"span", any, Pick<ClickableTagProps, "color" | "appearance"> & TagBaseProps & {
+    role: "button";
+    tabIndex: 0;
+} & {
+    onClick?: () => void;
+}, "role" | "tabIndex">;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

package/lib/ui/src/clickableTag/TagColors.d.ts

@@ -0,0 +1,74 @@
+export declare const TagColors: {
+    BLUE: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    BLUE_LIGHT: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    GREY: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    GREY_LIGHT: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    GREEN: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    GREEN_LIGHT: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    ORANGE: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    ORANGE_LIGHT: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    ORANGE_LIGHTER: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    RED: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    RED_LIGHT: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+    TERRACOTA: {
+        color: string;
+        background: string;
+        colorOutlined: string;
+        backgroundOutlined: string;
+    };
+};

package/lib/ui/src/clickableTag/interfaces.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement } from 'react';
+export type ClickableTagProps = {
+    labels: string[];
+    appearance?: TagAppearance;
+    closeAriaLabel?: string;
+    color?: TagColorsTypes;
+    dataTest?: string;
+    icon?: ReactElement<Element>;
+    numberOfTags?: number;
+    showCloseIcon?: boolean;
+    onClick?(): void;
+};
+export declare enum TagAppearance {
+    BUSINESS = "business",
+    CUSTOMER = "customer"
+}
+export declare enum TagColorsTypes {
+    BLUE = "BLUE",
+    BLUE_LIGHT = "BLUE_LIGHT",
+    GREEN = "GREEN",
+    GREEN_LIGHT = "GREEN_LIGHT",
+    GREY = "GREY",
+    GREY_LIGHT = "GREY_LIGHT",
+    ORANGE = "ORANGE",
+    ORANGE_LIGHT = "ORANGE_LIGHT",
+    ORANGE_LIGHTER = "ORANGE_LIGHTER",
+    RED = "RED",
+    RED_LIGHT = "RED_LIGHT",
+    TERRACOTA = "TERRACOTA"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "36.3.0",
+  "version": "36.3.2",
   "description": "Proprioo component library",
   "keywords": [
     "components",
@@ -117,7 +117,7 @@
     "yup": "^1.4.0"
   },
   "peerDependencies": {
-    "@proprioo/hokkaido": "^13.1.0",
+    "@proprioo/hokkaido": "^13.5.3",
     "date-fns": "^3.6.0",
     "polished": "^4.3.1",
     "react": "^18.3.1",