intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/InputsRow/InputsRow.js

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./InputsRow.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const getRandomInRange = (min, max)=>{
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+const handleObjectChange = (updateObject, updateFunction)=>(data, prop = "", isNumber)=>{
+        let value;
+        if (data === null || data === void 0 ? void 0 : data.target) {
+            value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
+        } else value = data;
+        value = isNumber ? Number(value) : value;
+        const props = prop.split(".");
+        const currentObject = props.reduce((res, chapter, index)=>{
+            if (props.length !== index + 1) res = res[chapter];
+            return res;
+        }, updateObject);
+        currentObject[props.pop()] = value;
+        updateFunction();
+    };
+const InputsRow = ({ items, title, paramPlaceholder = "", valuePlaceholder = "", descriptionPlaceholder = "" })=>{
+    const initialRows = [
+        {
+            param: "",
+            value: "",
+            description: "",
+            rowId: "1"
+        },
+        {
+            param: "",
+            value: "",
+            description: "",
+            rowId: "2"
+        }
+    ];
+    const [data, setData] = (0, _react.useState)(items || initialRows);
+    const onChange = handleObjectChange(setData, ()=>setData(_object_spread({}, data)));
+    const [rows, setRows] = (0, _react.useState)(data);
+    const handleAddRow = ()=>{
+        const newRow = [
+            ...rows,
+            {
+                param: "",
+                value: "",
+                description: "",
+                rowId: getRandomInRange(1, 1000)
+            }
+        ];
+        setRows(newRow);
+        onChange(newRow);
+    };
+    const handleArrayChange = (e, index, prop)=>{
+        rows[index][prop] = e;
+        onChange(rows);
+    };
+    const onDelete = (index)=>{
+        onChange([
+            ...rows.splice(index, 1)
+        ]);
+        onChange(rows);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        children: [
+            title ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mb5",
+                children: title
+            }) : null,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "df",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "inputs-row--param-label",
+                        children: "Parameter name(key)"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "inputs-row--value-label",
+                        children: "Value"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "inputs-row--description-label",
+                        children: "Description"
+                    })
+                ]
+            }),
+            rows.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "j4 mb5",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "inputs-row--input mr10",
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                onChange: (e)=>handleArrayChange(e, index, "param"),
+                                value: item.param,
+                                placeholder: paramPlaceholder
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "inputs-row--input mr10",
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                onChange: (e)=>handleArrayChange(e, index, "value"),
+                                value: item.value,
+                                placeholder: valuePlaceholder
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "inputs-row--input mr10",
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                onChange: (e)=>handleArrayChange(e, index, "description"),
+                                value: item.description,
+                                placeholder: descriptionPlaceholder
+                            })
+                        }),
+                        rows.length > 1 && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            onClick: ()=>onDelete(index),
+                            className: "inputs-row--trash",
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+                        })
+                    ]
+                }, item.rowId)),
+            rows.length < 10 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                onClick: handleAddRow,
+                label: "Add row",
+                className: "inputs-row--add-btn"
+            })
+        ]
+    });
+};
+const _default = InputsRow;
+
+//# sourceMappingURL=InputsRow.js.map

