@epignosis_llc/gnosis 4.0.13 → 4.0.14

package/dist/esm/src/components/Drawer/components/Body.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Footer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Header.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Mask.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/FormError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/Input.js

@@ -2,20 +2,21 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
 import SvgInfoCircled from '../../../icons/info_circled.svg.js';
+import SvgClose from '../../../icons/close.svg.js';
 import Tooltip from '../../Tooltip/Tooltip.js';
 import { inputContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs", "tooltipContent"];
+var _excluded = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs", "tooltipContent", "value", "isClearable", "showVerticalLine", "onClear"];
 var Input = function Input(_ref, forwardedRef) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
@@ -30,7 +31,14 @@ var Input = function Input(_ref, forwardedRef) {
     containerAttrs = _ref.containerAttrs,
     _ref$tooltipContent = _ref.tooltipContent,
     tooltipContent = _ref$tooltipContent === void 0 ? "" : _ref$tooltipContent,
+    value = _ref.value,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
+    _ref$showVerticalLine = _ref.showVerticalLine,
+    showVerticalLine = _ref$showVerticalLine === void 0 ? true : _ref$showVerticalLine,
+    onClear = _ref.onClear,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var internalRef = useRef(null);
   var IconBefore = iconBefore;
   var IconAfter = iconAfter;
   var hasLabel = Boolean(label);
@@ -43,18 +51,30 @@ var Input = function Input(_ref, forwardedRef) {
     disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
   });
   var iconHeight = size === "sm" ? 28 : 32;
+  useImperativeHandle(forwardedRef, function () {
+    return internalRef.current;
+  });
+  var setFocus = function setFocus() {
+    var _internalRef$current;
+    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
+  };
+  var handleClear = function handleClear() {
+    if (onClear) onClear();
+    setFocus();
+  };
   return jsx("div", _extends({
     css: function css(theme) {
       return inputContainer(theme, {
-        size: size
+        size: size,
+        hasIconAfter: Boolean(iconAfter),
+        isClearable: isClearable
       });
     },
     className: containerClasses
   }, containerAttrs), hasLabel && jsx("div", {
     className: "label-container"
   }, jsx(Label, {
-    htmlFor: id,
-    margin: false
+    htmlFor: id
   }, label), (tooltipContent === null || tooltipContent === void 0 ? void 0 : tooltipContent.length) > 0 && jsx(Tooltip, {
     content: tooltipContent
   }, jsx(SvgInfoCircled, {
@@ -67,16 +87,23 @@ var Input = function Input(_ref, forwardedRef) {
   }, jsx(IconBefore, {
     height: iconHeight
   })), jsx("input", _extends({
-    ref: forwardedRef,
+    value: value,
+    ref: internalRef,
     id: id
-  }, rest)), IconAfter && jsx(React__default.Fragment, null, jsx("div", {
+  }, rest)), IconAfter && jsx(React__default.Fragment, null, showVerticalLine && jsx("div", {
     className: "vertical-line"
   }), jsx("span", {
     className: "suffix-icon",
-    "data-testid": "input-icon-after"
+    "data-testid": "input-icon-after",
+    onClick: setFocus
   }, jsx(IconAfter, {
     height: iconHeight
-  })))));
+  }))), isClearable && value && jsx("div", {
+    className: "close-icon",
+    onClick: handleClear
+  }, jsx(SvgClose, {
+    height: 16
+  }))));
 };
 var Input$1 = /*#__PURE__*/forwardRef(Input);
 

