pixel-react 1.13.70 → 1.13.71

package/lib/index.cjs

@@ -1009,6 +1009,8 @@ const SvgAiApproved = (props) => /* @__PURE__ */ React__namespace.createElement(
 
 const SvgVideoRecording = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M18 2.97752V13.0224C18 13.2011 17.9047 13.3661 17.75 13.4554C17.6727 13.5001 17.5863 13.5224 17.5 13.5224C17.4137 13.5224 17.3273 13.5001 17.25 13.4554L14.196 11.6922V12.1226C14.196 13.2832 13.2518 14.2273 12.0913 14.2273H4.10469C2.94416 14.2273 2 13.2832 2 12.1226V3.87727C2 2.71674 2.94416 1.77258 4.10469 1.77258H12.0913C13.2518 1.77258 14.196 2.71674 14.196 3.87727V4.30774L17.25 2.54449C17.4047 2.45518 17.5953 2.45518 17.75 2.54449C17.9047 2.6338 18 2.79886 18 2.97752ZM13.196 3.87727C13.196 3.26815 12.7004 2.77258 12.0913 2.77258H4.10469C3.49556 2.77258 3 3.26815 3 3.87727V12.1227C3 12.7318 3.49556 13.2274 4.10469 13.2274H12.0913C12.7004 13.2274 13.196 12.7318 13.196 12.1227V3.87727ZM17 3.84355L14.196 5.46243V10.5375L17 12.1564V3.84355Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.630859, y: 0.720825, width: 6.08496, height: 6.08496, rx: 3.04248, fill: "#C60202", stroke: "white", strokeWidth: 0.5 }));
 
+const SvgCaptureImage = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_950_34977)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.72727 10.5455C4.53439 10.5455 4.3494 10.4688 4.21301 10.3324C4.07662 10.1961 4 10.0111 4 9.81818V7.63636C4.00114 6.67229 4.38462 5.74802 5.06632 5.06632C5.74802 4.38462 6.67229 4.00114 7.63636 4H9.81818C10.0111 4 10.1961 4.07662 10.3324 4.21301C10.4688 4.3494 10.5455 4.53439 10.5455 4.72727C10.5455 4.92016 10.4688 5.10514 10.3324 5.24153C10.1961 5.37792 10.0111 5.45455 9.81818 5.45455H7.63636C7.0579 5.45518 6.50332 5.68525 6.09429 6.09429C5.68525 6.50332 5.45518 7.0579 5.45455 7.63636V9.81818C5.45455 10.0111 5.37792 10.1961 5.24153 10.3324C5.10514 10.4688 4.92016 10.5455 4.72727 10.5455ZM20 9.81818V7.63636C19.9989 6.67229 19.6154 5.74802 18.9337 5.06632C18.252 4.38462 17.3277 4.00114 16.3636 4H14.1818C13.9889 4 13.8039 4.07662 13.6676 4.21301C13.5312 4.3494 13.4545 4.53439 13.4545 4.72727C13.4545 4.92016 13.5312 5.10514 13.6676 5.24153C13.8039 5.37792 13.9889 5.45455 14.1818 5.45455H16.3636C16.9421 5.45518 17.4967 5.68525 17.9057 6.09429C18.3147 6.50332 18.5448 7.0579 18.5455 7.63636V9.81818C18.5455 10.0111 18.6221 10.1961 18.7585 10.3324C18.8949 10.4688 19.0798 10.5455 19.2727 10.5455C19.4656 10.5455 19.6506 10.4688 19.787 10.3324C19.9234 10.1961 20 10.0111 20 9.81818ZM20 16.3636V14.1818C20 13.9889 19.9234 13.8039 19.787 13.6676C19.6506 13.5312 19.4656 13.4545 19.2727 13.4545C19.0798 13.4545 18.8949 13.5312 18.7585 13.6676C18.6221 13.8039 18.5455 13.9889 18.5455 14.1818V16.3636C18.5448 16.9421 18.3147 17.4967 17.9057 17.9057C17.4967 18.3147 16.9421 18.5448 16.3636 18.5455H14.1818C13.9889 18.5455 13.8039 18.6221 13.6676 18.7585C13.5312 18.8949 13.4545 19.0798 13.4545 19.2727C13.4545 19.4656 13.5312 19.6506 13.6676 19.787C13.8039 19.9234 13.9889 20 14.1818 20H16.3636C17.3277 19.9989 18.252 19.6154 18.9337 18.9337C19.6154 18.252 19.9989 17.3277 20 16.3636ZM10.5455 19.2727C10.5455 19.0798 10.4688 18.8949 10.3324 18.7585C10.1961 18.6221 10.0111 18.5455 9.81818 18.5455H7.63636C7.0579 18.5448 6.50332 18.3147 6.09429 17.9057C5.68525 17.4967 5.45518 16.9421 5.45455 16.3636V14.1818C5.45455 13.9889 5.37792 13.8039 5.24153 13.6676C5.10514 13.5312 4.92016 13.4545 4.72727 13.4545C4.53439 13.4545 4.3494 13.5312 4.21301 13.6676C4.07662 13.8039 4 13.9889 4 14.1818V16.3636C4.00114 17.3277 4.38462 18.252 5.06632 18.9337C5.74802 19.6154 6.67229 19.9989 7.63636 20H9.81818C10.0111 20 10.1961 19.9234 10.3324 19.787C10.4688 19.6506 10.5455 19.4656 10.5455 19.2727ZM15.6364 12C15.6364 11.2808 15.4231 10.5777 15.0235 9.97974C14.624 9.38175 14.056 8.91567 13.3916 8.64044C12.7271 8.36521 11.996 8.2932 11.2906 8.43351C10.5852 8.57382 9.93726 8.92015 9.4287 9.4287C8.92015 9.93726 8.57382 10.5852 8.43351 11.2906C8.2932 11.996 8.36521 12.7271 8.64044 13.3916C8.91567 14.056 9.38175 14.624 9.97974 15.0235C10.5777 15.4231 11.2808 15.6364 12 15.6364C12.9641 15.6352 13.8883 15.2517 14.57 14.57C15.2517 13.8883 15.6352 12.9641 15.6364 12Z", fill: "#71347B" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_950_34977" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z", fill: "white" }))));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1447,6 +1449,7 @@ Components['enable_filled'] = SvgEnableIconFilled;
 Components['disable_filled'] = SvgDisableIconFilled;
 Components['ai_approved'] = SvgAiApproved;
 Components['video_live_icon'] = SvgVideoRecording;
