agora-ui-foundation 1.0.0

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

@@ -0,0 +1,93 @@
+.fcr-drop-menu {
+  box-sizing: border-box;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border: 1px solid var(--fcr_ui_scene_line1);
+  box-shadow: 0px 0px 15px var(--fcr_web_light_dropup_m);
+  border-radius: var(--fcr_cornerradius_l);
+  width: 100%;
+  padding: 10px;
+
+}
+
+.fcr-drop-menu-option {
+  border-radius: var(--fcr_cornerradius_xxs);
+  width: 100%;
+  display: flex;
+  align-content: center;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 8px;
+  height: 30px;
+  color: var(--fcr_ui_scene_icontext1);
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+
+.fcr-drop-menu-options{
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.fcr-drop-menu-option-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);
+}
+
+.fcr-drop-menu-title{
+  font-size: 12px;
+  color: var(--fcr_ui_scene_icontext2);
+}
+.fcr-drop-menu-option-danger {
+  border-radius: var(--fcr_cornerradius_xxs);
+  width: 100%;
+  display: flex;
+  align-content: center;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 8px;
+  height: 30px;
+  color: var(--fcr_ui_scene_ramp_red6);
+  padding: 0 8px;
+}
+
+.fcr-drop-menu-option-danger:hover {
+  background-color: var(--fcr_ui_scene_ramp_red6);
+  color: var(--fcr_ui_scene_white10);
+}
+
+.fcr-drop-menu-option-danger:hover svg path {
+  fill: var(--fcr_ui_scene_white10)
+}
+
+.fcr-drop-menu-option-text{
+  flex: 1;
+  text-align: left;
+}
+
+.fcr-drop-menu svg.fcr-drop-menu-item-icon {
+  width: 16px;
+  height: 16px;
+}
+.fcr-drop-menu svg.fcr-drop-menu-item-icon path {
+  fill: rgb(172, 172, 172)
+}
+
+.fcr-drop-menu .fcr-drop-menu-item-loading {
+  animation: loadingCircle 1s infinite linear;
+}
+
+@keyframes loadingCircle {
+  100% {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+import './index.css';
+export interface MenuData {
+    title: ReactNode;
+    key: string;
+    icon?: ReactNode;
+    onButtonClick?: () => void;
+    classNames?: string;
+    type?: 'primary' | 'danger' | 'title' | 'disabled';
+    [key: string]: any;
+}
+export interface FcrDropMenuProps {
+    title?: ReactNode;
+    styles?: {
+        titleStyle?: React.CSSProperties;
+        menuStyle?: React.CSSProperties;
+    };
+    footer?: ReactNode;
+    options?: MenuData[];
+    children?: ReactNode;
+}
+export declare const FcrDropOption: FC<MenuData>;
+export declare const FcrDropMenu: FC<FcrDropMenuProps>;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrDropOption = exports.FcrDropMenu = void 0;
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("./index.css");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icon = require("../icon");
+var _type = require("../icon/type");
+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; }
+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 FcrDropOption = exports.FcrDropOption = function FcrDropOption(option) {
+  var _option$type = option.type,
+    type = _option$type === void 0 ? 'primary' : _option$type,
+    loading = option.loading;
+  if (type === 'title') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-drop-menu-title",
+      children: option.title
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["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-text",
+      children: option.title
+    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      className: (0, _classnames["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) {
+  var title = props.title,
+    options = props.options,
+    children = props.children,
+    styles = props.styles;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-drop-menu",
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-drop-menu-title",
+      children: title
+    }), 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), {}, {
+          key: "drop_".concat(index)
+        }));
+      })
+    }), children]
+  });
+};

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FcrDropMenu } from './index';
+declare const meta: Meta;
+type Story = StoryObj<typeof FcrDropMenu>;
+export declare const Basic: Story;
+export default meta;

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