package/dist/esm/src/components/FormElements/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, ForwardRefRenderFunction } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { InfoCircledSVG } from \"../../../icons/index\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type InputProps = ExtendableProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  {\n    id: string;\n    status?: \"valid\" | \"error\";\n    size?: InputSize;\n    iconBefore?: IconType;\n    iconAfter?: IconType;\n    ref?: Ref<HTMLInputElement>;\n    label?: string;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n    css?: SerializedStyles;\n    tooltipContent?: string;\n  }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n  {\n    size = \"md\",\n    status = \"valid\",\n    iconBefore,\n    iconAfter,\n    label,\n    inline = false,\n    id,\n    containerAttrs,\n    tooltipContent = \"\",\n    ...rest\n  },\n  forwardedRef,\n) => {\n  const IconBefore = iconBefore;\n  const IconAfter = iconAfter;\n  const hasLabel = Boolean(label);\n  const containerClasses = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    \"with-prefix-icon\": Boolean(iconBefore),\n    \"with-suffix-icon\": Boolean(iconAfter),\n    inline: hasLabel && inline,\n    disabled: Boolean(rest?.disabled),\n  });\n  const iconHeight = size === \"sm\" ? 28 : 32;\n\n  return (\n    <div\n      css={(theme): SerializedStyles => inputContainer(theme, { size })}\n      className={containerClasses}\n      {...containerAttrs}\n    >\n      {hasLabel && (\n        <div className=\"label-container\">\n          <Label htmlFor={id} margin={false}>\n            {label}\n          </Label>\n          {tooltipContent?.length > 0 && (\n            <Tooltip content={tooltipContent}>\n              <InfoCircledSVG height={20} />\n            </Tooltip>\n          )}\n        </div>\n      )}\n      <div className=\"input-wrapper\">\n        {IconBefore && (\n          <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n            <IconBefore height={iconHeight} />\n          </span>\n        )}\n        <input ref={forwardedRef} id={id} {...rest} />\n        {IconAfter && (\n          <>\n            <div className=\"vertical-line\" />\n            <span className=\"suffix-icon\" data-testid=\"input-icon-after\">\n              <IconAfter height={iconHeight} />\n            </span>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","tooltipContent","rest","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","disabled","iconHeight","___EmotionJSX","theme","inputContainer","length","InfoCircledSVG","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction, useImperativeHandle, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { InfoCircledSVG, CloseSVG } from \"../../../icons/index\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type InputProps = ExtendableProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  {\n    id: string;\n    status?: \"valid\" | \"error\";\n    size?: InputSize;\n    iconBefore?: IconType;\n    iconAfter?: IconType;\n    label?: string;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n    css?: SerializedStyles;\n    tooltipContent?: string;\n    showVerticalLine?: boolean;\n    isClearable?: boolean;\n    onClear?: () => void;\n  }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n  {\n    size = \"md\",\n    status = \"valid\",\n    iconBefore,\n    iconAfter,\n    label,\n    inline = false,\n    id,\n    containerAttrs,\n    tooltipContent = \"\",\n    value,\n    isClearable = false,\n    showVerticalLine = true,\n    onClear,\n    ...rest\n  },\n  forwardedRef,\n) => {\n  const internalRef = useRef<HTMLInputElement>(null);\n\n  const IconBefore = iconBefore;\n  const IconAfter = iconAfter;\n  const hasLabel = Boolean(label);\n  const containerClasses = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    \"with-prefix-icon\": Boolean(iconBefore),\n    \"with-suffix-icon\": Boolean(iconAfter),\n    inline: hasLabel && inline,\n    disabled: Boolean(rest?.disabled),\n  });\n  const iconHeight = size === \"sm\" ? 28 : 32;\n\n  useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(\n    forwardedRef,\n    () => internalRef.current,\n  );\n\n  const setFocus = () => {\n    internalRef.current?.focus();\n  };\n\n  const handleClear = () => {\n    if (onClear) onClear();\n    setFocus();\n  };\n\n  return (\n    <div\n      css={(theme): SerializedStyles =>\n        inputContainer(theme, { size, hasIconAfter: Boolean(iconAfter), isClearable })\n      }\n      className={containerClasses}\n      {...containerAttrs}\n    >\n      {hasLabel && (\n        <div className=\"label-container\">\n          <Label htmlFor={id}>{label}</Label>\n          {tooltipContent?.length > 0 && (\n            <Tooltip content={tooltipContent}>\n              <InfoCircledSVG height={20} />\n            </Tooltip>\n          )}\n        </div>\n      )}\n      <div className=\"input-wrapper\">\n        {IconBefore && (\n          <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n            <IconBefore height={iconHeight} />\n          </span>\n        )}\n        <input value={value} ref={internalRef} id={id} {...rest} />\n        {IconAfter && (\n          <>\n            {showVerticalLine && <div className=\"vertical-line\" />}\n            <span className=\"suffix-icon\" data-testid=\"input-icon-after\" onClick={setFocus}>\n              <IconAfter height={iconHeight} />\n            </span>\n          </>\n        )}\n        {isClearable && value && (\n          <div className=\"close-icon\" onClick={handleClear}>\n            <CloseSVG height={16} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","tooltipContent","value","isClearable","showVerticalLine","onClear","rest","internalRef","useRef","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","disabled","iconHeight","useImperativeHandle","current","setFocus","focus","handleClear","___EmotionJSX","theme","inputContainer","hasIconAfter","length","InfoCircledSVG","React","CloseSVG","forwardRef"],"mappings":"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"}

