agora-ui-foundation 3.7.9-alpha → 3.8.0-alpha

package/lib/components/chat-manager/index.css

@@ -9,12 +9,19 @@
 
 .fcr_chat_drop_menu .fcr-drop-menu-title {
   display: flex;
+  font-weight: 700 !important;
 }
 
 .fcr_chat_drop_menu .fcr-icon-text-wrapper {
   justify-content: flex-start;
 }
 
+.fcr_chat_manager_popover_overlay .fcr-icon-text-wrapper {
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  width: 100%;
+}
+
 .fcr-drop-menu-option-text .fcr_chat_drop_menu .fcr-icon-text-wrapper {
   align-content: flex-start;
 }
@@ -25,6 +32,9 @@
 
 .fcr_chat_drop_menu .fcr-icon-text__text {
   font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .fcr_chat_drop_menu .fcr-drop-menu-title {
@@ -56,3 +66,8 @@
 .fcr-drop-menu-option-primary svg {
   flex-shrink: 0;
 }
+
+.frc-window-header-setting__icon svg {
+  width: 17px !important;
+  height: 17px !important;
+}

package/lib/components/chat-manager/index.js

@@ -157,7 +157,10 @@ var ChatManager = exports.ChatManager = function ChatManager(_ref2) {
       trigger: "click",
       placement: "bottom",
       overlayInnerStyle: {
-        border: 'none'
+        border: 'none',
+        minWidth: '200px',
+        maxWidth: '280px',
+        width: 'fit-content'
       },
       verticalOffset: -90,
       content: popoverContent,
@@ -171,11 +174,8 @@ var ChatManager = exports.ChatManager = function ChatManager(_ref2) {
         placement: "bottom",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButton.FcrIconButton, {
-            className: "frc-window-header__icon fcr-no-drag",
-            icon: _type.FcrIconType.FCR_MOBILE_MORE,
-            iconColors: {
-              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
-            },
+            className: "frc-window-header__icon frc-window-header-setting__icon  fcr-no-drag",
+            icon: _type.FcrIconType.FCR_DIALOG_MORE,
             onClick: function onClick() {
               setManagerVisible(true);
             }

package/lib/components/chat-wrapper/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
 import { ChatWrapper, ChatWrapperProps } from '.';
 declare const meta: Meta<typeof ChatWrapper>;
-export declare const Doc: (props: ChatWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Basic: (props: ChatWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default meta;

package/lib/components/chat-wrapper/index.stories.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Doc = void 0;
+exports["default"] = exports.Basic = void 0;
 var _ = require(".");
 var _jsxRuntime = require("react/jsx-runtime");
 var meta = {
@@ -23,7 +23,7 @@ var meta = {
   },
   argTypes: {}
 };
-var Doc = exports.Doc = function Doc(props) {
+var Basic = exports.Basic = function Basic(props) {
   var styles = props.styles,
     forbiddenTxt = props.forbiddenTxt,
     forbidden = props.forbidden,

package/lib/components/checkbox/index.css

@@ -74,3 +74,9 @@
   opacity: 0.5;
   transition: 0s;
 }
+
+.fcr-checkbox-check-icon-align-right {
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  width: 100%;
+}

package/lib/components/checkbox/index.d.ts

@@ -9,5 +9,6 @@ export interface CheckboxProps {
     size?: 'medium' | 'small';
     style?: CSSProperties;
     disabled?: boolean;
+    checkIconAlignRight?: boolean;
 }
 export declare const FcrCheckbox: FC<CheckboxProps>;

package/lib/components/checkbox/index.js

@@ -28,7 +28,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _icon = require("../icon");
 var _type = require("../icon/type");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "onChange", "styleType", "size", "indeterminate", "style"];
+var _excluded = ["label", "onChange", "styleType", "size", "indeterminate", "style", "checkIconAlignRight"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
@@ -40,9 +40,12 @@ var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
     size = _props$size === void 0 ? 'medium' : _props$size,
     indeterminate = props.indeterminate,
     style = props.style,
+    _props$checkIconAlign = props.checkIconAlignRight,
+    checkIconAlignRight = _props$checkIconAlign === void 0 ? false : _props$checkIconAlign,
     inputProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var cls = (0, _classnames["default"])('fcr-checkbox', "fcr-checkbox-".concat(styleType), {
-    'fcr-checkbox-s': size === 'small'
+    'fcr-checkbox-s': size === 'small',
+    'fcr-checkbox-check-icon-align-right': checkIconAlignRight
   });
   var _useState = (0, _react.useState)(inputProps.checked || false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),

package/lib/components/confirm-content/index.d.ts

@@ -41,8 +41,8 @@ export interface ConfirmContentProps {
     icon?: FcrIconType;
     title?: string;
     content: string | JSX.Element;
-    cancelText?: string;
-    okText?: string;
+    cancelText?: string | JSX.Element;
+    okText?: string | JSX.Element;
     alignCenter?: boolean;
     onOk?: () => void;
     onCancel?: () => void;

package/lib/components/drop-menu/index.css

@@ -14,7 +14,7 @@
   width: 100%;
   display: flex;
   align-content: center;
-  flex-direction: row;
+  flex-direction: row-reverse;
   align-items: center;
   flex-wrap: nowrap;
   min-height: 32px;
@@ -34,6 +34,17 @@
   opacity: 0.5;
 }
 
+.fcr-drop-menu-title-disabled {
+  color: var(--fcr_ui_scene_icontext1);
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.fcr-drop-menu-group-disabled {
+  color: var(--fcr_ui_scene_icontext1);
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
 .fcr-drop-menu-option-primary:hover,
 .fcr-drop-menu-option-primary:active {
   background-color: var(--fcr_web_ui_scene_hover);
@@ -57,7 +68,7 @@
   width: 100%;
   display: flex;
   align-content: center;
-  flex-direction: row;
+  flex-direction: row-reverse;
   align-items: center;
   flex-wrap: nowrap;
   color: var(--fcr_ui_scene_icontext5);

package/lib/components/drop-menu/index.d.ts

@@ -4,9 +4,11 @@ export interface FcrDropMenuOption {
     title: ReactNode;
     key: string;
     icon?: ReactNode;
-    onButtonClick?: () => void;
+    onButtonClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     classNames?: string;
     type?: 'primary' | 'danger' | 'title' | 'disabled' | 'group' | 'line';
+    options?: FcrDropMenuOption[];
+    visible?: boolean;
     [key: string]: any;
 }
 export interface FcrDropMenuProps {
@@ -19,6 +21,8 @@ export interface FcrDropMenuProps {
     options?: FcrDropMenuOption[];
     children?: ReactNode;
     className?: string;
+    wrapperClassName?: string;
+    isOptionIconAlignsToLeft?: boolean;
 }
 export declare const FcrDropOption: FC<FcrDropMenuOption>;
 export declare const FcrDropMenu: FC<FcrDropMenuProps>;

package/lib/components/drop-menu/index.js

@@ -26,6 +26,7 @@ require("./index.css");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _icon = require("../icon");
 var _type = require("../icon/type");
+var _popover = require("../popover");
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -33,12 +34,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var FcrDropOption = exports.FcrDropOption = function FcrDropOption(option) {
   var _option$type = option.type,
     type = _option$type === void 0 ? 'primary' : _option$type,
-    loading = option.loading;
+    loading = option.loading,
+    wrapperClassName = option.wrapperClassName,
+    isOptionIconAlignsToLeft = option.isOptionIconAlignsToLeft;
   switch (type) {
     case 'title':
     case 'group':
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "fcr-drop-menu-".concat(type),
+        onClick: !option.disabled ? option.onButtonClick : undefined,
         children: option.title
       });
     case 'line':
@@ -46,24 +50,49 @@ var FcrDropOption = exports.FcrDropOption = function FcrDropOption(option) {
         className: "fcr-drop-menu-line"
       });
     default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames2["default"])(option.classNames, 'fcr-drop-menu-option', (0, _defineProperty2["default"])({}, "fcr-drop-menu-option-".concat(type), !!type), {
-          'fcr-drop-menu-option-disabled': option.disabled
-        }),
-        onClick: !option.disabled ? option.onButtonClick : undefined,
-        children: [option.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fcr-drop-menu-option-icon",
-          children: option.icon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fcr-drop-menu-option-text",
-          children: option.title
-        }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          className: (0, _classnames2["default"])('fcr-drop-menu-item-icon', {
-            'fcr-drop-menu-item-loading': loading
+      var hasSubMenu = option.options && option.options.length > 0;
+      var icon = hasSubMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        size: 24,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+        },
+        type: _type.FcrIconType.FCR_TO2
+      }) : option.icon;
+      var popoverProps = typeof option.visible === 'boolean' ? {
+        visible: option.visible
+      } : {};
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, _objectSpread(_objectSpread({
+        showArrow: false,
+        trigger: "click",
+        disable: option.disabled || !hasSubMenu,
+        content: FcrDropMenu({
+          options: option.options
+        })
+      }, popoverProps), {}, {
+        placement: "right",
+        overlayClassName: wrapperClassName,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          style: {
+            flexDirection: isOptionIconAlignsToLeft ? 'row-reverse' : 'row'
+          },
+          className: (0, _classnames2["default"])(option.classNames, 'fcr-drop-menu-option', (0, _defineProperty2["default"])({}, "fcr-drop-menu-option-".concat(type), !!type), {
+            'fcr-drop-menu-option-disabled': option.disabled
           }),
-          type: _type.FcrIconType.FCR_BTN_LOADING
-        })]
-      });
+          onClick: !option.disabled ? option.onButtonClick : undefined,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "fcr-drop-menu-option-text",
+            children: option.title
+          }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "fcr-drop-menu-option-icon",
+            children: icon
+          }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            className: (0, _classnames2["default"])('fcr-drop-menu-item-icon', {
+              'fcr-drop-menu-item-loading': loading
+            }),
+            type: _type.FcrIconType.FCR_BTN_LOADING
+          })]
+        })
+      }));
   }
 };
 var FcrDropMenu = exports.FcrDropMenu = function FcrDropMenu(props) {
@@ -71,7 +100,8 @@ var FcrDropMenu = exports.FcrDropMenu = function FcrDropMenu(props) {
     options = props.options,
     children = props.children,
     styles = props.styles,
-    className = props.className;
+    className = props.className,
+    isOptionIconAlignsToLeft = props.isOptionIconAlignsToLeft;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames2["default"])('fcr-drop-menu', className),
     children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -80,7 +110,10 @@ var FcrDropMenu = exports.FcrDropMenu = function FcrDropMenu(props) {
     }), options && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "fcr-drop-menu-options",
       children: options.map(function (option, index) {
-        return /*#__PURE__*/(0, _react.createElement)(FcrDropOption, _objectSpread(_objectSpread({}, option), {}, {
+        return /*#__PURE__*/(0, _react.createElement)(FcrDropOption, _objectSpread(_objectSpread({
+          isOptionIconAlignsToLeft: isOptionIconAlignsToLeft,
+          wrapperClassName: className
+        }, option), {}, {
           key: "drop_".concat(index)
         }));
       })

package/lib/components/icon/paths/fcr_dialog_more.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 15 14";

package/lib/components/icon/paths/fcr_dialog_more.js

@@ -0,0 +1,24 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      stroke: "#373C42",
+      strokeWidth: "1.19167",
+      d: "M13.9342 5.65398C13.3007 5.43657 12.7391 5.00071 12.378 4.3753C12.0168 3.74962 11.9202 3.04558 12.0486 2.3884C11.387 1.78304 10.5947 1.31854 9.71881 1.0415C9.21369 1.48179 8.55495 1.75075 7.83216 1.75075C7.10937 1.75075 6.45063 1.48179 5.94551 1.0415C5.06988 1.31854 4.27731 1.78304 3.61571 2.3884C3.74433 3.04558 3.64747 3.74962 3.28634 4.3753C2.9252 5.00071 2.36358 5.43657 1.7301 5.65398C1.63507 6.0875 1.58325 6.53742 1.58325 6.99984C1.58325 7.462 1.63507 7.91192 1.7301 8.34544C2.36358 8.56285 2.9252 8.99871 3.28634 9.62438C3.64747 10.2498 3.74433 10.9541 3.61571 11.6113C4.27731 12.2164 5.06988 12.6811 5.94551 12.9582C6.45063 12.5176 7.10937 12.2489 7.83216 12.2489C8.55495 12.2489 9.21369 12.5176 9.71881 12.9582C10.5947 12.6811 11.387 12.2164 12.0486 11.6113C11.9202 10.9541 12.0168 10.2498 12.378 9.62438C12.7391 8.99871 13.3007 8.56285 13.9342 8.34544C14.0295 7.91192 14.0811 7.462 14.0811 6.99984C14.0811 6.53742 14.0295 6.0875 13.9342 5.65398ZM10.1757 6.99973C10.1757 8.29404 9.12665 9.34307 7.83234 9.34307C6.53804 9.34307 5.489 8.29404 5.489 6.99973C5.489 5.70543 6.53804 4.65639 7.83234 4.65639C9.12665 4.65639 10.1757 5.70543 10.1757 6.99973Z",
+      fill: "none"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 15 14';

package/lib/components/icon/paths/fcr_mobile_subtities_off.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 33 32";

package/lib/components/icon/paths/fcr_mobile_subtities_off.js

@@ -0,0 +1,21 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fill: iconPrimary,
+      d: "M22.6671 7.33337C25.2443 7.33357 27.3331 9.42316 27.3331 12.0004V16.4496C28.9097 17.1985 30 18.8049 30.0001 20.6664C30.0001 23.2437 27.9105 25.3334 25.3331 25.3334H20.0001C19.1205 25.3334 18.2981 25.0894 17.5958 24.6664H10.6671C8.08991 24.6664 6.00032 22.5775 6.00012 20.0004V12.0004C6.00012 9.42304 8.08979 7.33337 10.6671 7.33337H22.6671ZM20.0001 17.3334C18.1593 17.3334 16.6673 18.8256 16.6671 20.6664C16.6671 22.5073 18.1592 24.0004 20.0001 24.0004H25.3331C27.1741 24.0004 28.6671 22.5073 28.6671 20.6664C28.667 18.8256 27.174 17.3334 25.3331 17.3334H20.0001ZM20.3566 18.3578C20.6169 18.0974 21.0396 18.0974 21.2999 18.3578L22.714 19.7709L24.1281 18.3568L24.2325 18.2709C24.4912 18.1003 24.8437 18.1294 25.0714 18.3568C25.2989 18.5845 25.3269 18.936 25.1564 19.1947L25.0714 19.3002L23.6573 20.7142L25.0714 22.1283L25.1564 22.2338C25.3268 22.4924 25.2989 22.844 25.0714 23.0717C24.8437 23.2991 24.4912 23.3282 24.2325 23.1576L24.1281 23.0717L22.714 21.6576L21.2999 23.0707C21.0396 23.331 20.6169 23.331 20.3566 23.0707C20.0968 22.8103 20.0964 22.3875 20.3566 22.1273L21.7706 20.7142L20.3566 19.3011C20.0964 19.041 20.0969 18.6182 20.3566 18.3578ZM14.7316 11.3334C12.4868 11.3335 10.6671 13.4231 10.6671 16.0004C10.6673 18.5775 12.4869 20.6663 14.7316 20.6664H15.3331C15.3332 19.7128 15.6195 18.8261 16.1105 18.0873C15.9826 18.0316 15.8442 18.0004 15.6993 18.0004H14.7316C13.7697 18.0003 12.9896 17.1047 12.9894 16.0004C12.9894 14.8959 13.7696 14.0005 14.7316 14.0004H15.6993C16.3405 14.0001 16.8605 13.4026 16.8605 12.6664C16.8603 11.9303 16.3405 11.3336 15.6993 11.3334H14.7316ZM20.5372 11.3334C18.2926 11.3337 16.4728 13.4232 16.4728 16.0004C16.4728 16.4907 16.5381 16.9636 16.6603 17.4076C16.6434 17.4249 16.6271 17.4428 16.6105 17.4603C17.1971 16.8404 17.951 16.38 18.8009 16.1547C18.7975 16.1037 18.796 16.0523 18.796 16.0004C18.796 14.896 19.5754 14.0007 20.5372 14.0004H21.505C22.1462 14.0001 22.6671 13.4026 22.6671 12.6664C22.667 11.9303 22.1461 11.3336 21.505 11.3334H20.5372Z",
+      fillOpacity: "0.9"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 33 32';

package/lib/components/icon/paths/fcr_mobile_subtities_on.js

@@ -15,7 +15,7 @@ var path = exports.path = function path(_ref) {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M7.33333 16.0404C5.56142 16.0404 4.125 14.6039 4.125 12.832V9.16536C4.125 7.39345 5.56142 5.95703 7.33333 5.95703H14.6667C16.4386 5.95703 17.875 7.39345 17.875 9.16536V12.832C17.875 14.6039 16.4386 16.0404 14.6667 16.0404H7.33333ZM6.875 10.9993C6.875 9.22744 8.1261 7.79102 9.66941 7.79102H10.3347C10.7757 7.79102 11.1331 8.20142 11.1331 8.70768C11.1331 9.21394 10.7757 9.62435 10.3347 9.62435H9.66941C9.00799 9.62435 8.47181 10.24 8.47181 10.9993C8.47181 11.7587 9.00799 12.3743 9.66941 12.3743H10.3347C10.7757 12.3743 11.1331 12.7848 11.1331 13.291C11.1331 13.7973 10.7757 14.2077 10.3347 14.2077H9.66941C8.1261 14.2077 6.875 12.7713 6.875 10.9993ZM10.8666 10.9993C10.8666 9.22744 12.1177 7.79102 13.661 7.79102H14.3264C14.7673 7.79102 15.1248 8.20142 15.1248 8.70768C15.1248 9.21394 14.7673 9.62435 14.3264 9.62435H13.661C12.9996 9.62435 12.4634 10.24 12.4634 10.9993C12.4634 11.7587 12.9996 12.3743 13.661 12.3743H14.3264C14.7673 12.3743 15.1248 12.7848 15.1248 13.291C15.1248 13.7973 14.7673 14.2077 14.3264 14.2077H13.661C12.1177 14.2077 10.8666 12.7713 10.8666 10.9993Z",
-      fill: "white"
+      fill: iconPrimary
     })
   });
 };