@@ -0,0 +1,108 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Basic = void 0;
+var _index = require("./index");
+var _type = require("../icon/type");
+var _icon = require("../icon");
+var _jsxRuntime = require("react/jsx-runtime");
+var meta = {
+  title: 'Components/DropMenu',
+  tags: ['autodocs'],
+  argTypes: {
+    title: {
+      control: 'text',
+      defaultValue: 'title'
+    },
+    options: {
+      control: 'object',
+      defaultValue: [{
+        title: 'Option 1',
+        key: '1',
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_LOWER_HAND
+        }),
+        onButtonClick: function onButtonClick() {
+          console.log('Option 1');
+        }
+      }, {
+        title: 'Option 2',
+        key: '2',
+        onButtonClick: function onButtonClick() {
+          console.log('Option 2');
+        }
+      }]
+    },
+    children: {
+      control: 'text',
+      defaultValue: 'children'
+    },
+    styles: {
+      control: 'object',
+      defaultValue: {
+        titleStyle: {
+          color: 'red'
+        },
+        menuStyle: {
+          color: 'blue'
+        }
+      }
+    }
+  }
+};
+var Basic = exports.Basic = {
+  args: {
+    title: 'title',
+    options: [{
+      title: 'Option 1',
+      key: '1',
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_LOWER_HAND,
+        size: 20,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_icontext5)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+        }
+      }),
+      onButtonClick: function onButtonClick() {
+        console.log('Option 1');
+      }
+    }, {
+      title: 'Option 2',
+      key: '2',
+      onButtonClick: function onButtonClick() {
+        console.log('Option 2');
+      }
+    }, {
+      title: 'Option 3',
+      key: '3',
+      type: 'danger',
+      onButtonClick: function onButtonClick() {
+        console.log('Option 2');
+      }
+    }],
+    children: 'children'
+  },
+  render: function render(props) {
+    var title = props.title,
+      options = props.options,
+      children = props.children,
+      styles = props.styles;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'flex',
+        padding: 20
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FcrDropMenu, {
+        title: title,
+        options: options,
+        styles: styles,
+        children: children
+      })
+    });
+  }
+};
+var _default = exports["default"] = meta;

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

@@ -0,0 +1,12 @@
+import { FC, CSSProperties, MouseEventHandler } from 'react';
+import { FcrIconType } from './type';
+import { PathOptions } from './svg-dict';
+export type FcrIconProps = {
+    type: FcrIconType;
+    size?: number;
+    className?: string;
+    style?: CSSProperties;
+    colors?: Partial<PathOptions>;
+    onClick?: MouseEventHandler<SVGSVGElement>;
+};
+export declare const FcrIcon: FC<FcrIconProps>;

package/lib/components/icon/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrIcon = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _svgDict = require("./svg-dict");
+var _jsxRuntime = require("react/jsx-runtime");
+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 FcrIcon = exports.FcrIcon = function FcrIcon(_ref) {
+  var _colors$iconPrimary, _colors$iconSecondary;
+  var className = _ref.className,
+    size = _ref.size,
+    style = _ref.style,
+    type = _ref.type,
+    colors = _ref.colors,
+    onClick = _ref.onClick;
+  var viewBox = (0, _svgDict.getViewBox)(type);
+  var path = (0, _svgDict.getPath)(type, _objectSpread(_objectSpread({}, colors), {}, {
+    iconPrimary: (_colors$iconPrimary = colors === null || colors === void 0 ? void 0 : colors.iconPrimary) !== null && _colors$iconPrimary !== void 0 ? _colors$iconPrimary : 'transparent',
+    iconSecondary: (_colors$iconSecondary = colors === null || colors === void 0 ? void 0 : colors.iconSecondary) !== null && _colors$iconSecondary !== void 0 ? _colors$iconSecondary : 'transparent'
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    className: className,
+    width: size,
+    height: size,
+    viewBox: viewBox,
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    style: style,
+    "data-label": type,
+    onClick: onClick,
+    children: path
+  });
+};

package/lib/components/icon/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FcrIcon } from '.';
+declare const meta: Meta;
+type Story = StoryObj<typeof FcrIcon>;
+export declare const IconSet: Story;
+export default meta;