package/dist/esm/src/components/FormElements/Input/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 
@@ -11,16 +11,18 @@ import { inputBaseStyles, inputContainerBaseStyles } from '../styles.js';
 
 var inputContainer = function inputContainer(_ref, _ref2) {
   var formElements = _ref.formElements;
-  var size = _ref2.size;
+  var size = _ref2.size,
+    hasIconAfter = _ref2.hasIconAfter,
+    isClearable = _ref2.isClearable;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), ";.vertical-line{position:absolute;border-left:1px solid ", formElements.input.verticalLineColor, ";height:2.5rem;top:0;right:3rem;}.label-container{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;div{display:flex;align-items:center;justify-content:center;}svg{color:", formElements.input.infoTooltipColor, ";&:hover{cursor:help;}}}&.disabled{.input-wrapper{.prefix-icon,.suffix-icon{z-index:1;color:", formElements.input.disabledIcon, ";cursor:not-allowed;}}}&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-inline-start:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-inline-end:3.2rem;}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;&:focus-within,&:hover{.prefix-icon,.suffix-icon{z-index:1;}}input{", inputBaseStyles(formElements, {
+    }), ";.vertical-line{position:absolute;border-left:1px solid ", formElements.input.verticalLineColor, ";height:2.5rem;top:0;inset-inline-end:3rem;}.label-container{display:flex;justify-content:flex-start;align-items:center;gap:0.25rem;margin-bottom:0.5rem;label{margin-bottom:0;}div{display:flex;align-items:center;justify-content:center;}svg{color:", formElements.input.infoTooltipColor, ";&:hover{cursor:help;}}}&.disabled{.input-wrapper{.prefix-icon,.suffix-icon{z-index:1;color:", formElements.input.disabledIcon, ";cursor:not-allowed;}}}&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-inline-start:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-inline-end:", isClearable ? "5rem" : "3.75rem", ";}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;input{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;padding-inline-end:0.5rem;color:", formElements.input.iconColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBJbnB1dFNpemUgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2lucHV0Q29udGFpbmVyQmFzZVN0eWxlcyh7IGJsb2NrOiB0cnVlIH0pfTtcblxuICAudmVydGljYWwtbGluZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQudmVydGljYWxMaW5lQ29sb3J9O1xuICAgIGhlaWdodDogMi41cmVtO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogM3JlbTtcbiAgfVxuXG4gIC5sYWJlbC1jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5cbiAgICBkaXYge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB9XG5cbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGN1cnNvcjogaGVscDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAmLmRpc2FibGVkIHtcbiAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuZGlzYWJsZWRJY29ufTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAzLjJyZW07XG4gICAgfVxuICB9XG5cbiAgJi53aXRoLXN1ZmZpeC1pY29uIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDMuMnJlbTtcbiAgICB9XG4gIH1cblxuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmR9O1xuICAgIHotaW5kZXg6IDE7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgJjpmb2N1cy13aXRoaW4sXG4gICAgJjpob3ZlciB7XG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlucHV0IHtcbiAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAucHJlZml4LWljb24sXG4gICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICBtYXJnaW46IDAgMC43NXJlbTtcbiAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pY29uQ29sb3J9O1xuICAgIH1cblxuICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAwLjVyZW07XG4gICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    }), ";background-color:transparent;padding-inline-end:", isClearable ? "2rem" : "0.75rem", ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", hasIconAfter ? "3.75rem" : "0.75rem", ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gIH06IHsgc2l6ZTogSW5wdXRTaXplOyBoYXNJY29uQWZ0ZXI6IGJvb2xlYW47IGlzQ2xlYXJhYmxlOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgLnZlcnRpY2FsLWxpbmUge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICBoZWlnaHQ6IDIuNXJlbTtcbiAgICB0b3A6IDA7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogM3JlbTtcbiAgfVxuXG4gIC5sYWJlbC1jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjI1cmVtO1xuICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuXG4gICAgZGl2IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuXG4gICAgc3ZnIHtcbiAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbmZvVG9vbHRpcENvbG9yfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJi5kaXNhYmxlZCB7XG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJi5lcnJvciB7XG4gICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5lcnJvcnMuZXJyb3JCb3JkZXJDb2xvcn07XG4gICAgfVxuICB9XG5cbiAgJi53aXRoLXByZWZpeC1pY29uIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAke2lzQ2xlYXJhYmxlID8gXCI1cmVtXCIgOiBcIjMuNzVyZW1cIn07XG4gICAgfVxuICB9XG5cbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICB6LWluZGV4OiAxO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgIGlucHV0IHtcbiAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtpc0NsZWFyYWJsZSA/IFwiMnJlbVwiIDogXCIwLjc1cmVtXCJ9O1xuICAgIH1cblxuICAgIC5wcmVmaXgtaWNvbixcbiAgICAuc3VmZml4LWljb24ge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgLnByZWZpeC1pY29uIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgfVxuXG4gICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgIC5jbG9zZS1pY29uIHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogJHtoYXNJY29uQWZ0ZXIgPyBcIjMuNzVyZW1cIiA6IFwiMC43NXJlbVwifTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
   );
 };
 