package/lib/components/icon/paths/fcr_subtitieshistory.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 24 24";

package/lib/components/icon/paths/fcr_subtitieshistory.js

@@ -0,0 +1,23 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.14314 10.9289C7.68164 10.9289 8.92885 9.68164 8.92885 8.14314C8.92885 6.60463 7.68164 5.35742 6.14314 5.35742C4.60463 5.35742 3.35742 6.60463 3.35742 8.14314C3.35742 9.68164 4.60463 10.9289 6.14314 10.9289ZM6.35714 6.2146H5.5V7.92875V8.35746V8.78589H7.64286V7.92875H6.35714V6.2146ZM7.1236 11.6522C6.81156 11.7392 6.48264 11.7857 6.14286 11.7857C5.5518 11.7857 4.99361 11.6449 4.5 11.3951V13.9714C4.5 15.9044 6.067 17.4714 8 17.4714H14.7143C16.6473 17.4714 18.2143 15.9044 18.2143 13.9714V10C18.2143 8.067 16.6473 6.5 14.7143 6.5H9.39511C9.64495 6.99361 9.78571 7.5518 9.78571 8.14286C9.78571 8.48305 9.73908 8.81235 9.65186 9.12471C9.761 9.11216 9.87199 9.10571 9.98449 9.10571H10.6702C11.1247 9.10571 11.4931 9.47412 11.4931 9.92857C11.4931 10.383 11.1247 10.7514 10.6702 10.7514H9.98449C9.30281 10.7514 8.75021 11.304 8.75021 11.9857C8.75021 12.6674 9.30281 13.22 9.98449 13.22H10.6702C11.1247 13.22 11.4931 13.5884 11.4931 14.0429C11.4931 14.4973 11.1247 14.8657 10.6702 14.8657H9.98449C8.39391 14.8657 7.10449 13.5763 7.10449 11.9857C7.10449 11.8729 7.11098 11.7616 7.1236 11.6522ZM11.2197 11.9857C11.2197 10.3951 12.5091 9.10571 14.0997 9.10571H14.7854C15.2399 9.10571 15.6083 9.47412 15.6083 9.92857C15.6083 10.383 15.2399 10.7514 14.7854 10.7514H14.0997C13.418 10.7514 12.8654 11.304 12.8654 11.9857C12.8654 12.6674 13.418 13.22 14.0997 13.22H14.7854C15.2399 13.22 15.6083 13.5884 15.6083 14.0429C15.6083 14.4973 15.2399 14.8657 14.7854 14.8657H14.0997C12.5091 14.8657 11.2197 13.5763 11.2197 11.9857Z",
+      fill: iconPrimary,
+      fillOpacity: "0.8"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 24 24';