package/lib/components/icon/index.stories.js

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.IconSet = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.keys.js");
+var _ = require(".");
+var svgExports = _interopRequireWildcard(require("./svg-exports"));
+var _mic = require("./mic");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var meta = {
+  title: 'Components/Icon',
+  tags: ['autodocs'],
+  argTypes: {}
+};
+var IconSet = exports.IconSet = {
+  args: {},
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          display: 'flex',
+          flexWrap: 'wrap'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_mic.FcrMicrophoneIndicator, {
+          voicePercent: 50
+        }), Object.keys(svgExports).map(function (key) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            title: key,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FcrIcon, {
+              type: key,
+              size: 24,
+              colors: {
+                iconPrimary: '#ccc'
+              }
+            })
+          });
+        })]
+      })
+    });
+  }
+};
+var _default = exports["default"] = meta;

package/lib/components/icon/mic.d.ts

@@ -0,0 +1,7 @@
+export declare const FcrMicrophoneIndicator: ({ size, voicePercent, defId, iconColor, iconActiveColor, }: {
+    size?: number | undefined;
+    voicePercent?: number | undefined;
+    defId?: string | undefined;
+    iconColor?: string | undefined;
+    iconActiveColor?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/icon/mic.js

@@ -0,0 +1,63 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrMicrophoneIndicator = void 0;
+var _react = require("react");
+var _uuid = require("uuid");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrMicrophoneIndicator = exports.FcrMicrophoneIndicator = function FcrMicrophoneIndicator(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$voicePercent = _ref.voicePercent,
+    voicePercent = _ref$voicePercent === void 0 ? 0 : _ref$voicePercent,
+    defId = _ref.defId,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? 'var(--fcr_web_ui_scene_mainicon1)' : _ref$iconColor,
+    _ref$iconActiveColor = _ref.iconActiveColor,
+    iconActiveColor = _ref$iconActiveColor === void 0 ? 'var(--fcr_ui_scene_ramp_green6)' : _ref$iconActiveColor;
+  var id = (0, _react.useMemo)(function () {
+    return defId || (0, _uuid.v4)();
+  }, [defId]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-microphone",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+      viewBox: "0 0 48 48",
+      fill: "none",
+      width: size,
+      height: size,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+          x1: "0%",
+          x2: "0%",
+          y1: "0%",
+          y2: "100%",
+          id: id,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+            stopColor: iconColor,
+            offset: "0%"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+            stopColor: iconColor,
+            offset: "".concat(100 - voicePercent, "%")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+            stopColor: iconActiveColor,
+            offset: "".concat(100 - voicePercent, "%")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+            stopColor: iconActiveColor,
+            offset: "100%"
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16.4001 23.0001C16.4001 22.2269 15.7733 21.6001 15.0001 21.6001C14.2269 21.6001 13.6001 22.2269 13.6001 23.0001V26.0001C13.6001 31.7439 18.2563 36.4001 24.0001 36.4001C29.7439 36.4001 34.4001 31.7439 34.4001 26.0001V23.0001C34.4001 22.2269 33.7733 21.6001 33.0001 21.6001C32.2269 21.6001 31.6001 22.2269 31.6001 23.0001V26.0001C31.6001 30.1975 28.1975 33.6001 24.0001 33.6001C19.8027 33.6001 16.4001 30.1975 16.4001 26.0001V23.0001Z",
+        fill: iconColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M24 12C20.6863 12 18 14.6863 18 18V26C18 29.3137 20.6863 32 24 32C27.3137 32 30 29.3137 30 26V18C30 14.6863 27.3137 12 24 12Z",
+        fill: "url(#".concat(id, ")")
+      })]
+    })
+  });
+};

package/lib/components/icon/paths/fcr_alf2.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 48 48";