package/dist/Atomic/FormElements/InputsRow/InputsRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputsRow/InputsRow.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Trash2 } from \"react-feather\";\nimport { v4 as uuid } from \"uuid\";\n\nimport Button from \"../../UI/Button/Button\";\nimport Input from \"../Input/Input\";\n\nimport \"./InputsRow.scss\";\n\nconst getRandomInRange = (min, max) => {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n};\n\nconst handleObjectChange =\n  (updateObject, updateFunction) =>\n  (data, prop = \"\", isNumber) => {\n    let value;\n    if (data?.target) {\n      value =\n        data.target.type === \"checkbox\"\n          ? data.target.checked\n          : data.target.value;\n    } else value = data;\n\n    value = isNumber ? Number(value) : value;\n\n    const props = prop.split(\".\");\n    const currentObject = props.reduce((res, chapter, index) => {\n      if (props.length !== index + 1) res = res[chapter];\n      return res;\n    }, updateObject);\n\n    currentObject[props.pop()] = value;\n    updateFunction();\n  };\n\nconst InputsRow = ({\n  items,\n  title,\n  paramPlaceholder = \"\",\n  valuePlaceholder = \"\",\n  descriptionPlaceholder = \"\",\n}) => {\n  const initialRows = [\n    {\n      param: \"\",\n      value: \"\",\n      description: \"\",\n      rowId: \"1\",\n    },\n    {\n      param: \"\",\n      value: \"\",\n      description: \"\",\n      rowId: \"2\",\n    },\n  ];\n  const [data, setData] = useState(items || initialRows);\n  const onChange = handleObjectChange(setData, () => setData({ ...data }));\n  const [rows, setRows] = useState(data);\n\n  const handleAddRow = () => {\n    const newRow = [\n      ...rows,\n      {\n        param: \"\",\n        value: \"\",\n        description: \"\",\n        rowId: getRandomInRange(1, 1000),\n      },\n    ];\n    setRows(newRow);\n    onChange(newRow);\n  };\n\n  const handleArrayChange = (e, index, prop) => {\n    rows[index][prop] = e;\n    onChange(rows);\n  };\n\n  const onDelete = (index) => {\n    onChange([...rows.splice(index, 1)]);\n    onChange(rows);\n  };\n\n  return (\n    <div>\n      {title ? <div className=\"mb5\">{title}</div> : null}\n\n      <div className=\"df\">\n        <div className=\"inputs-row--param-label\">Parameter name(key)</div>\n        <div className=\"inputs-row--value-label\">Value</div>\n        <div className=\"inputs-row--description-label\">Description</div>\n      </div>\n\n      {rows.map((item, index) => (\n        <div className=\"j4 mb5\" key={item.rowId}>\n          <div className=\"inputs-row--input mr10\">\n            <Input\n              onChange={(e) => handleArrayChange(e, index, \"param\")}\n              value={item.param}\n              placeholder={paramPlaceholder}\n            />\n          </div>\n          <div className=\"inputs-row--input mr10\">\n            <Input\n              onChange={(e) => handleArrayChange(e, index, \"value\")}\n              value={item.value}\n              placeholder={valuePlaceholder}\n            />\n          </div>\n          <div className=\"inputs-row--input mr10\">\n            <Input\n              onChange={(e) => handleArrayChange(e, index, \"description\")}\n              value={item.description}\n              placeholder={descriptionPlaceholder}\n            />\n          </div>\n\n          {rows.length > 1 && (\n            <div onClick={() => onDelete(index)} className=\"inputs-row--trash\">\n              <Trash2 />\n            </div>\n          )}\n        </div>\n      ))}\n\n      {rows.length < 10 && (\n        <Button\n          onClick={handleAddRow}\n          label=\"Add row\"\n          className=\"inputs-row--add-btn\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default InputsRow;\n"],"names":["getRandomInRange","min","max","Math","floor","random","handleObjectChange","updateObject","updateFunction","data","prop","isNumber","value","target","type","checked","Number","props","split","currentObject","reduce","res","chapter","index","length","pop","InputsRow","items","title","paramPlaceholder","valuePlaceholder","descriptionPlaceholder","initialRows","param","description","rowId","setData","useState","onChange","rows","setRows","handleAddRow","newRow","handleArrayChange","e","onDelete","splice","div","className","map","item","Input","placeholder","onClick","Trash2","Button","label"],"mappings":"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"}

package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputsRowTemplate: function() {
+        return InputsRowTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _InputsRow = /*#__PURE__*/ _interop_require_default(require("./InputsRow"));
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/InputsRow',
+    component: _InputsRow.default
+};
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputsRow.default, _object_spread({}, args));
+const InputsRowTemplate = Template.bind({});
+InputsRowTemplate.args = {
+    title: 'InputsRow title',
+    paramPlaceholder: 'Params placeholder',
+    valuePlaceholder: 'Value placeholder',
+    descriptionPlaceholder: 'Description placeholder',
+    items: [
+        {
+            param: 'x-leadgen-id',
+            value: 'QUIDDI_220',
+            description: '',
+            rowId: '1'
+        },
+        {
+            param: '',
+            value: '',
+            description: '',
+            rowId: '2'
+        }
+    ]
+};
+
+//# sourceMappingURL=InputsRow.stories.js.map