package/lib/components/icon/paths/fcr_subtitieshistory2.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 24 24";

package/lib/components/icon/paths/fcr_subtitieshistory2.js

@@ -0,0 +1,38 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M15.2197 5.95801C17.3189 5.95811 19.021 7.66064 19.0215 9.75977V14.0732C19.0215 16.1728 17.3192 17.8749 15.2197 17.875H7.92676C5.82718 17.875 4.125 16.1728 4.125 14.0732V11.6797C4.65365 11.9078 5.23626 12.0361 5.84863 12.0361C6.23074 12.0361 6.60099 11.9851 6.9541 11.8926C6.95404 11.9005 6.9541 11.9091 6.9541 11.917C6.9541 13.6446 8.35438 15.0449 10.082 15.0449H10.8271C11.3206 15.0447 11.7207 14.6449 11.7207 14.1514C11.7203 13.6582 11.3203 13.258 10.8271 13.2578H10.082C9.34161 13.2578 8.74121 12.6574 8.74121 11.917C8.74162 11.1769 9.34186 10.5762 10.082 10.5762H10.8271C11.3206 10.576 11.7207 10.1761 11.7207 9.68262C11.7203 9.18945 11.3204 8.78926 10.8271 8.78906H10.0596C10.1522 8.4356 10.2021 8.06416 10.2021 7.68164C10.2021 7.06959 10.0757 6.48641 9.84766 5.95801H15.2197ZM14.5518 8.78906C12.8244 8.78906 11.4242 10.1897 11.4238 11.917C11.4238 13.6446 12.8241 15.0449 14.5518 15.0449H15.2969C15.7903 15.0447 16.1904 14.6448 16.1904 14.1514C16.19 13.6583 15.79 13.2581 15.2969 13.2578H14.5518C13.8113 13.2578 13.2109 12.6574 13.2109 11.917C13.2113 11.1769 13.8116 10.5762 14.5518 10.5762H15.2969C15.7903 10.5759 16.1904 10.1761 16.1904 9.68262C16.19 9.18948 15.79 8.78931 15.2969 8.78906H14.5518Z",
+      fill: "url(#paint0_linear_88130_110106)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M5.95801 4.58301C7.72992 4.58301 9.16699 6.02008 9.16699 7.79199C9.16681 9.56375 7.72981 11 5.95801 11C4.18636 10.9998 2.75018 9.56364 2.75 7.79199C2.75 6.02019 4.18624 4.58318 5.95801 4.58301ZM5.21777 8.53223H7.68555V7.54492H6.20508V5.57031H5.21777V8.53223Z",
+      fill: "#4BA7F3"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "paint0_linear_88130_110106",
+        x1: "15.8015",
+        y1: "5.95801",
+        x2: "4.93926",
+        y2: "16.8198",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+          stopColor: "#617BFF"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+          offset: "1",
+          stopColor: "#4262FF"
+        })]
+      })
+    })]
+  });
+};
+var viewBox = exports.viewBox = '0 0 24 24';