package/lib/components/icon/paths/fcr_alf2.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)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M28.0002 6H12.5716C10.0468 6 8.00018 8.01465 8.00018 10.5V37.5C8.00018 39.9854 10.0468 42 12.5716 42H35.4288C37.9536 42 40.0002 39.9854 40.0002 37.5V17L28.0002 6ZM15.1417 35.2947C15.6433 35.5078 16.2204 35.6143 16.8729 35.6143C17.3168 35.6143 17.7229 35.5611 18.0914 35.4545C18.4642 35.348 18.7949 35.1771 19.0835 34.9418C19.3764 34.7066 19.625 34.3981 19.8292 34.0163H19.9091V35.4545H23.3448V28.4499C23.3448 27.975 23.2361 27.5355 23.0186 27.1316C22.8055 26.7232 22.4948 26.3681 22.0864 26.0662C21.678 25.7599 21.1831 25.5225 20.6016 25.3538C20.0201 25.1807 19.3631 25.0941 18.6307 25.0941C17.6142 25.0941 16.7663 25.2539 16.0872 25.5735C15.408 25.8887 14.8909 26.3104 14.5358 26.8386C14.1851 27.3624 13.9876 27.935 13.9432 28.5565H17.3256C17.37 28.2413 17.501 28.0083 17.7185 27.8573C17.9404 27.702 18.2267 27.6243 18.5774 27.6243C18.897 27.6243 19.1589 27.6953 19.3631 27.8374C19.5673 27.9794 19.6694 28.1836 19.6694 28.4499V28.4766C19.6694 28.6719 19.5917 28.8295 19.4364 28.9493C19.281 29.0647 19.028 29.1557 18.6773 29.2223C18.3311 29.2844 17.8716 29.3377 17.299 29.3821C16.7708 29.4221 16.2781 29.5086 15.8209 29.6418C15.3681 29.7749 14.9708 29.968 14.629 30.2211C14.2872 30.4741 14.0209 30.8003 13.83 31.1998C13.6391 31.5949 13.5437 32.0721 13.5437 32.6314C13.5437 33.3105 13.6857 33.8699 13.9698 34.3093C14.2539 34.7488 14.6445 35.0772 15.1417 35.2947ZM18.8571 33.1241C18.6129 33.2395 18.351 33.2972 18.0714 33.2972C17.7607 33.2972 17.5054 33.2218 17.3057 33.0708C17.1059 32.9199 17.006 32.7024 17.006 32.4183C17.006 32.2408 17.0482 32.081 17.1326 31.9389C17.2213 31.7924 17.3545 31.6704 17.5321 31.5727C17.7141 31.4706 17.9471 31.3974 18.2312 31.353C18.3777 31.3308 18.5175 31.3064 18.6507 31.2797C18.7883 31.2531 18.917 31.2243 19.0368 31.1932C19.1611 31.1621 19.2766 31.1288 19.3831 31.0933C19.4941 31.0578 19.5984 31.0201 19.696 30.9801V31.8324C19.696 32.1431 19.6183 32.4072 19.463 32.6247C19.3076 32.8422 19.1057 33.0087 18.8571 33.1241ZM28.7764 35.4545V21.8182H25.101V35.4545H28.7764ZM36.7748 27.8906V25.2273H34.9104V24.7745C34.9104 24.5348 34.9704 24.3417 35.0902 24.1952C35.2101 24.0487 35.4431 23.9755 35.7893 23.9755C35.9225 23.9755 36.0779 23.9888 36.2554 24.0154C36.433 24.0376 36.5883 24.0687 36.7215 24.1087L37.2542 21.4719C37.0411 21.4187 36.7126 21.3565 36.2687 21.2855C35.8293 21.2145 35.3765 21.179 34.9104 21.179C34.1647 21.179 33.5166 21.3166 32.9662 21.5918C32.4158 21.867 31.9896 22.282 31.6878 22.8369C31.3859 23.3918 31.235 24.0909 31.235 24.9343V25.2273H29.93V27.8906H31.235V35.4545H34.9104V27.8906H36.7748Z",
+      fill: "white"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M27.9998 6L39.9998 17H32.7998C30.1488 17 27.9998 15.0301 27.9998 12.6V6Z",
+      fill: "#CDCDCD"
+    })]
+  });
+};
+var viewBox = exports.viewBox = '0 0 48 48';

