emoji-picker-react 4.20.2 → 4.20.4

package/llms.txt

@@ -64,7 +64,7 @@ See [PROPS.md](PROPS.md) for the complete props reference.
 
 ## Styling
 
-No stylesheet import needed. All styles are scoped via [Flairup](https://github.com/ealush/flairup) — generated class names are hashed, so the picker's CSS won't leak into or clash with your app's styles.
+No stylesheet import needed. All styles are scoped via [ShipStyles](https://github.com/ealush/shipstyles) — generated class names are hashed, so the picker's CSS won't leak into or clash with your app's styles.
 
 Restyle the picker by overriding [CSS variables](CSS_VARIABLES.md) on `.EmojiPickerReact`:
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.20.2",
+  "version": "4.20.4",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -76,6 +76,10 @@
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
     "@playwright/test": "^1.46.1",
+    "@semantic-release/changelog": "^7.0.0",
+    "@semantic-release/git": "^11.0.1",
+    "@semantic-release/github": "^12.0.9",
+    "@semantic-release/npm": "^13.1.5",
     "@size-limit/preset-small-lib": "^8.0.1",
     "@storybook/addon-essentials": "^8.6.15",
     "@storybook/addon-info": "^5.3.21",
@@ -93,6 +97,7 @@
     "@typescript-eslint/parser": "^5.36.2",
     "autoprefixer": "^10.4.8",
     "babel-loader": "^8.2.5",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
     "cssnano": "^5.1.13",
     "emoji-datasource": "^16.0.0",
     "emojibase-data": "^17.0.0",
@@ -110,6 +115,7 @@
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rollup-plugin-svg": "^2.0.0",
+    "semantic-release": "^25.0.9",
     "size-limit": "^8.0.1",
     "storybook": "8.6.15",
     "tiny-invariant": "^1.2.0",
@@ -119,6 +125,6 @@
     "vitest": "^2.0.5"
   },
   "dependencies": {
-    "flairup": "1.1.2"
+    "shipstyles": "1.0.0"
   }
 }

package/src/Stylesheet/stylesheet.tsx

@@ -1,5 +1,5 @@
-import { Styles, createSheet } from 'flairup';
 import * as React from 'react';
+import { Styles, createSheet } from 'shipstyles';
 
 import { ClassNames } from '../DomUtils/classNames';
 

package/src/components/Layout/Flex.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { stylesheet } from '../../Stylesheet/stylesheet';
 

package/src/components/Layout/Space.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 type Props = Readonly<{
   className?: string;

package/src/components/Reactions/BtnPlus.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { darkMode, stylesheet } from '../../Stylesheet/stylesheet';
 import { Button } from '../atoms/Button';

package/src/components/Reactions/Reactions.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { commonStyles, stylesheet } from '../../Stylesheet/stylesheet';
 import {

package/src/components/atoms/Button.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { stylesheet } from '../../Stylesheet/stylesheet';
 

package/src/components/body/Body.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import {

package/src/components/body/EmojiCategory.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import {

package/src/components/body/EmojiList.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import { getLabelHeight } from '../../DomUtils/elementPositionInRow';

package/src/components/body/EmojiVariationPicker.tsx

@@ -1,6 +1,6 @@
-import { cx } from 'flairup';
 import * as React from 'react';
 import { useEffect } from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import { focusFirstVisibleEmoji } from '../../DomUtils/keyboardNavigation';

package/src/components/emoji/ClickableEmojiButton.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import {

package/src/components/emoji/EmojiImg.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { stylesheet } from '../../Stylesheet/stylesheet';
 import { EmojiStyle } from '../../types/exposedTypes';

package/src/components/emoji/NativeEmoji.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { stylesheet } from '../../Stylesheet/stylesheet';
 import { parseNativeEmoji } from '../../dataUtils/parseNativeEmoji';

package/src/components/footer/Preview.tsx

@@ -1,6 +1,6 @@
-import { cx } from 'flairup';
 import * as React from 'react';
 import { useState } from 'react';
+import { cx } from 'shipstyles';
 
 import {
   commonInteractionStyles,

package/src/components/header/Header.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { commonInteractionStyles } from '../../Stylesheet/stylesheet';
 import Relative from '../Layout/Relative';

package/src/components/header/Search/BtnClearSearch.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import {
   commonInteractionStyles,

package/src/components/header/Search/IcnSearch.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { darkMode, stylesheet } from '../../../Stylesheet/stylesheet';
 

package/src/components/header/Search/Search.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { darkMode, stylesheet } from '../../../Stylesheet/stylesheet';
 import {

package/src/components/header/SkinTonePicker/BtnSkinToneVariation.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { stylesheet } from '../../../Stylesheet/stylesheet';
 import { skinTonesNamed } from '../../../data/skinToneVariations';

package/src/components/header/SkinTonePicker/SkinTonePicker.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable complexity */
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../../DomUtils/classNames';
 import { stylesheet } from '../../../Stylesheet/stylesheet';

package/src/components/main/PickerMain.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import { stylesheet } from '../../Stylesheet/stylesheet';

package/src/components/navigation/CategoryButton.tsx

@@ -1,5 +1,5 @@
-import { cx } from 'flairup';
 import * as React from 'react';
+import { cx } from 'shipstyles';
 
 import { ClassNames } from '../../DomUtils/classNames';
 import {

package/src/components/navigation/CategoryNavigation.tsx

@@ -1,6 +1,6 @@
-import { cx } from 'flairup';
 import * as React from 'react';
 import { useState } from 'react';
+import { cx } from 'shipstyles';
 
 import { stylesheet } from '../../Stylesheet/stylesheet';
 import { categoryFromCategoryConfig } from '../../config/categoryConfig';