package/lib/components/icon/paths/fcr_subtitieshistory_off.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 32 32";

package/lib/components/icon/paths/fcr_subtitieshistory_off.js

@@ -0,0 +1,23 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      fill: iconPrimary,
+      clipRule: "evenodd",
+      d: "M8.19085 14.5718C10.2422 14.5718 11.9051 12.9088 11.9051 10.8575C11.9051 8.80613 10.2422 7.14319 8.19085 7.14319C6.1395 7.14319 4.47656 8.80613 4.47656 10.8575C4.47656 12.9088 6.1395 14.5718 8.19085 14.5718ZM8.47619 8.28613H7.33333V10.5717V11.1433V11.7145H10.1905V10.5717L8.47619 10.5717V8.28613ZM8.19048 15.7143C8.64353 15.7143 9.08209 15.6523 9.49813 15.5363C9.48131 15.6822 9.47266 15.8306 9.47266 15.981C9.47266 18.1018 11.1919 19.821 13.3127 19.821H14.2269C14.4252 19.821 14.6111 19.7684 14.7716 19.6765C14.8718 19.2131 15.0407 18.7753 15.2672 18.3744C15.1213 17.9398 14.7107 17.6267 14.2269 17.6267H13.3127C12.4038 17.6267 11.6669 16.8899 11.6669 15.981C11.6669 15.0721 12.4038 14.3353 13.3127 14.3353H14.2269C14.8329 14.3353 15.3241 13.8441 15.3241 13.2381C15.3241 12.6322 14.8329 12.141 14.2269 12.141H13.3127C13.1627 12.141 13.0147 12.1496 12.8692 12.1663C12.9854 11.7498 13.0476 11.3108 13.0476 10.8572C13.0476 10.0691 12.8599 9.32482 12.5268 8.66667H19.619C22.1964 8.66667 24.2857 10.756 24.2857 13.3333V15.9997H24.6663C27.2437 15.9997 29.3333 18.0893 29.3333 20.6667C29.3333 23.244 27.2437 25.3337 24.6663 25.3337H19.3333C17.7309 25.3337 16.3169 24.5258 15.4765 23.2952H10.6667C8.08934 23.2952 6 21.2059 6 18.6286V15.1935C6.65815 15.5266 7.40239 15.7143 8.19048 15.7143ZM17.2362 16.4963C17.1828 16.3342 17.1539 16.161 17.1539 15.981C17.1539 15.0721 17.8907 14.3353 18.7996 14.3353H19.7139C20.3199 14.3353 20.8111 13.8441 20.8111 13.2381C20.8111 12.6322 20.3199 12.141 19.7139 12.141H18.7996C16.6789 12.141 14.9596 13.8602 14.9596 15.981C14.9596 16.7122 15.164 17.3956 15.5187 17.9774C15.9594 17.3535 16.5492 16.8425 17.2362 16.4963ZM24.4898 22.2327L24.4041 22.1278L22.9905 20.7142L24.4041 19.3005L24.4898 19.1956C24.6606 18.9368 24.6319 18.5851 24.4041 18.3573C24.1763 18.1295 23.8246 18.1008 23.5658 18.2716L23.4609 18.3573L22.0472 19.7709L20.6331 18.3568C20.3728 18.0964 19.9502 18.0964 19.6899 18.3568C19.4295 18.6171 19.4295 19.0397 19.6899 19.3L21.104 20.7142L19.6899 22.1283C19.4295 22.3886 19.4295 22.8112 19.6899 23.0715C19.9502 23.3319 20.3728 23.3319 20.6331 23.0715L22.0472 21.6574L23.4609 23.0711L23.5658 23.1567C23.8246 23.3275 24.1763 23.2988 24.4041 23.0711C24.6319 22.8433 24.6606 22.4915 24.4898 22.2327ZM24.6663 17.3337C26.5073 17.3337 28.0003 18.8257 28.0003 20.6667C28.0003 22.5076 26.5073 23.9997 24.6663 23.9997H19.3333C17.4924 23.9997 16.0003 22.5076 16.0003 20.6667C16.0003 18.8257 17.4924 17.3337 19.3333 17.3337H24.6663Z",
+      fillOpacity: "0.9"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 32 32';

