@chayns-components/emoji-input 5.5.67 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/types/components/emoji-input/EmojiInput.styles.d.ts +30 -39
  2. package/lib/types/components/emoji-input/prefix-element/PrefixElement.styles.d.ts +18 -18
  3. package/lib/types/components/emoji-picker/EmojiPicker.styles.d.ts +3 -1
  4. package/lib/types/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts +7 -5
  5. package/lib/types/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.d.ts +10 -10
  6. package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.d.ts +7 -8
  7. package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.d.ts +19 -22
  8. package/lib/types/components/emoji-picker-popup/EmojiPickerPopup.styles.d.ts +3 -1
  9. package/package.json +5 -5
package/lib/types/components/emoji-input/EmojiInput.styles.d.ts CHANGED
@@ -1,46 +1,37 @@
1
- export declare const StyledEmojiInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$shouldChangeColor"> & {
1
+ import type { WithTheme } from '@chayns-components/core';
2
+ type StyledEmojiInputProps = WithTheme<{
2
3
  $isDisabled?: boolean;
3
4
  $shouldChangeColor: boolean;
4
- } & {
5
- theme: import("@chayns-components/core").Theme;
6
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$shouldChangeColor"> & {
7
- $isDisabled?: boolean;
8
- $shouldChangeColor: boolean;
9
- } & {
10
- theme: import("@chayns-components/core").Theme;
11
- }, never>>> & string;
12
- export declare const StyledMotionEmojiInputProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
13
- ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
14
- }, "theme"> & {
15
- theme: import("@chayns-components/core").Theme;
16
- }, never> & Partial<Pick<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
17
- ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
18
- }, "theme"> & {
19
- theme: import("@chayns-components/core").Theme;
20
- }, never>>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
21
- export declare const StyledEmojiInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
22
- export declare const StyledMotionEmojiInputEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
5
+ }>;
6
+ export declare const StyledEmojiInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
7
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
8
+ }, StyledEmojiInputProps>> & string;
9
+ export declare const StyledMotionEmojiInputProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
23
10
  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
24
- }, "theme" | "$shouldShowContent"> & {
11
+ }, "style"> & {
12
+ style?: import("styled-components/dist/types").CSSPropertiesWithVars | import("framer-motion").MotionStyle | undefined;
13
+ }, {
14
+ theme: import("@chayns-components/core").Theme;
15
+ }>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
16
+ export declare const StyledEmojiInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
17
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
18
+ }> & string;
19
+ type StyledEmojiInputEditorProps = WithTheme<{
25
20
  $shouldShowContent: boolean;
26
- } & {
27
- theme: import("@chayns-components/core").Theme;
28
- }, never> & Partial<Pick<import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
21
+ }>;
22
+ export declare const StyledMotionEmojiInputEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
29
23
  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
