@fibery/ui-kit 1.17.1 → 1.19.0

package/index.ts

@@ -1 +1 @@
-export * from "./src/designSystem";
+export * from "./src/design-system";

package/package.json

@@ -1,40 +1,45 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.17.1",
+  "version": "1.19.0",
   "main": "index.ts",
   "private": false,
   "files": [
     "src/antd/styles.ts",
-    "src/Button.tsx",
-    "src/designSystem.ts",
+    "src/button.tsx",
+    "src/design-system.ts",
     "src/theme-styles.ts",
     "src/theme-settings.ts",
     "src/media-query-utils.ts",
     "src/create-inline-theme.ts",
     "src/form-field-loader.tsx",
-    "src/ThemeProvider.tsx",
-    "src/Item.tsx",
+    "src/theme-provider.tsx",
+    "src/item.tsx",
     "src/loaders.tsx",
     "src/loading-sausage.tsx",
     "src/icons/**/*.ts*",
-    "src/Select",
+    "src/select",
     "src/error-alert.tsx",
-    "src/Pallete.ts",
+    "src/pallete.ts",
     "src/tooltip.tsx",
-    "src/BackButton.tsx",
-    "src/Button",
+    "src/back-button.tsx",
+    "src/button",
     "src/emoji-picker/**/*.ts*",
+    "src/toast/**/*.ts*",
     "src/a11y-color.ts"
   ],
   "license": "UNLICENSED",
   "dependencies": {
-    "@linaria/core": "3.0.0-beta.15",
-    "@linaria/react": "3.0.0-beta.15",
+    "@linaria/core": "5.0.1",
+    "@linaria/react": "5.0.1",
     "@popperjs/core": "2.11.6",
-    "@radix-ui/react-collapsible": "1.0.1",
-    "@radix-ui/react-context-menu": "2.1.1",
-    "@radix-ui/react-dropdown-menu": "2.0.3-rc.7",
-    "@radix-ui/react-tooltip": "1.0.3",
+    "@radix-ui/react-collapsible": "1.0.3",
+    "@radix-ui/react-context-menu": "2.1.5",
+    "@radix-ui/react-dropdown-menu": "2.0.6",
+    "@radix-ui/react-toast": "1.1.5",
+    "@radix-ui/react-tooltip": "1.0.7",
+    "@types/d3-shape": "^3.1.3",
+    "@types/react-select-country-list": "^2.2.1",
+    "@types/setimmediate": "^1.0.2",
     "@types/ua-parser-js": "0.7.36",
     "antd": "4.24.7",
     "chroma-js": "2.1.2",
@@ -61,9 +66,9 @@
     "react-windowed-select": "5.0.0",
     "screenfull": "6.0.1",
     "ua-parser-js": "0.7.24",
-    "@fibery/emoji-data": "2.1.1",
-    "@fibery/helpers": "1.1.0",
-    "@fibery/react": "1.0.3"
+    "@fibery/emoji-data": "2.2.1",
+    "@fibery/helpers": "1.2.0",
+    "@fibery/react": "1.2.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -72,7 +77,7 @@
   "devDependencies": {
     "@babel/core": "7.20.5",
     "@babel/runtime": "7.20.6",
-    "@linaria/babel-preset": "3.0.0-beta.15",
+    "@linaria/babel-preset": "5.0.3",
     "@testing-library/dom": "8.19.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
@@ -80,6 +85,7 @@
     "@types/chroma-js": "2.1.3",
     "@types/color-hash": "1.0.2",
     "@types/invariant": "2.2.34",
+    "@types/jest": "27.0.1",
     "@types/lodash": "4.14.172",
     "@types/prop-types": "15.7.5",
     "@types/react": "18.0.26",
@@ -95,8 +101,8 @@
     "svgo": "2.8.0",
     "typescript": "5.1.6",
     "unist-util-reduce": "0.2.2",
-    "@fibery/babel-preset": "7.2.0",
-    "@fibery/eslint-config": "8.3.0"
+    "@fibery/eslint-config": "8.4.0",
+    "@fibery/babel-preset": "7.3.0"
   },
   "jest": {
     "testEnvironment": "jsdom",
@@ -124,8 +130,8 @@
   },
   "scripts": {
     "test": "TZ=Europe/Minsk jest",
-    "test:ci": "yarn test --reporters=default --reporters=jest-junit",
-    "test:coverage": "yarn test --coverage --coverageDirectory=${JEST_COVERAGE_RESULT_DIR:-$(pwd)}/coverage/ui-kit --reporters=default --reporters=jest-junit",
+    "test:ci": "pnpm run test --reporters=default --reporters=jest-junit",
+    "test:coverage": "pnpm run test --coverage --coverageDirectory=${JEST_COVERAGE_RESULT_DIR:-$(pwd)}/coverage/ui-kit --reporters=default --reporters=jest-junit",
     "lint": "eslint .",
     "generate-icons": "node scripts/generate-icons.mjs"
   }

package/src/antd/styles.ts

@@ -1,5 +1,5 @@
 import {css} from "@linaria/core";
-import {colors, layout, border, shadows, space, textStyles, themeVars, transition} from "../designSystem";
+import {colors, layout, border, shadows, space, textStyles, themeVars, transition} from "../design-system";
 
 const inputVariables = {
   default: {

package/src/back-button.tsx

@@ -0,0 +1,3 @@
+import {BackButton} from "./button/back-button";
+
+export {BackButton};

package/src/{Button → button}/actions-button.tsx

@@ -2,7 +2,7 @@ import {IconButton, IconButtonProps} from "./icon-button";
 import MoreCompact from "../icons/react/MoreCompact";
 import {forwardRef} from "react";
 import {css} from "@linaria/core";
-import {border, themeVars} from "../designSystem";
+import {border, themeVars} from "../design-system";
 
 export const ActionsButton = forwardRef<HTMLButtonElement, IconButtonProps>(function ActionsButtonComponent(
   {...rest},
@@ -19,7 +19,7 @@ export const ActionsButton = forwardRef<HTMLButtonElement, IconButtonProps>(func
 export const actionButtonInlineStyle = css`
   background-color: ${themeVars.actionMenuButtonColor};
   box-shadow: ${themeVars.entityCardShadow};
-  border-radius: ${border.radius6};
+  border-radius: ${border.radius6}px;
 
   .Button:hover {
     background-color: ${themeVars.actionMenuButtonHoverColor} !important;

package/src/{Button → button}/button-base.tsx

@@ -1,7 +1,7 @@
 import {styled} from "@linaria/react";
 import {ComponentPropsWithoutRef, forwardRef} from "react";
-import {border, colors, fontWeight, getDarkenColor, getOpacities, opacity, ThemeColors} from "../designSystem";
-import {useTheme} from "../ThemeProvider";
+import {border, colors, fontWeight, getDarkenColor, getOpacities, opacity, ThemeColors} from "../design-system";
+import {useTheme} from "../theme-provider";
 
 export const getMainColor = ({color, dangerous, theme}: {color?: string; dangerous?: boolean; theme: ThemeColors}) => {
   if (color) {

package/src/{Button → button}/button-group.tsx

@@ -1,6 +1,6 @@
 import {Children, cloneElement, CSSProperties, ReactElement} from "react";
 import {css, cx} from "@linaria/core";
-import {border} from "../designSystem";
+import {border} from "../design-system";
 
 const ordersInRowGroup = {
   first: css`

package/src/{Button → button}/button.tsx

@@ -4,9 +4,9 @@ import {styled} from "@linaria/react";
 import cx from "classnames";
 import _ from "lodash";
 import React, {forwardRef} from "react";
-import {Item} from "../Item";
-import {useTheme} from "../ThemeProvider";
-import {border, colors, getOpacities, opacity, space, textStyles} from "../designSystem";
+import {Item} from "../item";
+import {useTheme} from "../theme-provider";
+import {border, colors, getOpacities, opacity, space, textStyles} from "../design-system";
 import {IconBaseProps} from "../icons/types";
 import {Spinner} from "../loaders";
 import {ButtonBase, ButtonBaseProps, buttonBorderWidth, getMainColor, getTextColor} from "./button-base";

package/src/{Button → button}/icon-button.tsx

@@ -7,6 +7,7 @@ export type IconButtonSize = "super-small" | "small" | "normal" | "big";
 
 export type IconButtonProps = Omit<ButtonBaseProps, "borderless"> & {
   size?: IconButtonSize;
+  classNameOverride?: string;
 };
 
 const Paddings = {

package/src/button.tsx

@@ -0,0 +1,3 @@
+import {Button} from "./button/button";
+
+export {Button};

package/src/create-inline-theme.ts

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 export const varPrefix = process.env.VAR_THEME_PREFIX || "fibery";
 
 export function createInlineTheme<T extends Record<string, unknown>>(