+Components['screen_capture_icon'] = SvgCaptureImage;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -1591,6 +1594,7 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
   fontSize = 10,
   typographyStyle,
   iconColor = '',
+  isMandatory = false,
   ...props
 }, ref) => {
   const renderIcon = () => iconName && jsxRuntime.jsx("div", {
@@ -1628,7 +1632,7 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
     onCopy: onCopy,
     disabled: disabled,
     ...props,
-    children: [iconPosition === 'left' && renderIcon(), jsxRuntime.jsx(Typography, {
+    children: [iconPosition === 'left' && renderIcon(), jsxRuntime.jsxs(Typography, {
       fontSize: fontSize,
       style: {
         ...typographyStyle
@@ -1637,7 +1641,10 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
       className: classNames(`ff-button-${variant}--text`, {
         'ff-button-choose-file-text': selectedFile
       }),
-      children: label
+      children: [isMandatory && jsxRuntime.jsx("span", {
+        className: "required-asterisk",
+        children: "*"
+      }), label]
     }), iconPosition === 'right' && renderIcon(), children]
   });
 });
@@ -4535,6 +4542,8 @@ const Textarea = ({
   resize = false,
   errorText,
   readOnly = false,
+  displayCapacity = true,
+  isLabelRequired = true,
   ...props
 }) => {
   const labelClasses = classNames('ff-textarea-label ff-textarea-label--' + variant, {
@@ -4542,7 +4551,8 @@ const Textarea = ({
   });
   const textareaClasses = classNames(`ff-textarea ff-textarea--${variant}`, className, {
     'ff-textarea--danger': error,
-    'ff-textarea--resize': !resize
+    'ff-textarea--resize': !resize,
+    'ff-textarea--placeholder': !isLabelRequired
   });
   const containerClasses = classNames('ff-textarea-container', {
     'ff-textarea-container--disabled': disabled,
@@ -4609,7 +4619,7 @@ const Textarea = ({
   };
   return jsxRuntime.jsxs("div", {
     className: containerClasses,
-    children: [jsxRuntime.jsx("label", {
+    children: [isLabelRequired && jsxRuntime.jsx("label", {
       htmlFor: name,
       className: classNames('ff-textarea-label-container', {
         'ff-textarea-label-container--danger': error
@@ -4640,7 +4650,7 @@ const Textarea = ({
       ...props
     }), jsxRuntime.jsxs("div", {
       className: isError ? 'ff-textarea-error-alignment' : 'msg-character-count',
-      children: [errorMessage, capacity > 0 && !readOnly && jsxRuntime.jsxs("div", {
+      children: [errorMessage, capacity > 0 && !readOnly && displayCapacity && jsxRuntime.jsxs("div", {
         className: 'ff-textarea-character-count',
         children: [jsxRuntime.jsxs(Typography, {
           fontSize: 8,
@@ -43076,7 +43086,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
           },
           children: jsxRuntime.jsx(Icon, {
             onClick: onCreateVariableClick,
-            name: "variable",
+            name: "add_variable",
             height: 16,
             width: 16,
             hoverEffect: true
@@ -43523,7 +43533,8 @@ const ChooseFile = ({
   buttonWidth = 'auto',
   buttonHeight = 'auto',
   selectedFile = {},
-  handleCloseIcon
+  handleCloseIcon,
+  isMandatory = false
 }) => {
   return jsxRuntime.jsx("div", {
     children: jsxRuntime.jsx(Button$1, {
@@ -43541,7 +43552,8 @@ const ChooseFile = ({
       style: style,
       iconPosition: "right",
       selectedFile: selectedFile,
-      handleCloseIcon: handleCloseIcon
+      handleCloseIcon: handleCloseIcon,
+      isMandatory: isMandatory
     })
   });
 };