30
- }, "theme" | "$shouldShowContent"> & {
31
- $shouldShowContent: boolean;
32
- } & {
33
- theme: import("@chayns-components/core").Theme;
34
- }, never>>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
35
- export declare const StyledEmojiInputRightWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
36
- export declare const StyledEmojiInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "theme" | "$maxWidth" | "$offsetWidth"> & {
24
+ }, "style"> & {
25
+ style?: import("styled-components/dist/types").CSSPropertiesWithVars | import("framer-motion").MotionStyle | undefined;
26
+ }, StyledEmojiInputEditorProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
27
+ export declare const StyledEmojiInputRightWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
28
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
29
+ }> & string;
30
+ type StyledEmojiInputLabelProps = WithTheme<{
37
31
  $maxWidth: number;
38
32
  $offsetWidth?: number;
39
- } & {
40
- theme: import("@chayns-components/core").Theme;
41
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "theme" | "$maxWidth" | "$offsetWidth"> & {
42
- $maxWidth: number;
43
- $offsetWidth?: number;
44
- } & {
45
- theme: import("@chayns-components/core").Theme;
46
- }, never>>> & string;
33
+ }>;
34
+ export declare const StyledEmojiInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
35
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
36
+ }, StyledEmojiInputLabelProps>> & string;
37
+ export {};
package/lib/types/components/emoji-input/prefix-element/PrefixElement.styles.d.ts CHANGED
@@ -1,20 +1,20 @@
1
- export declare const StyledPrefixElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShow"> & {
1
+ import type { WithTheme } from '@chayns-components/core';
2
+ type StyledPrefixElementProps = WithTheme<{
2
3
  $shouldShow: boolean;
3
- } & {
4
- theme: import("@chayns-components/core").Theme;
5
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShow"> & {
6
- $shouldShow: boolean;
7
- } & {
8
- theme: import("@chayns-components/core").Theme;
9
- }, never>>> & string;
10
- export declare const StyledPrefixElementPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
11
- export declare const StyledPrefixElementLetterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
12
- export declare const StyledPrefixElementLetter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$index"> & {
13
- $index: number;
14
- } & {
15
- theme: import("@chayns-components/core").Theme;
16
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$index"> & {
4
+ }>;
5
+ export declare const StyledPrefixElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
6
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
7
+ }, StyledPrefixElementProps>> & string;
8
+ export declare const StyledPrefixElementPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
9
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
10
+ }> & string;
11
+ export declare const StyledPrefixElementLetterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
12
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
13
+ }> & string;
14
+ type StyledPrefixElementLetterProps = WithTheme<{
17
15
  $index: number;
18
- } & {
19
- theme: import("@chayns-components/core").Theme;
20
- }, never>>> & string;
16
+ }>;
17
+ export declare const StyledPrefixElementLetter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
18
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
19
+ }, StyledPrefixElementLetterProps>> & string;
20
+ export {};
package/lib/types/components/emoji-picker/EmojiPicker.styles.d.ts CHANGED
@@ -2,4 +2,6 @@ export declare const emojiPickerSize: {
2
2
  height: number;
3
3
  width: number;
4
4
  };
5
- export declare const StyledEmojiPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
5
+ export declare const StyledEmojiPicker: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
6
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
7
+ }> & string;
package/lib/types/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts CHANGED
@@ -1,6 +1,8 @@
1
- export declare const StyledEmojiPickerCategories: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
2
- export declare const StyledMotionEmojiPickerCategory: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
1
+ export declare const StyledEmojiPickerCategories: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
2
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
3
+ }> & string;
4
+ export declare const StyledMotionEmojiPickerCategory: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
3
5
  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
4
- }, never> & Partial<Pick<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
5
- ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
6
- }, never>>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
6
+ }, "style"> & {
7
+ style?: import("styled-components/dist/types").CSSPropertiesWithVars | import("framer-motion").MotionStyle | undefined;
8
+ }> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
package/lib/types/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.d.ts CHANGED
@@ -1,12 +1,12 @@
1
- export declare const StyledEmojiPickerEmojis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldPreventScroll" | "$shouldShowNoContentInfo"> & {
1
+ import type { WithTheme } from '@chayns-components/core';
2
+ type StyledEmojiPickerEmojisProps = WithTheme<{
2
3
  $shouldPreventScroll: boolean;
3
4
  $shouldShowNoContentInfo: boolean;
4
- } & {
5
- theme: import("@chayns-components/core").Theme;
6
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldPreventScroll" | "$shouldShowNoContentInfo"> & {
7
- $shouldPreventScroll: boolean;
8
- $shouldShowNoContentInfo: boolean;
9
- } & {
10
- theme: import("@chayns-components/core").Theme;
11
- }, never>>> & string;
12
- export declare const StyledEmojiPickerEmojisNoContentInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
5
+ }>;
6
+ export declare const StyledEmojiPickerEmojis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
7
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
8
+ }, StyledEmojiPickerEmojisProps>> & string;
9
+ export declare const StyledEmojiPickerEmojisNoContentInfo: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
10
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
11
+ }> & string;
12
+ export {};
package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.d.ts CHANGED
@@ -1,9 +1,8 @@
1
- export declare const StyledEmoji: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
1
+ import type { WithTheme } from '@chayns-components/core';
2
+ type StyledEmojiProps = WithTheme<{
2
3
  $isSelected: boolean;
3
- } & {
4
- theme: import("@chayns-components/core").Theme;
5
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
6
- $isSelected: boolean;
7
- } & {
8
- theme: import("@chayns-components/core").Theme;
9
- }, never>>> & string;
4
+ }>;
5
+ export declare const StyledEmoji: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
6
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
7
+ }, StyledEmojiProps>> & string;
8
+ export {};
package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.d.ts CHANGED
@@ -1,31 +1,28 @@
1
+ import type { WithTheme } from '@chayns-components/core';
1
2
  import { AnchorAlignment } from '../../../../../constants/alignment';