package/lib/components/icon/paths/fcr_subtitieshistory_on.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 32 32";

package/lib/components/icon/paths/fcr_subtitieshistory_on.js

@@ -0,0 +1,23 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      fill: iconPrimary,
+      clipRule: "evenodd",
+      d: "M8.19085 14.5718C10.2422 14.5718 11.9051 12.9088 11.9051 10.8575C11.9051 8.80613 10.2422 7.14319 8.19085 7.14319C6.1395 7.14319 4.47656 8.80613 4.47656 10.8575C4.47656 12.9088 6.1395 14.5718 8.19085 14.5718ZM8.47619 8.28609H7.33333V10.5716V11.1432V11.7145H10.1905V10.5716H8.47619V8.28609ZM8.19048 15.7142C8.64353 15.7142 9.08209 15.6522 9.49813 15.5362C9.48131 15.6821 9.47266 15.8305 9.47266 15.9809C9.47266 18.1017 11.1919 19.8209 13.3127 19.8209H14.2269C14.4253 19.8209 14.6114 19.7683 14.772 19.6762C14.8721 19.213 15.041 18.7754 15.2674 18.3746C15.1215 17.9399 14.7108 17.6266 14.2269 17.6266H13.3127C12.4038 17.6266 11.6669 16.8898 11.6669 15.9809C11.6669 15.072 12.4038 14.3352 13.3127 14.3352H14.2269C14.8329 14.3352 15.3241 13.844 15.3241 13.2381C15.3241 12.6321 14.8329 12.1409 14.2269 12.1409H13.3127C13.1627 12.1409 13.0147 12.1495 12.8692 12.1662C12.9854 11.7498 13.0476 11.3107 13.0476 10.8571C13.0476 10.069 12.8599 9.32477 12.5268 8.66663H19.6191C22.1964 8.66663 24.2857 10.756 24.2857 13.3333V16H20.6667L20.6458 16H24.6667C27.244 16 29.3333 18.0893 29.3333 20.6667C29.3333 23.244 27.244 25.3333 24.6667 25.3333H19.3333C17.7309 25.3333 16.3171 24.5257 15.4768 23.2952H10.6667C8.08934 23.2952 6 21.2059 6 18.6285V15.1934C6.65815 15.5266 7.40239 15.7142 8.19048 15.7142ZM17.2363 16.4966C16.5493 16.8427 15.9595 17.3537 15.5189 17.9775C15.1641 17.3958 14.9596 16.7122 14.9596 15.9809C14.9596 13.8601 16.6789 12.1409 18.7996 12.1409H19.7139C20.3199 12.1409 20.8111 12.6321 20.8111 13.2381C20.8111 13.844 20.3199 14.3352 19.7139 14.3352H18.7996C17.8907 14.3352 17.1539 15.072 17.1539 15.9809C17.1539 16.161 17.1829 16.3344 17.2363 16.4966ZM19.3333 17.3333C17.4924 17.3333 16 18.8257 16 20.6667C16 22.5076 17.4924 24 19.3333 24H24.6667C26.5076 24 28 22.5076 28 20.6667C28 18.8257 26.5076 17.3333 24.6667 17.3333H19.3333ZM25.1381 19.8047C25.3984 19.5444 25.3984 19.1223 25.1381 18.8619C24.8777 18.6016 24.4556 18.6016 24.1953 18.8619L21.9167 21.1405L21.1381 20.3619C20.8777 20.1016 20.4556 20.1016 20.1953 20.3619C19.9349 20.6223 19.9349 21.0444 20.1953 21.3047L21.4453 22.5547C21.7056 22.8151 22.1277 22.8151 22.3881 22.5547L25.1381 19.8047Z",
+      fillOpacity: "0.9"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 32 32';