package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/InputsRow/InputsRow.stories.js"],"sourcesContent":["import React from 'react';\n\nimport InputsRow from './InputsRow';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/InputsRow',\n  component: InputsRow,\n};\n\nconst Template = args => <InputsRow {...args} />;\n\nexport const InputsRowTemplate = Template.bind({});\n\nInputsRowTemplate.args = {\n  title: 'InputsRow title',\n  paramPlaceholder: 'Params placeholder',\n  valuePlaceholder: 'Value placeholder',\n  descriptionPlaceholder: 'Description placeholder',\n  items: [\n    {\n      param: 'x-leadgen-id',\n      value: 'QUIDDI_220',\n      description: '',\n      rowId: '1',\n    },\n    {\n      param: '',\n      value: '',\n      description: '',\n      rowId: '2',\n    },\n  ],\n};\n"],"names":["InputsRowTemplate","global","lng","title","component","InputsRow","Template","args","bind","paramPlaceholder","valuePlaceholder","descriptionPlaceholder","items","param","value","description","rowId"],"mappings":";;;;;;;;;;;IAeaA,iBAAiB;eAAjBA;;IAPb,OAGE;eAHF;;;;8DARkB;kEAEI;QAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,kBAAS;AACtB;AAEA,MAAMC,WAAWC,CAAAA,qBAAQ,qBAACF,kBAAS,qBAAKE;AAEjC,MAAMP,oBAAoBM,SAASE,IAAI,CAAC,CAAC;AAEhDR,kBAAkBO,IAAI,GAAG;IACvBJ,OAAO;IACPM,kBAAkB;IAClBC,kBAAkB;IAClBC,wBAAwB;IACxBC,OAAO;QACL;YACEC,OAAO;YACPC,OAAO;YACPC,aAAa;YACbC,OAAO;QACT;QACA;YACEH,OAAO;YACPC,OAAO;YACPC,aAAa;YACbC,OAAO;QACT;KACD;AACH"}

package/dist/Atomic/FormElements/Label/Label.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=Label.interface.js.map

package/dist/Atomic/FormElements/Label/Label.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Label/Label.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/FormElements/Label/Label.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
+require("./Label.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CN = 'label';
+const Label = ({ className = '', label = '', note, hint, isRequired, isLabelBolt, onClickHintCallback, error = null, isAccessability = false, isAccessabilityHint = false, testId = CN })=>{
+    const correctLabel = isRequired ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            label,
+            ' ',
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "label_asterisk",
+                children: "*"
+            }),
+            ' ',
+            note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "label_note",
+                children: note
+            }),
+            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                id: `hint-${label}`,
+                children: null,
+                isLoading: false,
+                isAccessability: isAccessabilityHint,
+                hint: hint.text,
+                icon: hint.icon,
+                variant: hint.variant,
+                side: hint.hintSide,
+                className: "label-hint",
+                onClickCallback: onClickHintCallback
+            }, `hint-${label}`)
+        ]
+    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            label,
+            ' ',
+            note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "label_note",
+                children: note
+            }),
+            hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                isAccessability: isAccessabilityHint,
+                hint: hint.text,
+                icon: hint.icon,
+                variant: hint.variant,
+                side: hint.hintSide,
+                className: "label-hint",
+                onClickCallback: onClickHintCallback,
+                id: undefined,
+                children: undefined,
+                isLoading: undefined
+            }, undefined)
+        ]
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        tabIndex: isAccessability ? 0 : -1,
+        "aria-label": label,
+        className: (0, _classnames.default)(CN, {
+            label_bold: isLabelBolt,
+            error,
+            isRequired
+        }, className),
+        "data-testid": testId,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            className: "label_text",
+            "data-testid": "label-text",
+            children: correctLabel
+        })
+    });
+};
+const _default = Label;
+
+//# sourceMappingURL=Label.js.map

