@fibery/ui-kit 1.29.4 → 1.29.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.29.4",
+  "version": "1.29.5",
   "private": false,
   "files": [
     "src/antd/styles.ts",
@@ -75,9 +75,9 @@
     "react-virtuoso": "4.6.0",
     "screenfull": "6.0.1",
     "ua-parser-js": "0.7.24",
+    "@fibery/helpers": "1.3.0",
     "@fibery/emoji-data": "2.6.0",
-    "@fibery/react": "1.4.0",
-    "@fibery/helpers": "1.3.0"
+    "@fibery/react": "1.4.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -93,6 +93,7 @@
     "@testing-library/user-event": "13.5.0",
     "@types/chroma-js": "2.1.3",
     "@types/color-hash": "1.0.2",
+    "@types/history": "4.7.11",
     "@types/invariant": "2.2.34",
     "@types/jest": "27.0.1",
     "@types/lodash": "4.14.172",
@@ -110,8 +111,8 @@
     "svgo": "2.8.0",
     "typescript": "5.4.3",
     "unist-util-reduce": "0.2.2",
-    "@fibery/babel-preset": "7.4.0",
-    "@fibery/eslint-config": "8.6.0"
+    "@fibery/eslint-config": "8.6.0",
+    "@fibery/babel-preset": "7.4.0"
   },
   "jest": {
     "testEnvironment": "jsdom",

package/src/design-system.ts

@@ -22,7 +22,7 @@ import {a11yColor} from "./a11y-color";
 import {createInlineTheme as createInlineStyles, varPrefix} from "./create-inline-theme";
 import {ThemeMode} from "./theme-settings";
 
-export const typeSizes = [28, 24, 18, 16, 14, 12, 10, 8] as const;
+export const typeSizes = [26, 24, 18, 16, 14, 12, 10, 8] as const;
 
 export const fontWeight = {
   light: 300,
@@ -812,7 +812,7 @@ export const layout = {
   logoSize: 16,
   menuDefaultWidth: 243,
   desktopToolbarHeight: 32,
-  desktopMenuMinWidth: 160,
+  desktopMenuMinWidth: 200,
   menuMinWidth: 54, //TODO: make dependency to itemHeight
   menuMaxWidth: 480,
   menuItemMinWidth: 80,
@@ -978,7 +978,7 @@ export const textStyles = {
     fontSize: typeSizes[0],
     letterSpacing: "-0.003em",
     lineHeight: lineHeight.heading,
-    fontWeight: fontWeight.medium,
+    fontWeight: fontWeight.semibold,
     color: themeVars.textColor,
   },
   heading2: {
@@ -986,7 +986,7 @@ export const textStyles = {
     fontSize: typeSizes[1],
     letterSpacing: "-0.002em",
     lineHeight: lineHeight.heading,
-    fontWeight: fontWeight.medium,
+    fontWeight: fontWeight.semibold,
     color: themeVars.textColor,
   },
   heading3: {
@@ -994,21 +994,21 @@ export const textStyles = {
     fontSize: typeSizes[2],
     letterSpacing: "-0.002em",
     lineHeight: lineHeight.heading,
-    fontWeight: fontWeight.medium,
+    fontWeight: fontWeight.semibold,
     color: themeVars.textColor,
   },
   heading4: {
     fontFamily,
     fontSize: typeSizes[3],
     lineHeight: lineHeight.heading,
-    fontWeight: fontWeight.medium,
+    fontWeight: fontWeight.semibold,
     color: themeVars.textColor,
   },
   heading5: {
     fontFamily,
     fontSize: typeSizes[4],
     lineHeight: lineHeight.heading,
-    fontWeight: fontWeight.medium,
+    fontWeight: fontWeight.semibold,
     color: themeVars.textColor,
   },
   heading6: {

package/src/icons/ast/AiAssistant.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const AiAssistant: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M3 0c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.844.844 0 0 0-.488-.488L.18 3.263a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488L2.737.18A.281.281 0 0 1 3 0ZM3 14c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.844.844 0 0 0-.488-.488l-1.498-.57a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488l.57-1.498A.281.281 0 0 1 3 14Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M11.7 2.483a.75.75 0 0 0-1.4 0L8.777 6.476a2.25 2.25 0 0 1-1.302 1.302L3.483 9.299a.75.75 0 0 0 0 1.402l3.993 1.521a2.25 2.25 0 0 1 1.302 1.302l1.521 3.993a.75.75 0 0 0 1.402 0l1.521-3.993a2.25 2.25 0 0 1 1.302-1.302l3.993-1.521a.75.75 0 0 0 0-1.402l-3.993-1.521a2.25 2.25 0 0 1-1.302-1.302l-1.521-3.993ZM10.18 7.01 11 4.857l.82 2.153a3.75 3.75 0 0 0 2.17 2.17l2.153.82-2.153.82a3.75 3.75 0 0 0-2.17 2.17L11 15.143l-.82-2.153a3.75 3.75 0 0 0-2.17-2.17L5.857 10l2.153-.82a3.75 3.75 0 0 0 2.17-2.17Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant"};
+const AiAssistant: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M3.374.262a.398.398 0 0 0-.75.006l-.548 1.607a.317.317 0 0 1-.207.2l-1.59.493a.395.395 0 0 0-.006.754l1.595.524a.317.317 0 0 1 .202.202l.552 1.68c.119.36.629.364.753.006l.587-1.69a.317.317 0 0 1 .199-.197l1.568-.526a.395.395 0 0 0-.006-.752l-1.564-.494a.317.317 0 0 1-.203-.195L3.374.262Zm-.562 14.956a.332.332 0 0 0-.626.006l-.456 1.338a.264.264 0 0 1-.172.168l-1.325.41a.33.33 0 0 0-.006.628l1.33.437c.08.027.142.089.168.169l.46 1.399c.099.3.524.304.628.005l.488-1.409a.264.264 0 0 1 .166-.163l1.308-.439a.33.33 0 0 0-.006-.626l-1.303-.412a.264.264 0 0 1-.17-.162l-.484-1.349Zm9.183-12.814c-.336-.936-1.663-.924-1.983.017l-1.47 4.33a1.2 1.2 0 0 1-.78.76L3.506 8.835c-.975.304-.986 1.68-.017 2l4.273 1.41a1.2 1.2 0 0 1 .764.767l1.482 4.53c.314.957 1.662.968 1.99.017l1.578-4.566a1.2 1.2 0 0 1 .752-.745l4.202-1.415c.963-.324.95-1.689-.017-1.996L14.326 7.51a1.2 1.2 0 0 1-.766-.74l-1.565-4.365Zm-1.938 4.861.963-2.837 1.034 2.882a2.8 2.8 0 0 0 1.789 1.724l2.582.82-2.608.877a2.8 2.8 0 0 0-1.753 1.74l-1.043 3.02-.975-2.977a2.8 2.8 0 0 0-1.783-1.788L5.62 9.853l2.619-.815a2.8 2.8 0 0 0 1.819-1.773Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant"};
 
 export default AiAssistant;

package/src/icons/ast/Clear.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Clear: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M2.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM6 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.5 7.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"m14.64 8.422 3.89-3.892a.75.75 0 0 0-1.06-1.06l-3.892 3.89-.604-.603a2.25 2.25 0 0 0-2.846-.277l-6.546 4.397a.75.75 0 0 0 .002 1.247c1.099.733 1.733 1.586 2.423 2.515.17.228.342.46.526.697.934 1.2 2.064 2.336 4.285 2.892a.75.75 0 0 0 .82-.333l3.834-6.186a2.25 2.25 0 0 0-.322-2.777l-.51-.51Zm-3.675-.697a.75.75 0 0 1 .948.092l2.176 2.176a.75.75 0 0 1 .107.926l-.465.751L10.259 8.2l.706-.474ZM8.99 9.05l3.928 3.929-2.257 3.642c-1.438-.474-2.213-1.266-2.945-2.207a20.49 20.49 0 0 1-.25-.329.748.748 0 0 0 .063-.056l1-1a.75.75 0 1 0-1.06-1.06l-.914.913c-.363-.45-.775-.909-1.272-1.342l3.707-2.49Z"},"children":[]}],"metadata":""}]},"name":"clear"};
+
+export default Clear;

package/src/icons/ast/index.tsx

@@ -51,6 +51,7 @@ export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
 export { default as ClearValue } from './ClearValue';
+export { default as Clear } from './Clear';
 export { default as ClockAlarm } from './ClockAlarm';
 export { default as ClockForward } from './ClockForward';
 export { default as Clock } from './Clock';

package/src/icons/react/Clear.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import ClearSvg from '../ast/Clear';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Clear = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={ClearSvg} />;
+
+Clear.displayName = 'Clear';
+export default Clear;

package/src/icons/react/index.tsx

@@ -51,6 +51,7 @@ export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
 export { default as ClearValue } from './ClearValue';
+export { default as Clear } from './Clear';
 export { default as ClockAlarm } from './ClockAlarm';
 export { default as ClockForward } from './ClockForward';
 export { default as Clock } from './Clock';