package/lib/components/icon/paths/fcr_subtitles.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 22 22";

package/lib/components/icon/paths/fcr_subtitles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+      width: "22",
+      height: "22",
+      rx: "6",
+      fill: "#16D1A4"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M15.4001 5.1333C17.0202 5.13334 18.3337 6.44688 18.3337 8.06689V13.9331C18.3337 15.5531 17.0202 16.8667 15.4001 16.8667H6.60034C4.98031 16.8667 3.66675 15.5531 3.66675 13.9331V8.06689C3.66675 6.44686 4.98031 5.1333 6.60034 5.1333H15.4001ZM9.53394 7.92041C7.83321 7.92059 6.45411 9.2988 6.45386 10.9995C6.45386 12.7004 7.83305 14.0794 9.53394 14.0796H10.2673C10.7533 14.0796 11.1472 13.6857 11.1472 13.1997C11.1471 12.7138 10.7533 12.3198 10.2673 12.3198H9.53394C8.80507 12.3196 8.2146 11.7284 8.2146 10.9995C8.21485 10.2708 8.80523 9.68035 9.53394 9.68018H10.2673C10.7532 9.68018 11.147 9.28616 11.1472 8.80029C11.1472 8.31428 10.7533 7.92041 10.2673 7.92041H9.53394ZM13.9343 7.92041C12.2334 7.92041 10.8545 9.29869 10.8542 10.9995C10.8542 12.7005 12.2333 14.0796 13.9343 14.0796H14.6677C15.1536 14.0794 15.5476 13.6856 15.5476 13.1997C15.5475 12.7139 15.1535 12.32 14.6677 12.3198H13.9343C13.2053 12.3198 12.614 11.7285 12.614 10.9995C12.6143 10.2707 13.2055 9.68018 13.9343 9.68018H14.6677C15.1535 9.68001 15.5474 9.28606 15.5476 8.80029C15.5476 8.31438 15.1536 7.92058 14.6677 7.92041H13.9343Z",
+      fill: "white"
+    })]
+  });
+};
+var viewBox = exports.viewBox = '0 0 22 22';

