@fibery/ui-kit 1.26.2 → 1.26.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.26.2",
+  "version": "1.26.4",
   "private": false,
   "files": [
     "src/antd/styles.ts",
@@ -45,7 +45,7 @@
     "@types/ua-parser-js": "0.7.36",
     "antd": "4.24.7",
     "chroma-js": "2.1.2",
-    "chrono-node": "^2.4.1",
+    "chrono-node": "^2.7.5",
     "classnames": "2.3.1",
     "cmdk": "0.2.0",
     "color-hash": "1.0.3",
@@ -103,8 +103,8 @@
     "svgo": "2.8.0",
     "typescript": "5.1.6",
     "unist-util-reduce": "0.2.2",
-    "@fibery/eslint-config": "8.5.1",
-    "@fibery/babel-preset": "7.4.0"
+    "@fibery/babel-preset": "7.4.0",
+    "@fibery/eslint-config": "8.5.1"
   },
   "jest": {
     "testEnvironment": "jsdom",

package/src/design-system.ts

@@ -377,6 +377,9 @@ export const themeColors = {
   // :hover
   colorBgMenuItemSelectedHover: [indigo.indigo6, indigoDark.indigo6],
   // :focus, :focus:hover
+  colorBgPinnedFieldsLabel: [slate.slate11, slateDark.slate11],
+  colorBgObjectEditorSeparator: [slate.slate12, slateDark.slate12],
+  colorBgObjectEditorSeparatorButton: [slate.slate4, slateDark.slate4],
   colorBgMenuItemSelectedFocused: [indigo.indigo6, indigoDark.indigo6],
   colorBgFieldEditorContainer: [slate.slate2, slateDark.slate3],
   colorBgFieldEditorLinkEqualSign: [slate.slate6, slateDark.slate2],
@@ -424,10 +427,8 @@ export const themeColors = {
   ],
   modalBg: [getOpacities(slate.slate11).opacity20, getOpacities(slateDark.slate2).opacity50],
   modalContentBg: [whiteA.whiteA0, slateDark.slate3],
-  progressIconBg: [getOpacities(slate.slate12).opacity10, getOpacities(slateDark.slate12).opacity10],
-  progressIconFill: [getOpacities(slate.slate12).opacity80, getOpacities(slateDark.slate12).opacity80],
-  progressIconDoneBg: [getOpacities(slate.slate12).opacity80, getOpacities(slateDark.slate12).opacity90],
-  progressIconDoneFill: [getOpacities(slate.slate1).opacity95, getOpacities(slateDark.slate1).opacity80],
+  progressIconBg: [getOpacities(slate.slate8).opacity50, getOpacities(slateDark.slate10).opacity20],
+  progressIconFill: [slate.slate11, slateDark.slate11],
   instrumentsMenuBg: [getOpacities(whiteA.whiteA0).opacity95, getOpacities(slateDark.slate4).opacity95],
   instrumentsMenuShadow: [
     `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 2px 8px -6px ${getOpacities(slate.slate10).opacity30}`,
@@ -764,6 +765,7 @@ export const layout = {
   itemHeight: 36,
   itemWithSubtitleHeight: 52,
   groupTitleHeight: 30,
+  enumItemHeight: 32,
   menuItemHeight: 32,
   newMenuItemHeight: 30, // I'm ok
   viewHeaderHeight: space.s12 * 7,

package/src/icons/ast/Question.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Question: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M10.24 11.805c.255 0 .449-.201.449-.45v-.45c0-.122.216-.337.5-.616.53-.525 1.291-1.278 1.291-2.084 0-1.217-.926-2.475-2.474-2.475-1.796 0-2.457 1.634-2.456 2.475 0 .02 1.336 0 1.336 0 .03-.24.202-1.125 1.12-1.125.922 0 1.125.812 1.125 1.125 0 .535-.636 1.134-1.195 1.66-.439.414-.83.782-.83 1.04v.45c0 .241.202.45.45.45h.684Zm-1.134 1.8a.9.9 0 1 0 1.8 0 .9.9 0 0 0-1.8 0Z"},"children":[]}],"metadata":""}]},"name":"question"};
+
+export default Question;

package/src/icons/ast/index.tsx

@@ -146,6 +146,7 @@ export { default as People } from './People';
 export { default as Photo } from './Photo';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as Question } from './Question';
 export { default as RemovePeople } from './RemovePeople';
 export { default as Remove } from './Remove';
 export { default as Reply } from './Reply';

package/src/icons/react/Question.tsx

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

package/src/icons/react/index.tsx

@@ -146,6 +146,7 @@ export { default as People } from './People';
 export { default as Photo } from './Photo';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as Question } from './Question';
 export { default as RemovePeople } from './RemovePeople';
 export { default as Remove } from './Remove';
 export { default as Reply } from './Reply';

package/src/select/select-in-popover.tsx

@@ -15,21 +15,23 @@ import React, {
 import {Popup} from "../popup";
 import {$TSFixMe} from "../tsfixme";
 import {
+  ActionMeta,
   combineStyles,
   GroupBase,
+  OnChangeValue,
   OptionsOrGroups,
+  PropsValue,
   Select as ReactSelect,
   SelectProps,
   StylesConfig,
-  OnChangeValue,
-  ActionMeta,
-  PropsValue,
 } from "./index";
 import {SelectControlSettingsProvider} from "./select-control-settings-context";
 
 const offset = [0, space.s4] as [number, number];
-const popupClassName = css`
+const popupContainerClassName = css`
   z-index: 1050;
+`;
+const popupClassName = css`
   max-width: 360px;
   padding-top: ${space.s8}px;
   padding-bottom: ${space.s4}px;
@@ -72,7 +74,10 @@ export const selectInPopupStyles = {
   }),
   option: (props: $TSFixMe) => ({
     ...props,
+    padding: 0,
     borderRadius: border.radius4,
+    paddingLeft: 0,
+    paddingRight: 0,
   }),
   menu: (props: $TSFixMe) => ({
     ...props,
@@ -274,6 +279,7 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
       {Boolean(triggerElement) && (
         <Popup
           offset={offset}
+          popupContainerClassName={popupContainerClassName}
           popupClassName={cx(popupClassName, popupStyles)}
           placement="bottom-start"
           renderInPortal={renderInPortal}