package/lib/components/icon/paths/fcr_all_mute.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 48 48";

package/lib/components/icon/paths/fcr_all_mute.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: "M27.6784 26.9314L14.4871 14.3835C15.4794 11.8188 17.9694 10 20.8843 10C24.6713 10 27.7412 13.0699 27.7412 16.8569V25.9995C27.7412 26.3156 27.7198 26.6267 27.6784 26.9314ZM14.0275 21.8326L24.5206 31.8139C23.4665 32.4745 22.22 32.8564 20.8843 32.8564C17.0974 32.8564 14.0275 29.7865 14.0275 25.9995V21.8326ZM28.2312 35.3436L25.8794 33.1066C24.4668 34.1011 22.7442 34.6852 20.8852 34.6852C16.0884 34.6852 12.1999 30.7966 12.1999 25.9998V22.5712C12.1999 21.6876 11.4836 20.9713 10.5999 20.9713C9.71632 20.9713 9 21.6876 9 22.5712V25.9998C9 32.5638 14.3212 37.885 20.8852 37.885C23.6582 37.885 26.2093 36.9354 28.2312 35.3436ZM29.232 28.4093L31.7565 30.8107C32.4084 29.3399 32.7705 27.7121 32.7705 25.9998V22.5712C32.7705 21.6876 32.0542 20.9713 31.1705 20.9713C30.2869 20.9713 29.5706 21.6876 29.5706 22.5712V25.9998C29.5706 26.8358 29.4525 27.6442 29.232 28.4093ZM32.2847 31.3131L32.9272 31.9243C33.9586 30.9348 34.6007 29.5427 34.6007 28.0005V20.7517C34.6007 17.7491 32.1667 15.3151 29.1641 15.3151C29.0689 15.3151 28.9742 15.3175 28.8802 15.3224C28.8864 15.4513 28.8895 15.5811 28.8895 15.7116V21.9321C28.8927 20.6725 29.9148 19.6524 31.1751 19.6524C32.4374 19.6524 33.4607 20.6757 33.4607 21.938V25.9971C33.4607 27.897 33.0393 29.6985 32.2847 31.3131ZM26.96 37.008C27.5857 36.6623 28.1788 36.2649 28.7335 35.8214L30.1977 37.2142C29.8579 37.2519 29.5126 37.2713 29.1628 37.2713C28.4037 37.2713 27.6661 37.1801 26.96 37.008ZM34.09 33.0303L35.706 34.5675C37.3901 32.8892 38.4323 30.5672 38.4323 28.0017V25.2834C38.4323 24.6677 37.9332 24.1687 37.3176 24.1687C36.702 24.1687 36.2029 24.6677 36.2029 25.2834V28.0017C36.2029 29.9716 35.3939 31.7525 34.09 33.0303ZM12.919 14.4706C12.2317 13.8194 11.1467 13.8488 10.4956 14.536C9.84449 15.2233 9.87381 16.3083 10.5611 16.9594L32.2745 37.5302C32.9618 38.1813 34.0468 38.152 34.6979 37.4647C35.349 36.7774 35.3197 35.6925 34.6324 35.0413L12.919 14.4706Z",
+      fill: iconPrimary
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 48 48';

package/lib/components/icon/paths/fcr_all_unmute.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 48 48";