package/lib/components/icon/paths/fcr_to2.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 21 20";

package/lib/components/icon/paths/fcr_to2.js

@@ -0,0 +1,20 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fill: iconPrimary,
+      d: "M13.701 10L13.7703 9.93047L8.21486 4.37499L7.1036 5.48602L11.6174 10L7.1036 14.5135L8.21486 15.6248L13.7703 10.0691L13.701 10Z"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 21 20';

package/lib/components/icon/paths/fcr_toggle_dialog.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 14 14";

package/lib/components/icon/paths/fcr_toggle_dialog.js

@@ -0,0 +1,22 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11.4062 0.598145C12.7929 0.739029 13.875 1.90968 13.875 3.3335V10.6665L13.8604 10.9478C13.729 12.2421 12.7005 13.2714 11.4062 13.4028L11.125 13.4165H2.875L2.59375 13.4028C1.29945 13.2714 0.271 12.2421 0.139648 10.9478L0.125 10.6665V3.3335C0.125 1.90968 1.2071 0.739029 2.59375 0.598145L2.875 0.583496H11.125L11.4062 0.598145ZM2.875 2.23389C2.26749 2.23389 1.77539 2.72598 1.77539 3.3335V10.6665C1.77539 11.274 2.26749 11.7671 2.875 11.7671H11.125C11.7325 11.7671 12.2246 11.274 12.2246 10.6665V3.3335C12.2246 2.72598 11.7325 2.23389 11.125 2.23389H2.875ZM10.667 2.87549C11.173 2.87566 11.5828 3.28554 11.583 3.7915V10.2085C11.583 10.7146 11.1731 11.1253 10.667 11.1255H8.375C7.86874 11.1255 7.45801 10.7148 7.45801 10.2085V3.7915C7.45823 3.28543 7.86887 2.87549 8.375 2.87549H10.667Z",
+      fill: '#373C42'
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 14 14';

package/lib/components/icon/paths/fcr_top.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 12 15";