2
- export declare const StyledMotionSkinTonePopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
3
+ export declare const StyledMotionSkinTonePopup: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
3
4
  ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
4
- }, never> & Partial<Pick<Omit<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
5
- ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
6
- }, never>>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
5
+ }, "style"> & {
6
+ style?: import("styled-components/dist/types").CSSPropertiesWithVars | import("framer-motion").MotionStyle | undefined;
7
+ }> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
7
8
  export declare const skinTonePopupContentSize: {
8
9
  height: number;
9
10
  width: number;
10
11
  };
11
- export declare const StyledSkinTonePopupContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$anchorAlignment" | "$anchorOffset"> & {
12
- $anchorAlignment: AnchorAlignment;
13
- $anchorOffset: number;
14
- } & {
15
- theme: import("@chayns-components/core").Theme;
16
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$anchorAlignment" | "$anchorOffset"> & {
12
+ type StyledSkinTonePopupContentProps = WithTheme<{
17
13
  $anchorAlignment: AnchorAlignment;
18
14
  $anchorOffset: number;
19
- } & {
20
- theme: import("@chayns-components/core").Theme;
21
- }, never>>> & string;
22
- export declare const StyledSkinTonePopupContentEmoji: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
23
- $isSelected: boolean;
24
- } & {
25
- theme: import("@chayns-components/core").Theme;
26
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
15
+ }>;
16
+ export declare const StyledSkinTonePopupContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
17
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
18
+ }, StyledSkinTonePopupContentProps>> & string;
19
+ type StyledSkinTonePopupContentEmojiProps = WithTheme<{
27
20
  $isSelected: boolean;
28
- } & {
29
- theme: import("@chayns-components/core").Theme;
30
- }, never>>> & string;
31
- export declare const StyledSkinTonePopupOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
21
+ }>;
22
+ export declare const StyledSkinTonePopupContentEmoji: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
23
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
24
+ }, StyledSkinTonePopupContentEmojiProps>> & string;
25
+ export declare const StyledSkinTonePopupOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
26
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
27
+ }> & string;
28
+ export {};
package/lib/types/components/emoji-picker-popup/EmojiPickerPopup.styles.d.ts CHANGED
@@ -1 +1,3 @@
1
- export declare const StyledEmojiPickerPopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
1
+ export declare const StyledEmojiPickerPopup: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
2
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
3
+ }> & string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/emoji-input",
3
- "version": "5.5.67",
3
+ "version": "5.6.0",
4
4
  "description": "Input field that supports HTML elements and emojis",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -70,13 +70,13 @@
70
70
  "jsdom": "^26.1.0",
71
71
  "react": "^18.3.1",
72
72
  "react-dom": "^18.3.1",
73
- "styled-components": "^6.4.4",
73
+ "styled-components": "^6.5.3",
74
74
  "typescript": "^5.9.3",
75
75
  "vitest": "^1.6.1"
76
76
  },
77
77
  "dependencies": {
78
- "@chayns-components/core": "^5.5.67",
79
- "@chayns/textstrings": "^1.0.1",
78
+ "@chayns-components/core": "^5.6.0",
79
+ "@chayns/textstrings": "^1.0.2",
80
80
  "emojilib": "^3.0.12",
81
81
  "react-compiler-runtime": "^1.0.0",
82
82
  "unicode-emoji-json": "^0.9.0"
@@ -91,5 +91,5 @@
91
91
  "publishConfig": {
92
92
  "access": "public"
93
93
  },
94
- "gitHead": "6b2535f41e5426840bb99fd0669c301103723cbf"
94
+ "gitHead": "c5be387d10fc97eed298ac943cfe2aedb0a5ccdd"
95
95
  }