package/lib/components/icon/paths/fcr_all_unmute.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: "M14.0482 16.8852C14.0482 13.0826 17.1308 10 20.9333 10C24.7359 10 27.8184 13.0826 27.8184 16.8852V26.0654C27.8184 29.868 24.7359 32.9506 20.9333 32.9506C17.1308 32.9506 14.0482 29.868 14.0482 26.0654V16.8852ZM10.6065 21.0165C11.4938 21.0165 12.2131 21.7358 12.2131 22.6231V26.0657C12.2131 30.8823 16.1177 34.7869 20.9342 34.7869C25.7508 34.7869 29.6554 30.8823 29.6554 26.0657V22.6231C29.6554 21.7358 30.3746 21.0165 31.2619 21.0165C32.1492 21.0165 32.8684 21.7358 32.8684 22.6231V26.0657C32.8684 32.6568 27.5253 38 20.9342 38C14.3431 38 9 32.6568 9 26.0657V22.6231C9 21.7358 9.71927 21.0165 10.6065 21.0165ZM29.2459 37.3837C28.4837 37.3837 27.743 37.2921 27.0341 37.1193C28.0176 36.576 28.9208 35.9053 29.7216 35.1294C33.4039 34.8847 36.315 31.8203 36.315 28.0759V25.3464C36.315 24.7282 36.8161 24.2271 37.4343 24.2271C38.0525 24.2271 38.5536 24.7282 38.5536 25.3464V28.0759C38.5536 33.2165 34.3864 37.3837 29.2459 37.3837ZM34.7062 28.0747C34.7062 30.3118 33.3606 32.2346 31.4345 33.0779C32.778 31.0717 33.5616 28.6588 33.5616 26.063V21.9873C33.5616 20.7198 32.534 19.6922 31.2665 19.6922C29.999 19.6922 28.9715 20.7198 28.9715 21.9873L28.9715 15.7352C28.9715 15.6042 28.9683 15.4738 28.9621 15.3443C29.0566 15.3394 29.1516 15.337 29.2472 15.337C32.2622 15.337 34.7062 17.7811 34.7062 20.796V28.0747Z",
+      fill: iconPrimary
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 48 48';

package/lib/components/icon/paths/fcr_allleave.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 48 48";

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

@@ -0,0 +1,34 @@
+"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)("g", {
+      clipPath: "url(#clip0_4080_56691)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16.5241 21.405C19.1212 21.405 21.2266 19.2996 21.2266 16.7025C21.2266 14.1054 19.1212 12 16.5241 12C13.927 12 11.8216 14.1054 11.8216 16.7025C11.8216 19.2996 13.927 21.405 16.5241 21.405ZM15.3572 23.286C11.8462 23.286 9 26.1322 9 29.6432C9 30.5498 9.51576 31.3761 10.3739 31.6684C11.7025 32.121 13.8972 32.691 16.524 32.691C16.8846 32.691 17.237 32.6802 17.5802 32.6605C17.8032 33.4077 18.3398 34.0254 19.105 34.2884C20.6836 34.831 23.286 35.5124 26.3994 35.5124C28.6212 35.5124 30.5828 35.1654 32.0977 34.7694V34.0976C32.0977 33.5804 31.6785 33.1612 31.1613 33.1612H28.6879C25.658 33.1612 23.2017 30.7049 23.2017 27.6749C23.2017 26.3833 23.6481 25.1958 24.395 24.2585C23.5248 24.3382 22.6968 24.5639 21.9358 24.9109C20.8102 23.9006 19.3223 23.286 17.6907 23.286H15.3572ZM26.3993 22.3455C29.2561 22.3455 31.5721 20.0296 31.5721 17.1727C31.5721 14.3159 29.2561 12 26.3993 12C23.5425 12 21.2266 14.3159 21.2266 17.1727C21.2266 20.0296 23.5425 22.3455 26.3993 22.3455ZM28.6418 31.5476H32.1941C32.6766 31.5476 33.0677 31.9387 33.0677 32.4211V35.2554C33.0677 35.8461 33.8172 36.0998 34.176 35.6306L39.6859 28.4253C40.0246 27.9824 40.0246 27.3675 39.6859 26.9246L34.176 19.7193C33.8172 19.2501 33.0677 19.5038 33.0677 20.0945V22.9288C33.0677 23.4112 32.6766 23.8023 32.1941 23.8023H28.6418C26.503 23.8023 24.7692 25.5361 24.7692 27.6749C24.7692 29.8137 26.503 31.5476 28.6418 31.5476Z",
+        fill: iconPrimary
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+        id: "clip0_4080_56691",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+          width: "48",
+          height: "48",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+var viewBox = exports.viewBox = '0 0 48 48';

package/lib/components/icon/paths/fcr_angle_tips.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 20 8";