package/dist/esm/src/components/FormElements/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  .vertical-line {\n    position: absolute;\n    border-left: 1px solid ${formElements.input.verticalLineColor};\n    height: 2.5rem;\n    top: 0;\n    right: 3rem;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 0.5rem;\n\n    div {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    svg {\n      color: ${formElements.input.infoTooltipColor};\n      &:hover {\n        cursor: help;\n      }\n    }\n  }\n\n  &.disabled {\n    .input-wrapper {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n        color: ${formElements.input.disabledIcon};\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &.error {\n    .input-wrapper input {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &.with-prefix-icon {\n    .input-wrapper input {\n      padding-inline-start: 3.2rem;\n    }\n  }\n\n  &.with-suffix-icon {\n    .input-wrapper input {\n      padding-inline-end: 3.2rem;\n    }\n  }\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n    border-radius: 5px;\n\n    &:focus-within,\n    &:hover {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n      }\n    }\n\n    input {\n      ${inputBaseStyles(formElements, { block: true, size })};\n      background-color: transparent;\n    }\n\n    .prefix-icon,\n    .suffix-icon {\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n    }\n\n    .prefix-icon {\n      margin: 0 0.75rem;\n      color: ${formElements.input.iconColor};\n    }\n\n    .suffix-icon {\n      inset-inline-end: 0;\n      padding-inline-end: 0.5rem;\n      color: ${formElements.input.iconColor};\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","css","inputContainerBaseStyles","block","input","verticalLineColor","infoTooltipColor","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACvBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IACZC,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;IACeC,GAAG,CACtBC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;AAAK,KAAC,CAAC,EAAA,0DAAA,EAIhBJ,YAAY,CAACK,KAAK,CAACC,iBAAiB,EAmBlDN,gMAAAA,EAAAA,YAAY,CAACK,KAAK,CAACE,gBAAgB,EAAA,8FAAA,EAYjCP,YAAY,CAACK,KAAK,CAACG,YAAY,uEAQ1BR,YAAY,CAACS,MAAM,CAACC,gBAAgB,EAmBlCV,4MAAAA,EAAAA,YAAY,CAACK,KAAK,CAACM,UAAU,EAAA,kGAAA,EAa7CC,eAAe,CAACZ,YAAY,EAAE;AAAEI,MAAAA,KAAK,EAAE,IAAI;AAAEH,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC,EAAA,uKAAA,EAe7CD,YAAY,CAACK,KAAK,CAACQ,SAAS,EAAA,oEAAA,EAM5Bb,YAAY,CAACK,KAAK,CAACQ,SAAS,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,inGAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  {\n    size,\n    hasIconAfter,\n    isClearable,\n  }: { size: InputSize; hasIconAfter: boolean; isClearable: boolean },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  .vertical-line {\n    position: absolute;\n    border-left: 1px solid ${formElements.input.verticalLineColor};\n    height: 2.5rem;\n    top: 0;\n    inset-inline-end: 3rem;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 0.25rem;\n    margin-bottom: 0.5rem;\n\n    label {\n      margin-bottom: 0;\n    }\n\n    div {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    svg {\n      color: ${formElements.input.infoTooltipColor};\n      &:hover {\n        cursor: help;\n      }\n    }\n  }\n\n  &.disabled {\n    .input-wrapper {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n        color: ${formElements.input.disabledIcon};\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &.error {\n    .input-wrapper input {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &.with-prefix-icon {\n    .input-wrapper input {\n      padding-inline-start: 3.2rem;\n    }\n  }\n\n  &.with-suffix-icon {\n    .input-wrapper input {\n      padding-inline-end: ${isClearable ? \"5rem\" : \"3.75rem\"};\n    }\n  }\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n    border-radius: 5px;\n\n    input {\n      ${inputBaseStyles(formElements, { block: true, size })};\n      background-color: transparent;\n      padding-inline-end: ${isClearable ? \"2rem\" : \"0.75rem\"};\n    }\n\n    .prefix-icon,\n    .suffix-icon {\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n    }\n\n    .prefix-icon {\n      margin: 0 0.75rem;\n      color: ${formElements.input.iconColor};\n    }\n\n    .suffix-icon {\n      inset-inline-end: 0;\n      color: ${formElements.input.iconColor};\n      width: 3rem;\n      display: flex;\n      justify-content: center;\n    }\n\n    .close-icon {\n      cursor: pointer;\n      position: absolute;\n      top: 0;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      inset-inline-end: ${hasIconAfter ? \"3.75rem\" : \"0.75rem\"};\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","hasIconAfter","isClearable","css","inputContainerBaseStyles","block","input","verticalLineColor","infoTooltipColor","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACvBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IAEZC,IAAI,SAAJA,IAAI;AACJC,IAAAA,YAAY,SAAZA,YAAY;AACZC,IAAAA,WAAW,SAAXA,WAAW,CAAA;AAAA,EAAA;AAAA;AAAA;IAEQC,GAAG,CACtBC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;AAAK,KAAC,CAAC,EAIhBN,0DAAAA,EAAAA,YAAY,CAACO,KAAK,CAACC,iBAAiB,EAwBlDR,wPAAAA,EAAAA,YAAY,CAACO,KAAK,CAACE,gBAAgB,EAAA,8FAAA,EAYjCT,YAAY,CAACO,KAAK,CAACG,YAAY,EAAA,mEAAA,EAQ1BV,YAAY,CAACW,MAAM,CAACC,gBAAgB,0IAY9BT,WAAW,GAAG,MAAM,GAAG,SAAS,sEAOpCH,YAAY,CAACO,KAAK,CAACM,UAAU,yCAK7CC,eAAe,CAACd,YAAY,EAAE;AAAEM,MAAAA,KAAK,EAAE,IAAI;AAAEL,MAAAA,IAAI,EAAJA,IAAAA;KAAM,CAAC,EAEhCE,mDAAAA,EAAAA,WAAW,GAAG,MAAM,GAAG,SAAS,EAAA,0IAAA,EAc7CH,YAAY,CAACO,KAAK,CAACQ,SAAS,EAK5Bf,0CAAAA,EAAAA,YAAY,CAACO,KAAK,CAACQ,SAAS,uKAajBb,YAAY,GAAG,SAAS,GAAG,SAAS,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qrHAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/InputError/InputError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/Label.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 
@@ -11,19 +11,16 @@ import 'react';
 import { label } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["size", "children", "margin"];
+var _excluded = ["size", "children"];
 var Label = function Label(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
     children = _ref.children,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? true : _ref$margin,
     rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("label", _extends({
     css: function css(theme) {
       return label(theme, {
-        size: size,
-        margin: margin
+        size: size
       });
     }
   }, rest), children);

package/dist/esm/src/components/FormElements/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormElements/Label/Label.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { label } from \"./styles\";\n\nexport type LabelSize = \"md\" | \"lg\";\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n  size?: LabelSize;\n  margin?: boolean;\n};\n\nconst Label: FC<LabelProps> = ({ size = \"md\", children, margin = true, ...rest }) => (\n  <label css={(theme) => label(theme, { size, margin })} {...rest}>\n    {children}\n  </label>\n);\n\nexport default Label;\n"],"names":["Label","size","children","margin","rest","___EmotionJSX","theme","label"],"mappings":";;;;;;;;;;;;;;AAUMA,IAAAA,KAAqB,GAAG,SAAxBA,KAAqB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAAMC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAA,IAAA,WAAA,GAAA,IAAA,CAAEC,MAAM;AAANA,IAAAA,MAAM,4BAAG,IAAI,GAAA,WAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OAC5EC,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;IAAO,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAKC,KAAK,CAACD,KAAK,EAAE;AAAEL,QAAAA,IAAI,EAAJA,IAAI;AAAEE,QAAAA,MAAM,EAANA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAAA,KAAA;GAAMC,EAAAA,IAAI,CAC5DF,EAAAA,QAAQ,CACH,CAAA;AAAA;;;;"}
+{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormElements/Label/Label.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { label } from \"./styles\";\n\nexport type LabelSize = \"md\" | \"lg\";\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n  size?: LabelSize;\n};\n\nconst Label: FC<LabelProps> = ({ size = \"md\", children, ...rest }) => (\n  <label css={(theme) => label(theme, { size })} {...rest}>\n    {children}\n  </label>\n);\n\nexport default Label;\n"],"names":["Label","size","children","rest","___EmotionJSX","theme","label"],"mappings":";;;;;;;;;;;;;;AASMA,IAAAA,KAAqB,GAAG,SAAxBA,KAAqB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAAMC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OAC7DC,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;IAAO,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAKC,KAAK,CAACD,KAAK,EAAE;AAAEJ,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;AAAA,KAAA;GAAME,EAAAA,IAAI,CACpDD,EAAAA,QAAQ,CACH,CAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/Label/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 
@@ -10,8 +10,7 @@ import { css } from '../../../../node_modules/@emotion/react/dist/emotion-react.
 
 var label = function label(_ref, _ref2) {
   var typeScaleSizes = _ref.typeScaleSizes;
-  var size = _ref2.size,
-    margin = _ref2.margin;
+  var size = _ref2.size;
   var fontSizes = {
     md: typeScaleSizes.sm,
     lg: typeScaleSizes.md
@@ -19,7 +18,7 @@ var label = function label(_ref, _ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("font-size:", fontSizes[size], ";font-weight:700;display:block;margin:", margin ? "0 0 0.5rem" : 0, ";white-space:nowrap;" + (process.env.NODE_ENV === "production" ? "" : ";label:label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBMYWJlbFNpemUgfSBmcm9tIFwiLi9MYWJlbFwiO1xuXG5leHBvcnQgY29uc3QgbGFiZWwgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgc2l6ZSwgbWFyZ2luIH06IHsgc2l6ZTogTGFiZWxTaXplOyBtYXJnaW4/OiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgZm9udFNpemVzID0ge1xuICAgIG1kOiB0eXBlU2NhbGVTaXplcy5zbSxcbiAgICBsZzogdHlwZVNjYWxlU2l6ZXMubWQsXG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVzW3NpemVdfTtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbjogJHttYXJnaW4gPyBcIjAgMCAwLjVyZW1cIiA6IDB9O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:label;")
+    css("font-size:", fontSizes[size], ";font-weight:700;display:block;margin:0 0 0.5rem;white-space:nowrap;" + (process.env.NODE_ENV === "production" ? "" : ";label:label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBMYWJlbFNpemUgfSBmcm9tIFwiLi9MYWJlbFwiO1xuXG5leHBvcnQgY29uc3QgbGFiZWwgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IExhYmVsU2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRTaXplcyA9IHtcbiAgICBtZDogdHlwZVNjYWxlU2l6ZXMuc20sXG4gICAgbGc6IHR5cGVTY2FsZVNpemVzLm1kLFxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplc1tzaXplXX07XG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW46IDAgMCAwLjVyZW07XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:label;")
   );
 };
 

package/dist/esm/src/components/FormElements/Label/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Label/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { LabelSize } from \"./Label\";\n\nexport const label = (\n  { typeScaleSizes }: Theme,\n  { size, margin }: { size: LabelSize; margin?: boolean },\n): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.md,\n  };\n\n  return css`\n    font-size: ${fontSizes[size]};\n    font-weight: 700;\n    display: block;\n    margin: ${margin ? \"0 0 0.5rem\" : 0};\n    white-space: nowrap;\n  `;\n};\n"],"names":["label","typeScaleSizes","size","margin","fontSizes","md","sm","lg","css"],"mappings":";;;;;;;;;;AAGaA,IAAAA,KAAK,GAAG,SAARA,KAAK,CAGK,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,cAAc,QAAdA,cAAc,CAAA;EAAA,IACdC,IAAI,SAAJA,IAAI;AAAEC,IAAAA,MAAM,SAANA,MAAM,CAAA;AAEd,EAAA,IAAMC,SAAS,GAAG;IAChBC,EAAE,EAAEJ,cAAc,CAACK,EAAE;IACrBC,EAAE,EAAEN,cAAc,CAACI,EAAAA;GACpB,CAAA;AAED,EAAA;AAAA;AAAA;IAAOG,GAAG,CAAA,YAAA,EACKJ,SAAS,CAACF,IAAI,CAAC,4CAGlBC,MAAM,GAAG,YAAY,GAAG,CAAC,EAAA,sBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,eAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,63BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,eAAA,CAAA;AAAA,IAAA;AAGvC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Label/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { LabelSize } from \"./Label\";\n\nexport const label = (\n  { typeScaleSizes }: Theme,\n  { size }: { size: LabelSize },\n): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.md,\n  };\n\n  return css`\n    font-size: ${fontSizes[size]};\n    font-weight: 700;\n    display: block;\n    margin: 0 0 0.5rem;\n    white-space: nowrap;\n  `;\n};\n"],"names":["label","typeScaleSizes","size","fontSizes","md","sm","lg","css"],"mappings":";;;;;;;;;;AAGaA,IAAAA,KAAK,GAAG,SAARA,KAAK,CAGK,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,cAAc,QAAdA,cAAc,CAAA;EAAA,IACdC,IAAI,SAAJA,IAAI,CAAA;AAEN,EAAA,IAAMC,SAAS,GAAG;IAChBC,EAAE,EAAEH,cAAc,CAACI,EAAE;IACrBC,EAAE,EAAEL,cAAc,CAACG,EAAAA;GACpB,CAAA;AAED,EAAA;AAAA;AAAA;AAAOG,IAAAA,GAAG,CACKJ,YAAAA,EAAAA,SAAS,CAACD,IAAI,CAAC,EAAA,sEAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,eAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i0BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,eAAA,CAAA;AAAA,IAAA;AAMhC;;;;"}

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/Select.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 
@@ -18,10 +18,10 @@ var selectContainer = function selectContainer(_ref, _ref2) {
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), " label{margin-inline:0.5rem 0;margin-block:0 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}select{", inputBaseStyles(formElements, {
+    }), " &.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}select{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-inline-end:2.5rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;&,&:hover,&:focus{background-position:", dir === "rtl" ? "left" : "right", " 1rem center;background-repeat:no-repeat;background-size:14px;background-image:url(\"https://talentlms-prod-frontend-static.s3.amazonaws.com/images/chevron-down-solid.svg\");}&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";border-radius:5px;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSwgZGlyIH06IHsgc2l6ZTogSW5wdXRTaXplOyBkaXI6IHN0cmluZyB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbi1pbmxpbmU6IDAuNXJlbSAwO1xuICAgIG1hcmdpbi1ibG9jazogMCAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdCB7XG4gICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDIuNXJlbTtcbiAgICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAmLFxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAke2RpciA9PT0gXCJydGxcIiA/IFwibGVmdFwiIDogXCJyaWdodFwifSAxcmVtIGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJodHRwczovL3RhbGVudGxtcy1wcm9kLWZyb250ZW5kLXN0YXRpYy5zMy5hbWF6b25hd3MuY29tL2ltYWdlcy9jaGV2cm9uLWRvd24tc29saWQuc3ZnXCIpO1xuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgei1pbmRleDogMTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
+    }), ";background-color:transparent;padding-inline-end:2.5rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;&,&:hover,&:focus{background-position:", dir === "rtl" ? "left" : "right", " 1rem center;background-repeat:no-repeat;background-size:14px;background-image:url(\"https://talentlms-prod-frontend-static.s3.amazonaws.com/images/chevron-down-solid.svg\");}&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";border-radius:5px;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSwgZGlyIH06IHsgc2l6ZTogSW5wdXRTaXplOyBkaXI6IHN0cmluZyB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgJi5lcnJvciB7XG4gICAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHNlbGVjdCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3Qge1xuICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAyLjVyZW07XG4gICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuXG4gICAgJixcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogJHtkaXIgPT09IFwicnRsXCIgPyBcImxlZnRcIiA6IFwicmlnaHRcIn0gMXJlbSBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1zaXplOiAxNHB4O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiaHR0cHM6Ly90YWxlbnRsbXMtcHJvZC1mcm9udGVuZC1zdGF0aWMuczMuYW1hem9uYXdzLmNvbS9pbWFnZXMvY2hldnJvbi1kb3duLXNvbGlkLnN2Z1wiKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gICAgfVxuICB9XG5cbiAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHotaW5kZXg6IDE7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
   );
 };
 

package/dist/esm/src/components/FormElements/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Select/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"../Input/Input\";\n\nexport const selectContainer = (\n  { formElements }: Theme,\n  { size, dir }: { size: InputSize; dir: string },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })}\n\n  label {\n    margin-inline: 0.5rem 0;\n    margin-block: 0 0.5rem;\n  }\n\n  &.error {\n    .select-input-wrapper select {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  select {\n    ${inputBaseStyles(formElements, { block: true, size })};\n    background-color: transparent;\n    padding-inline-end: 2.5rem;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n\n    &,\n    &:hover,\n    &:focus {\n      background-position: ${dir === \"rtl\" ? \"left\" : \"right\"} 1rem center;\n      background-repeat: no-repeat;\n      background-size: 14px;\n      background-image: url(\"https://talentlms-prod-frontend-static.s3.amazonaws.com/images/chevron-down-solid.svg\");\n    }\n\n    &:hover,\n    &:focus {\n      border: 1px solid ${formElements.input.borderHoverColor};\n    }\n  }\n\n  .select-input-wrapper {\n    position: relative;\n    width: 100%;\n    background-color: ${formElements.input.background};\n    border-radius: 5px;\n    z-index: 1;\n  }\n`;\n"],"names":["selectContainer","formElements","size","dir","css","inputContainerBaseStyles","block","errors","errorBorderColor","inputBaseStyles","input","borderHoverColor","background"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACxBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IACZC,IAAI,SAAJA,IAAI;AAAEC,IAAAA,GAAG,SAAHA,GAAG,CAAA;AAAA,EAAA;AAAA;AAAA;IACUC,GAAG,CACtBC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;KAAM,CAAC,EASvBL,yGAAAA,EAAAA,YAAY,CAACM,MAAM,CAACC,gBAAgB,EAKpDC,YAAAA,EAAAA,eAAe,CAACR,YAAY,EAAE;AAAEK,MAAAA,KAAK,EAAE,IAAI;AAAEJ,MAAAA,IAAI,EAAJA,IAAAA;KAAM,CAAC,iKAU7BC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,EAAA,kNAAA,EAQnCF,YAAY,CAACS,KAAK,CAACC,gBAAgB,EAAA,yEAAA,EAOrCV,YAAY,CAACS,KAAK,CAACE,UAAU,EAAA,gCAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qjEAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Select/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"../Input/Input\";\n\nexport const selectContainer = (\n  { formElements }: Theme,\n  { size, dir }: { size: InputSize; dir: string },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })}\n\n  &.error {\n    .select-input-wrapper select {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  select {\n    ${inputBaseStyles(formElements, { block: true, size })};\n    background-color: transparent;\n    padding-inline-end: 2.5rem;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n\n    &,\n    &:hover,\n    &:focus {\n      background-position: ${dir === \"rtl\" ? \"left\" : \"right\"} 1rem center;\n      background-repeat: no-repeat;\n      background-size: 14px;\n      background-image: url(\"https://talentlms-prod-frontend-static.s3.amazonaws.com/images/chevron-down-solid.svg\");\n    }\n\n    &:hover,\n    &:focus {\n      border: 1px solid ${formElements.input.borderHoverColor};\n    }\n  }\n\n  .select-input-wrapper {\n    position: relative;\n    width: 100%;\n    background-color: ${formElements.input.background};\n    border-radius: 5px;\n    z-index: 1;\n  }\n`;\n"],"names":["selectContainer","formElements","size","dir","css","inputContainerBaseStyles","block","errors","errorBorderColor","inputBaseStyles","input","borderHoverColor","background"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACxBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IACZC,IAAI,SAAJA,IAAI;AAAEC,IAAAA,GAAG,SAAHA,GAAG,CAAA;AAAA,EAAA;AAAA;AAAA;IACUC,GAAG,CACtBC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;KAAM,CAAC,EAIvBL,qDAAAA,EAAAA,YAAY,CAACM,MAAM,CAACC,gBAAgB,EAKpDC,YAAAA,EAAAA,eAAe,CAACR,YAAY,EAAE;AAAEK,MAAAA,KAAK,EAAE,IAAI;AAAEJ,MAAAA,IAAI,EAAJA,IAAAA;KAAM,CAAC,iKAU7BC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,EAAA,kNAAA,EAQnCF,YAAY,CAACS,KAAK,CAACC,gBAAgB,EAAA,yEAAA,EAOrCV,YAAY,CAACS,KAAK,CAACE,UAAU,EAAA,gCAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,68DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/Textarea/Textarea.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Textarea/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.12
+   * @epignosis_llc/gnosis.js v4.0.13
    * Released under the MIT license.
    */