package/dist/Atomic/FormElements/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Label/Label.tsx"],"sourcesContent":["import type { ILabelProps } from './Label.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport Hint from '../../UI/Hint/Hint';\n\nimport './Label.scss';\n\nconst CN = 'label';\n\nconst Label: React.FC<ILabelProps> = ({\n  className = '',\n  label = '',\n  note,\n  hint,\n  isRequired,\n  isLabelBolt,\n  onClickHintCallback,\n  error = null,\n  isAccessability = false,\n  isAccessabilityHint = false,\n  testId = CN,\n}) => {\n  const correctLabel = isRequired\n    ? (\n        <>\n          {label}\n          {' '}\n          <span className=\"label_asterisk\">*</span>\n          {' '}\n          {note && <span className=\"label_note\">{note}</span>}\n          {hint && (\n            <Hint\n              key={`hint-${label}`}\n              id={`hint-${label}`}\n              children={null}\n              isLoading={false}\n              isAccessability={isAccessabilityHint}\n              hint={hint.text}\n              icon={hint.icon}\n              variant={hint.variant}\n              side={hint.hintSide}\n              className=\"label-hint\"\n              onClickCallback={onClickHintCallback}\n            />\n          )}\n        </>\n      )\n    : (\n        <>\n          {label}\n          {' '}\n          {note && <span className=\"label_note\">{note}</span>}\n          {hint && (\n            <Hint\n              isAccessability={isAccessabilityHint}\n              hint={hint.text}\n              icon={hint.icon}\n              variant={hint.variant}\n              side={hint.hintSide}\n              className=\"label-hint\"\n              onClickCallback={onClickHintCallback}\n              key={undefined}\n              id={undefined}\n              children={undefined}\n              isLoading={undefined}\n            />\n          )}\n        </>\n      );\n\n  return (\n    <span\n      tabIndex={isAccessability ? 0 : -1}\n      aria-label={label}\n      className={cn(CN, { label_bold: isLabelBolt, error, isRequired }, className)}\n      data-testid={testId}\n    >\n      <span className=\"label_text\" data-testid=\"label-text\">\n        {correctLabel}\n      </span>\n    </span>\n  );\n};\n\nexport default Label;\n"],"names":["CN","Label","className","label","note","hint","isRequired","isLabelBolt","onClickHintCallback","error","isAccessability","isAccessabilityHint","testId","correctLabel","span","Hint","id","children","isLoading","text","icon","variant","side","hintSide","onClickCallback","undefined","tabIndex","aria-label","cn","label_bold","data-testid"],"mappings":";;;;+BAsFA;;;eAAA;;;;mEArFe;8DAEG;6DAED;QAEV;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,QAA+B,CAAC,EACpCC,YAAY,EAAE,EACdC,QAAQ,EAAE,EACVC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,mBAAmB,EACnBC,QAAQ,IAAI,EACZC,kBAAkB,KAAK,EACvBC,sBAAsB,KAAK,EAC3BC,SAASZ,EAAE,EACZ;IACC,MAAMa,eAAeP,2BAEf;;YACGH;YACA;0BACD,qBAACW;gBAAKZ,WAAU;0BAAiB;;YAChC;YACAE,sBAAQ,qBAACU;gBAAKZ,WAAU;0BAAcE;;YACtCC,sBACC,qBAACU,aAAI;gBAEHC,IAAI,CAAC,KAAK,EAAEb,OAAO;gBACnBc,UAAU;gBACVC,WAAW;gBACXR,iBAAiBC;gBACjBN,MAAMA,KAAKc,IAAI;gBACfC,MAAMf,KAAKe,IAAI;gBACfC,SAAShB,KAAKgB,OAAO;gBACrBC,MAAMjB,KAAKkB,QAAQ;gBACnBrB,WAAU;gBACVsB,iBAAiBhB;eAVZ,CAAC,KAAK,EAAEL,OAAO;;uBAgB1B;;YACGA;YACA;YACAC,sBAAQ,qBAACU;gBAAKZ,WAAU;0BAAcE;;YACtCC,sBACC,qBAACU,aAAI;gBACHL,iBAAiBC;gBACjBN,MAAMA,KAAKc,IAAI;gBACfC,MAAMf,KAAKe,IAAI;gBACfC,SAAShB,KAAKgB,OAAO;gBACrBC,MAAMjB,KAAKkB,QAAQ;gBACnBrB,WAAU;gBACVsB,iBAAiBhB;gBAEjBQ,IAAIS;gBACJR,UAAUQ;gBACVP,WAAWO;eAHNA;;;IASjB,qBACE,qBAACX;QACCY,UAAUhB,kBAAkB,IAAI,CAAC;QACjCiB,cAAYxB;QACZD,WAAW0B,IAAAA,mBAAE,EAAC5B,IAAI;YAAE6B,YAAYtB;YAAaE;YAAOH;QAAW,GAAGJ;QAClE4B,eAAalB;kBAEb,cAAA,qBAACE;YAAKZ,WAAU;YAAa4B,eAAY;sBACtCjB;;;AAIT;MAEA,WAAeZ"}

package/dist/Atomic/FormElements/Label/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _Label = /*#__PURE__*/ _interop_require_default(require("./Label"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Label.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/FormElements/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Label/index.ts"],"sourcesContent":["import Label from './Label';\n\nexport default Label;\nexport type { ILabelProps } from './Label.interface';\n"],"names":["Label"],"mappings":";;;;+BAEA;;;eAAA;;;8DAFkB;;;;;;MAElB,WAAeA,cAAK"}