1mpacto-react-ui 2.0.26 → 2.0.28

package/dist/components/SelectDropdownContainer/styleConfig.mjs

@@ -1,4 +1,4 @@
-const n = {
+const r = {
   control: (o) => ({
     ...o,
     border: "1px solid #D6D6D6",
@@ -48,7 +48,7 @@ const n = {
     lineHeight: "16px",
     fontFamily: "Lato"
   })
-}, e = {
+}, n = {
   control: (o) => ({
     ...o,
     border: "1px solid #BDBDBD",
@@ -99,7 +99,7 @@ const n = {
     lineHeight: "22px",
     fontFamily: "Inter"
   })
-}, r = {
+}, e = {
   control: (o) => ({
     ...o,
     border: "1px solid #BDBDBD",
@@ -156,6 +156,100 @@ const n = {
     fontFamily: "PJakartaSans"
   })
 }, d = {
+  control: (o) => ({
+    ...o,
+    border: "1px solid #29B6F6",
+    "&:hover": {
+      borderColor: "#29B6F6"
+    },
+    borderRadius: "8px",
+    outline: "none",
+    backgroundColor: "#ECEFF1",
+    margin: "0px",
+    cursor: "text",
+    minHeight: 38,
+    fontSize: "14px",
+    lineHeight: "22px",
+    fontFamily: "PJakartaSans",
+    marginBottom: "5px",
+    'html[data-color-mode="dark"] &': {
+      backgroundColor: "#1B3049"
+    }
+  }),
+  dropdownIndicator: (o) => ({ ...o, padding: "0px 8px", color: "#616161" }),
+  menu: (o) => ({
+    ...o,
+    position: "static",
+    boxShadow: "none",
+    marginTop: "0px",
+    marginBottom: "0px",
+    borderBottomRightRadius: "12px",
+    borderBottomLeftRadius: "12px",
+    background: "white",
+    'html[data-color-mode="dark"] &': {
+      background: "#0E1824"
+    }
+  }),
+  noOptionsMessage: (o) => ({
+    ...o,
+    color: "#78909C",
+    fontFamily: "PJakartaSans",
+    'html[data-color-mode="dark"] &': {
+      color: "#78909C"
+    }
+  }),
+  menuList: (o) => ({
+    ...o,
+    borderRadius: "4px"
+  }),
+  option: (o, i) => ({
+    ...o,
+    fontSize: "14px",
+    lineHeight: "22px",
+    fontWeight: 500,
+    fontFamily: "PJakartaSans",
+    cursor: "pointer",
+    borderRadius: "4px",
+    background: i.isSelected ? "#CFD8DC" : "white",
+    color: i.isDisabled ? "#90A4AE" : "#0A121B",
+    "&:hover": {
+      background: i.isDisabled ? "" : "#CFD8DC",
+      cursor: i.isDisabled ? "default" : ""
+    },
+    'html[data-color-mode="dark"] &': {
+      background: i.isSelected ? "#223C5B" : "#0E1824",
+      color: i.isDisabled ? "#546E7A" : "white",
+      "&:hover": {
+        background: i.isDisabled ? "" : "#223C5B"
+      }
+    }
+  }),
+  group: (o) => ({
+    ...o,
+    padding: 0
+  }),
+  input: (o) => ({
+    ...o,
+    color: "#0A121B",
+    'html[data-color-mode="dark"] &': {
+      color: "white !important",
+      caretColor: "white !important",
+      "& input": {
+        color: "white !important"
+      }
+    }
+  }),
+  placeholder: (o) => ({
+    ...o,
+    color: "#78909C",
+    fontSize: "14px",
+    lineHeight: "22px",
+    fontFamily: "PJakartaSans",
+    'html[data-color-mode="dark"] &': {
+      color: "#78909C"
+    }
+  })
+}, a = {
   control: () => ({
     display: "none"
   }),
@@ -190,7 +284,7 @@ const n = {
     lineHeight: "16px",
     fontFamily: "Lato"
   })
-}, l = {
+}, t = {
   control: () => ({
     display: "none"
   }),
@@ -225,7 +319,7 @@ const n = {
     lineHeight: "22px",
     fontFamily: "Inter"
   })
-}, p = {
+}, l = {
   control: () => ({
     display: "none"
   }),
@@ -266,12 +360,58 @@ const n = {
     lineHeight: "22px",
     fontFamily: "PJakartaSans"
   })
+}, p = {
+  control: () => ({
+    display: "none"
+  }),
+  dropdownIndicator: (o) => ({ ...o, padding: "0px 8px" }),
+  menu: (o) => ({
+    ...o,
+    position: "static",
+    boxShadow: "none",
+    marginTop: "0px",
+    marginBottom: "0px",
+    borderBottomRightRadius: "12px",
+    borderBottomLeftRadius: "12px"
+  }),
+  menuList: (o) => ({
+    ...o,
+    borderRadius: "4px"
+  }),
+  option: (o, i) => ({
+    ...o,
+    fontSize: "14px",
+    lineHeight: "22px",
+    fontFamily: "PJakartaSans",
+    fontWeight: "500",
+    cursor: "pointer",
+    borderRadius: "4px",
+    background: i.isSelected ? "#CFD8DC" : "white",
+    color: i.isDisabled ? "#90A4AE" : "#0A121B",
+    "&:hover": {
+      background: i.isDisabled ? "" : "#CFD8DC",
+      cursor: i.isDisabled ? "default" : ""
+    },
+    'html[data-color-mode="dark"] &': {
+      background: i.isSelected ? "#223C5B" : "#0E1824",
+      color: i.isDisabled ? "#546E7A" : "white",
+      "&:hover": {
+        background: i.isDisabled ? "" : "#223C5B"
+      }
+    }
+  }),
+  group: (o) => ({
+    ...o,
+    padding: 0
+  })
 };
 export {
-  r as styleSelectDropdownContainerBill,
-  n as styleSelectDropdownContainerLaba,
-  p as styleSelectDropdownContainerNoSearchBill,
-  d as styleSelectDropdownContainerNoSearchLaba,
-  l as styleSelectDropdownContainerNoSearchPayhere,
-  e as styleSelectDropdownContainerPayhere
+  e as styleSelectDropdownContainerBill,
+  d as styleSelectDropdownContainerFin,
+  r as styleSelectDropdownContainerLaba,
+  l as styleSelectDropdownContainerNoSearchBill,
+  p as styleSelectDropdownContainerNoSearchFin,
+  a as styleSelectDropdownContainerNoSearchLaba,
+  t as styleSelectDropdownContainerNoSearchPayhere,
+  n as styleSelectDropdownContainerPayhere
 };

package/dist/components/Sidebar/Sidebar.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_fnsvp_16",a={"splace-screen":"_splace-screen_fnsvp_1","payhere-brand-base-white":"_payhere-brand-base-white_fnsvp_13",sidebar:e,"button-collaps-sidebar":"_button-collaps-sidebar_fnsvp_31","menu-sidebar":"_menu-sidebar_fnsvp_48","sidebar-open":"_sidebar-open_fnsvp_79","container-icon-company-sidebar":"_container-icon-company-sidebar_fnsvp_96","icon-company-sidebar":"_icon-company-sidebar_fnsvp_99","sidebar-close":"_sidebar-close_fnsvp_107","content-sidebar":"_content-sidebar_fnsvp_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_fnsvp_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_fnsvp_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_fnsvp_607","laba-white":"_laba-white_fnsvp_805","lpd-brand-base-white":"_lpd-brand-base-white_fnsvp_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_fnsvp_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_fnsvp_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_fnsvp_1825","bill-brand-base":"_bill-brand-base_fnsvp_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_fnsvp_2460","fin-base":"_fin-base_fnsvp_2861","fin-base-responsive":"_fin-base-responsive_fnsvp_3251"};exports.default=a;exports.sidebar=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_1v0uy_16",a={"splace-screen":"_splace-screen_1v0uy_1","payhere-brand-base-white":"_payhere-brand-base-white_1v0uy_13",sidebar:e,"button-collaps-sidebar":"_button-collaps-sidebar_1v0uy_31","menu-sidebar":"_menu-sidebar_1v0uy_48","sidebar-open":"_sidebar-open_1v0uy_79","container-icon-company-sidebar":"_container-icon-company-sidebar_1v0uy_96","icon-company-sidebar":"_icon-company-sidebar_1v0uy_99","sidebar-close":"_sidebar-close_1v0uy_107","content-sidebar":"_content-sidebar_1v0uy_132","payhere-brand-base-transparent":"_payhere-brand-base-transparent_1v0uy_211","payhere-brand-blue-gray-900-transparent":"_payhere-brand-blue-gray-900-transparent_1v0uy_409","payhere-brand-indigo-900-transparent":"_payhere-brand-indigo-900-transparent_1v0uy_607","laba-white":"_laba-white_1v0uy_805","lpd-brand-base-white":"_lpd-brand-base-white_1v0uy_1195","lpd-brand-base-transparent":"_lpd-brand-base-transparent_1v0uy_1393","lpd-brand-base-white-responsive":"_lpd-brand-base-white-responsive_1v0uy_1591","lpd-brand-base-transparent-responsive":"_lpd-brand-base-transparent-responsive_1v0uy_1825","bill-brand-base":"_bill-brand-base_1v0uy_2059","bill-brand-base-responsive":"_bill-brand-base-responsive_1v0uy_2460","fin-base":"_fin-base_1v0uy_2861","fin-base-responsive":"_fin-base-responsive_1v0uy_3255"};exports.default=a;exports.sidebar=e;

package/dist/components/Sidebar/Sidebar.module.scss.mjs

@@ -1,26 +1,26 @@
-const e = "_sidebar_fnsvp_16", a = {
-  "splace-screen": "_splace-screen_fnsvp_1",
-  "payhere-brand-base-white": "_payhere-brand-base-white_fnsvp_13",
+const e = "_sidebar_1v0uy_16", a = {
+  "splace-screen": "_splace-screen_1v0uy_1",
+  "payhere-brand-base-white": "_payhere-brand-base-white_1v0uy_13",
   sidebar: e,
-  "button-collaps-sidebar": "_button-collaps-sidebar_fnsvp_31",
-  "menu-sidebar": "_menu-sidebar_fnsvp_48",
-  "sidebar-open": "_sidebar-open_fnsvp_79",
-  "container-icon-company-sidebar": "_container-icon-company-sidebar_fnsvp_96",
-  "icon-company-sidebar": "_icon-company-sidebar_fnsvp_99",
-  "sidebar-close": "_sidebar-close_fnsvp_107",
-  "content-sidebar": "_content-sidebar_fnsvp_132",
-  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_fnsvp_211",
-  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_fnsvp_409",
-  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_fnsvp_607",
-  "laba-white": "_laba-white_fnsvp_805",
-  "lpd-brand-base-white": "_lpd-brand-base-white_fnsvp_1195",
-  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_fnsvp_1393",
-  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_fnsvp_1591",
-  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_fnsvp_1825",
-  "bill-brand-base": "_bill-brand-base_fnsvp_2059",
-  "bill-brand-base-responsive": "_bill-brand-base-responsive_fnsvp_2460",
-  "fin-base": "_fin-base_fnsvp_2861",
-  "fin-base-responsive": "_fin-base-responsive_fnsvp_3251"
+  "button-collaps-sidebar": "_button-collaps-sidebar_1v0uy_31",
+  "menu-sidebar": "_menu-sidebar_1v0uy_48",
+  "sidebar-open": "_sidebar-open_1v0uy_79",
+  "container-icon-company-sidebar": "_container-icon-company-sidebar_1v0uy_96",
+  "icon-company-sidebar": "_icon-company-sidebar_1v0uy_99",
+  "sidebar-close": "_sidebar-close_1v0uy_107",
+  "content-sidebar": "_content-sidebar_1v0uy_132",
+  "payhere-brand-base-transparent": "_payhere-brand-base-transparent_1v0uy_211",
+  "payhere-brand-blue-gray-900-transparent": "_payhere-brand-blue-gray-900-transparent_1v0uy_409",
+  "payhere-brand-indigo-900-transparent": "_payhere-brand-indigo-900-transparent_1v0uy_607",
+  "laba-white": "_laba-white_1v0uy_805",
+  "lpd-brand-base-white": "_lpd-brand-base-white_1v0uy_1195",
+  "lpd-brand-base-transparent": "_lpd-brand-base-transparent_1v0uy_1393",
+  "lpd-brand-base-white-responsive": "_lpd-brand-base-white-responsive_1v0uy_1591",
+  "lpd-brand-base-transparent-responsive": "_lpd-brand-base-transparent-responsive_1v0uy_1825",
+  "bill-brand-base": "_bill-brand-base_1v0uy_2059",
+  "bill-brand-base-responsive": "_bill-brand-base-responsive_1v0uy_2460",
+  "fin-base": "_fin-base_1v0uy_2861",
+  "fin-base-responsive": "_fin-base-responsive_1v0uy_3255"
 };
 export {
   a as default,

package/dist/components/Sidebar/itemSidebar.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_gveg1_96",i="_active_gveg1_152",_={"item-icon-subs":"_item-icon-subs_gveg1_1","item-sidebar-2":"_item-sidebar-2_gveg1_1","item-sidebar-1":"_item-sidebar-1_gveg1_1","end-icon":"_end-icon_gveg1_1","item-icon":"_item-icon_gveg1_1","item-label":"_item-label_gveg1_25","item-sidebar-open":"_item-sidebar-open_gveg1_51","item-sidebar-close":"_item-sidebar-close_gveg1_66","item-icon-subs-active":"_item-icon-subs-active_gveg1_75","item-subs-sidebar":"_item-subs-sidebar_gveg1_82","sidebar-bill":"_sidebar-bill_gveg1_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_gveg1_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_gveg1_111","parent-sidebar-5":"_parent-sidebar-5_gveg1_133","parent-sidebar-6":"_parent-sidebar-6_gveg1_137","parent-sidebar-7":"_parent-sidebar-7_gveg1_141","parent-sidebar-8":"_parent-sidebar-8_gveg1_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_gveg1_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_gveg1_188","sidebar-payhere":"_sidebar-payhere_gveg1_162","sidebar-laba":"_sidebar-laba_gveg1_240","sidebar-lpd":"_sidebar-lpd_gveg1_273","sidebar-fin":"_sidebar-fin_gveg1_299"};exports.active=i;exports.default=_;exports.hidden=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_hidden_1tshq_96",i="_active_1tshq_152",s={"item-icon-subs":"_item-icon-subs_1tshq_1","item-sidebar-2":"_item-sidebar-2_1tshq_1","item-sidebar-1":"_item-sidebar-1_1tshq_1","end-icon":"_end-icon_1tshq_1","item-icon":"_item-icon_1tshq_1","item-label":"_item-label_1tshq_25","item-sidebar-open":"_item-sidebar-open_1tshq_51","item-sidebar-close":"_item-sidebar-close_1tshq_66","item-icon-subs-active":"_item-icon-subs-active_1tshq_75","item-subs-sidebar":"_item-subs-sidebar_1tshq_82","sidebar-bill":"_sidebar-bill_1tshq_85",hidden:e,"divider-item-sidebar-payhere":"_divider-item-sidebar-payhere_1tshq_106","divider-item-sidebar-lpd":"_divider-item-sidebar-lpd_1tshq_111","parent-sidebar-5":"_parent-sidebar-5_1tshq_133","parent-sidebar-6":"_parent-sidebar-6_1tshq_137","parent-sidebar-7":"_parent-sidebar-7_1tshq_141","parent-sidebar-8":"_parent-sidebar-8_1tshq_146",active:i,"sidebar-payhere-blue-gray-800":"_sidebar-payhere-blue-gray-800_1tshq_162","sidebar-payhere-indigo-800":"_sidebar-payhere-indigo-800_1tshq_188","sidebar-payhere":"_sidebar-payhere_1tshq_162","sidebar-laba":"_sidebar-laba_1tshq_240","sidebar-lpd":"_sidebar-lpd_1tshq_273","sidebar-fin":"_sidebar-fin_1tshq_299"};exports.active=i;exports.default=s;exports.hidden=e;

package/dist/components/Sidebar/itemSidebar.module.scss.mjs

@@ -1,32 +1,32 @@
-const e = "_hidden_gveg1_96", i = "_active_gveg1_152", _ = {
-  "item-icon-subs": "_item-icon-subs_gveg1_1",
-  "item-sidebar-2": "_item-sidebar-2_gveg1_1",
-  "item-sidebar-1": "_item-sidebar-1_gveg1_1",
-  "end-icon": "_end-icon_gveg1_1",
-  "item-icon": "_item-icon_gveg1_1",
-  "item-label": "_item-label_gveg1_25",
-  "item-sidebar-open": "_item-sidebar-open_gveg1_51",
-  "item-sidebar-close": "_item-sidebar-close_gveg1_66",
-  "item-icon-subs-active": "_item-icon-subs-active_gveg1_75",
-  "item-subs-sidebar": "_item-subs-sidebar_gveg1_82",
-  "sidebar-bill": "_sidebar-bill_gveg1_85",
+const e = "_hidden_1tshq_96", i = "_active_1tshq_152", s = {
+  "item-icon-subs": "_item-icon-subs_1tshq_1",
+  "item-sidebar-2": "_item-sidebar-2_1tshq_1",
+  "item-sidebar-1": "_item-sidebar-1_1tshq_1",
+  "end-icon": "_end-icon_1tshq_1",
+  "item-icon": "_item-icon_1tshq_1",
+  "item-label": "_item-label_1tshq_25",
+  "item-sidebar-open": "_item-sidebar-open_1tshq_51",
+  "item-sidebar-close": "_item-sidebar-close_1tshq_66",
+  "item-icon-subs-active": "_item-icon-subs-active_1tshq_75",
+  "item-subs-sidebar": "_item-subs-sidebar_1tshq_82",
+  "sidebar-bill": "_sidebar-bill_1tshq_85",
   hidden: e,
-  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_gveg1_106",
-  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_gveg1_111",
-  "parent-sidebar-5": "_parent-sidebar-5_gveg1_133",
-  "parent-sidebar-6": "_parent-sidebar-6_gveg1_137",
-  "parent-sidebar-7": "_parent-sidebar-7_gveg1_141",
-  "parent-sidebar-8": "_parent-sidebar-8_gveg1_146",
+  "divider-item-sidebar-payhere": "_divider-item-sidebar-payhere_1tshq_106",
+  "divider-item-sidebar-lpd": "_divider-item-sidebar-lpd_1tshq_111",
+  "parent-sidebar-5": "_parent-sidebar-5_1tshq_133",
+  "parent-sidebar-6": "_parent-sidebar-6_1tshq_137",
+  "parent-sidebar-7": "_parent-sidebar-7_1tshq_141",
+  "parent-sidebar-8": "_parent-sidebar-8_1tshq_146",
   active: i,
-  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_gveg1_162",
-  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_gveg1_188",
-  "sidebar-payhere": "_sidebar-payhere_gveg1_162",
-  "sidebar-laba": "_sidebar-laba_gveg1_240",
-  "sidebar-lpd": "_sidebar-lpd_gveg1_273",
-  "sidebar-fin": "_sidebar-fin_gveg1_299"
+  "sidebar-payhere-blue-gray-800": "_sidebar-payhere-blue-gray-800_1tshq_162",
+  "sidebar-payhere-indigo-800": "_sidebar-payhere-indigo-800_1tshq_188",
+  "sidebar-payhere": "_sidebar-payhere_1tshq_162",
+  "sidebar-laba": "_sidebar-laba_1tshq_240",
+  "sidebar-lpd": "_sidebar-lpd_1tshq_273",
+  "sidebar-fin": "_sidebar-fin_1tshq_299"
 };
 export {
   i as active,
-  _ as default,
+  s as default,
   e as hidden
 };

package/dist/components/Step/StepIndicator.cjs

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("./StepIndicator.module.scss.cjs");function x(e,l){if(e<=0)return"0px";if(e===1)return"100%";const s=e-1;return`calc((100% - (${l} * ${s})) / ${e})`}const j=({activeStep:e=0,countStep:l=0,classNameActiveStepIndicator:s="",classNameContainer:$="",classNameDesc:u="",classNameStepIndicator:n="",id:c="1ru-step-indicator",locationStepIndicator:i="right",widthStepIndicator:h=120,dynamicWidthStepIndicator:d=!1,gapStepIndicator:a="2px",classNameStepIndicatorContainer:m=""})=>r.jsxs("div",{id:c,className:`${t.default["container-step-indicator"]} 
-      ${i==="left"?t.default.left:t.default.right} ${$||""}`,children:[i==="left"&&r.jsxs("p",{className:`${t.default["text-step-indicator"]} ${u||""}`,children:[e+1,"/",l]}),r.jsx("div",{className:`${t.default["step-indicator"]} ${m||""}
-        ${d?"iru-w-full":""} ${a}`,style:{gap:a},children:Array.from({length:l}).map((o,f)=>r.jsx("div",{className:`${t.default.indicator} ${n||""} 
-            ${f<=e?`${t.default.active} ${s}`:""}`,style:{width:d?x(l,a):h}},f))}),i==="right"&&r.jsxs("p",{className:`${t.default["text-step-indicator"]} ${u||""}`,children:[e+1,"/",l]})]});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),n=require("./StepIndicator.config.cjs"),r=require("./StepIndicator.module.scss.cjs");function j(e,t){if(e<=0)return"0px";if(e===1)return"100%";const s=e-1;return`calc((100% - (${t} * ${s})) / ${e})`}const p=({activeStep:e=0,countStep:t=0,classNameActiveStepIndicator:s="",classNameContainer:$="",classNameDesc:d="",classNameStepIndicator:c="",id:o="1ru-step-indicator",locationStepIndicator:i="right",widthStepIndicator:g=120,dynamicWidthStepIndicator:u=!1,gapStepIndicator:a="2px",classNameStepIndicatorContainer:h="",variant:m="laba-green-08",borderRadius:x="full"})=>l.jsxs("div",{id:o,className:`${n.configStepIndicator.variants[m]} 
+      ${i==="left"?r.default.left:r.default.right} ${$||""}`,children:[i==="left"&&l.jsxs("p",{className:`${r.default["text-step-indicator"]} ${d||""}`,children:[e+1,"/",t]}),l.jsx("div",{className:`${r.default["step-indicator"]} ${h||""}
+        ${u?"iru-w-full":""} ${a}`,style:{gap:a},children:Array.from({length:t}).map((v,f)=>l.jsx("div",{className:`${r.default.indicator}
+              ${n.configStepIndicator.borderRadius[x]} 
+              ${c||""} 
+              ${f<=e?`${r.default.active} ${s}`:""}`,style:{width:u?j(t,a):g}},f))}),i==="right"&&l.jsxs("p",{className:`${r.default["text-step-indicator"]} ${d||""}`,children:[e+1,"/",t]})]});exports.default=p;

package/dist/components/Step/StepIndicator.config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../config/components/borderRadius.cjs"),e=require("./StepIndicator.module.scss.cjs"),t={variants:{"laba-green-08":e.default["laba-green-08"],"teal-600":e.default["teal-600"]},borderRadius:r.configBorderRadius};exports.configStepIndicator=t;

package/dist/components/Step/StepIndicator.config.mjs

@@ -0,0 +1,12 @@
+import { configBorderRadius as a } from "../../config/components/borderRadius.mjs";
+import r from "./StepIndicator.module.scss.mjs";
+const t = {
+  variants: {
+    "laba-green-08": r["laba-green-08"],
+    "teal-600": r["teal-600"]
+  },
+  borderRadius: a
+};
+export {
+  t as configStepIndicator
+};

package/dist/components/Step/StepIndicator.mjs

@@ -1,65 +1,70 @@
 import { jsxs as $, jsx as d } from "react/jsx-runtime";
-import s from "./StepIndicator.module.scss.mjs";
-function g(r, i) {
+import { configStepIndicator as h } from "./StepIndicator.config.mjs";
+import i from "./StepIndicator.module.scss.mjs";
+function N(r, l) {
   if (r <= 0)
     return "0px";
   if (r === 1)
     return "100%";
-  const e = r - 1;
-  return `calc((100% - (${i} * ${e})) / ${r})`;
+  const s = r - 1;
+  return `calc((100% - (${l} * ${s})) / ${r})`;
 }
-const y = ({
+const w = ({
   activeStep: r = 0,
-  countStep: i = 0,
-  classNameActiveStepIndicator: e = "",
-  classNameContainer: h = "",
+  countStep: l = 0,
+  classNameActiveStepIndicator: s = "",
+  classNameContainer: n = "",
   classNameDesc: a = "",
-  classNameStepIndicator: n = "",
-  id: c = "1ru-step-indicator",
-  locationStepIndicator: l = "right",
-  widthStepIndicator: x = 120,
+  classNameStepIndicator: c = "",
+  id: u = "1ru-step-indicator",
+  locationStepIndicator: e = "right",
+  widthStepIndicator: g = 120,
   dynamicWidthStepIndicator: f = !1,
   gapStepIndicator: t = "2px",
-  classNameStepIndicatorContainer: u = ""
+  classNameStepIndicatorContainer: o = "",
+  variant: x = "laba-green-08",
+  borderRadius: p = "full"
 }) => /* @__PURE__ */ $(
   "div",
   {
-    id: c,
-    className: `${s["container-step-indicator"]} 
-      ${l === "left" ? s.left : s.right} ${h || ""}`,
+    id: u,
+    className: `${h.variants[x]} 
+      ${e === "left" ? i.left : i.right} ${n || ""}`,
     children: [
-      l === "left" && /* @__PURE__ */ $("p", { className: `${s["text-step-indicator"]} ${a || ""}`, children: [
+      e === "left" && /* @__PURE__ */ $("p", { className: `${i["text-step-indicator"]} ${a || ""}`, children: [
         r + 1,
         "/",
-        i
+        l
       ] }),
       /* @__PURE__ */ d(
         "div",
         {
-          className: `${s["step-indicator"]} ${u || ""}
+          className: `${i["step-indicator"]} ${o || ""}
         ${f ? "iru-w-full" : ""} ${t}`,
           style: { gap: t },
-          children: Array.from({ length: i }).map((p, m) => /* @__PURE__ */ d(
+          children: Array.from({ length: l }).map((v, m) => /* @__PURE__ */ d(
             "div",
             {
-              className: `${s.indicator} ${n || ""} 
-            ${m <= r ? `${s.active} ${e}` : ""}`,
+              className: `${i.indicator}
+              ${h.borderRadius[p]} 
+              ${c || ""} 
+              ${m <= r ? `${i.active} ${s}` : ""}`,
               style: {
-                width: f ? g(i, t) : x
+                width: f ? N(l, t) : g
               }
             },
             m
           ))
         }
       ),
-      l === "right" && /* @__PURE__ */ $("p", { className: `${s["text-step-indicator"]} ${a || ""}`, children: [
+      e === "right" && /* @__PURE__ */ $("p", { className: `${i["text-step-indicator"]} ${a || ""}`, children: [
         r + 1,
         "/",
-        i
+        l
       ] })
     ]
   }
 );
 export {
-  y as default
+  w as default
 };

package/dist/components/Step/StepIndicator.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_left_do93a_7",i="_right_do93a_10",e="_indicator_do93a_26",o="_active_do93a_31",a={"container-step-indicator":"_container-step-indicator_do93a_1",left:t,right:i,"text-step-indicator":"_text-step-indicator_do93a_13","step-indicator":"_step-indicator_do93a_22",indicator:e,active:o};exports.active=o;exports.default=a;exports.indicator=e;exports.left=t;exports.right=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_left_8vduq_8",e="_right_8vduq_11",i="_indicator_8vduq_29",_="_active_8vduq_33",a={"laba-green-08":"_laba-green-08_8vduq_1",left:t,right:e,"text-step-indicator":"_text-step-indicator_8vduq_14","step-indicator":"_step-indicator_8vduq_23",indicator:i,active:_,"teal-600":"_teal-600_8vduq_37"};exports.active=_;exports.default=a;exports.indicator=i;exports.left=t;exports.right=e;

package/dist/components/Step/StepIndicator.module.scss.mjs

@@ -1,16 +1,17 @@
-const t = "_left_do93a_7", i = "_right_do93a_10", o = "_indicator_do93a_26", a = "_active_do93a_31", _ = {
-  "container-step-indicator": "_container-step-indicator_do93a_1",
+const t = "_left_8vduq_8", _ = "_right_8vduq_11", e = "_indicator_8vduq_29", i = "_active_8vduq_33", a = {
+  "laba-green-08": "_laba-green-08_8vduq_1",
   left: t,
-  right: i,
-  "text-step-indicator": "_text-step-indicator_do93a_13",
-  "step-indicator": "_step-indicator_do93a_22",
-  indicator: o,
-  active: a
+  right: _,
+  "text-step-indicator": "_text-step-indicator_8vduq_14",
+  "step-indicator": "_step-indicator_8vduq_23",
+  indicator: e,
+  active: i,
+  "teal-600": "_teal-600_8vduq_37"
 };
 export {
-  a as active,
-  _ as default,
-  o as indicator,
+  i as active,
+  a as default,
+  e as indicator,
   t as left,
-  i as right
+  _ as right
 };

package/dist/components/Switch/Switch.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.module.scss.cjs"),e={size:{large:t.default["switch-l"],regular:t.default["switch-r"],small:t.default["switch-s"]},kind:{laba:t.default["switch-laba"],payhere:t.default["switch-payhere"],bill:t.default["switch-bill"]},text:{title:{laba:t.default["title-switch-laba"],payhere:t.default["title-switch-payhere"],bill:t.default["title-switch-bill"]},desc:{laba:t.default["description-switch-laba"],payhere:t.default["description-switch-payhere"],bill:t.default["description-switch-bill"]}}};exports.configSwitch=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./style.module.scss.cjs"),e={size:{large:t.default["switch-l"],regular:t.default["switch-r"],small:t.default["switch-s"]},kind:{laba:t.default["switch-laba"],payhere:t.default["switch-payhere"],bill:t.default["switch-bill"],fin:t.default["switch-fin"]},text:{title:{laba:t.default["title-switch-laba"],payhere:t.default["title-switch-payhere"],bill:t.default["title-switch-bill"],fin:t.default["title-switch-fin"]},desc:{laba:t.default["description-switch-laba"],payhere:t.default["description-switch-payhere"],bill:t.default["description-switch-bill"],fin:t.default["description-switch-fin"]}}};exports.configSwitch=e;

package/dist/components/Switch/Switch.config.mjs

@@ -8,18 +8,21 @@ const l = {
   kind: {
     laba: i["switch-laba"],
     payhere: i["switch-payhere"],
-    bill: i["switch-bill"]
+    bill: i["switch-bill"],
+    fin: i["switch-fin"]
   },
   text: {
     title: {
       laba: i["title-switch-laba"],
       payhere: i["title-switch-payhere"],
-      bill: i["title-switch-bill"]
+      bill: i["title-switch-bill"],
+      fin: i["title-switch-fin"]
     },
     desc: {
       laba: i["description-switch-laba"],
       payhere: i["description-switch-payhere"],
-      bill: i["description-switch-bill"]
+      bill: i["description-switch-bill"],
+      fin: i["description-switch-fin"]
     }
   }
 };

package/dist/components/Switch/style.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="_active_jzs63_65",s="_disabled_jzs63_68",t={"title-switch-laba":"_title-switch-laba_jzs63_1","title-switch-payhere":"_title-switch-payhere_jzs63_10","title-switch-bill":"_title-switch-bill_jzs63_19","description-switch-laba":"_description-switch-laba_jzs63_28","description-switch-payhere":"_description-switch-payhere_jzs63_37","description-switch-bill":"_description-switch-bill_jzs63_46","switch-l":"_switch-l_jzs63_55","switch-payhere":"_switch-payhere_jzs63_55",active:i,disabled:s,"disabled-nonactive":"_disabled-nonactive_jzs63_71","thumb-switch":"_thumb-switch_jzs63_79","switch-laba":"_switch-laba_jzs63_96","switch-bill":"_switch-bill_jzs63_137","switch-r":"_switch-r_jzs63_179","switch-s":"_switch-s_jzs63_303"};exports.active=i;exports.default=t;exports.disabled=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="_active_rp48s_89",t="_disabled_rp48s_92",s={"title-switch-laba":"_title-switch-laba_rp48s_1","title-switch-payhere":"_title-switch-payhere_rp48s_10","title-switch-bill":"_title-switch-bill_rp48s_19","title-switch-fin":"_title-switch-fin_rp48s_28","description-switch-laba":"_description-switch-laba_rp48s_40","description-switch-payhere":"_description-switch-payhere_rp48s_49","description-switch-bill":"_description-switch-bill_rp48s_58","description-switch-fin":"_description-switch-fin_rp48s_67","switch-l":"_switch-l_rp48s_79","switch-payhere":"_switch-payhere_rp48s_79",active:i,disabled:t,"disabled-nonactive":"_disabled-nonactive_rp48s_96","thumb-switch":"_thumb-switch_rp48s_104","switch-laba":"_switch-laba_rp48s_121","switch-bill":"_switch-bill_rp48s_163","switch-fin":"_switch-fin_rp48s_205","switch-r":"_switch-r_rp48s_272","switch-s":"_switch-s_rp48s_465"};exports.active=i;exports.default=s;exports.disabled=t;

package/dist/components/Switch/style.module.scss.mjs

@@ -1,20 +1,23 @@
-const i = "_active_jzs63_65", s = "_disabled_jzs63_68", t = {
-  "title-switch-laba": "_title-switch-laba_jzs63_1",
-  "title-switch-payhere": "_title-switch-payhere_jzs63_10",
-  "title-switch-bill": "_title-switch-bill_jzs63_19",
-  "description-switch-laba": "_description-switch-laba_jzs63_28",
-  "description-switch-payhere": "_description-switch-payhere_jzs63_37",
-  "description-switch-bill": "_description-switch-bill_jzs63_46",
-  "switch-l": "_switch-l_jzs63_55",
-  "switch-payhere": "_switch-payhere_jzs63_55",
+const i = "_active_rp48s_89", s = "_disabled_rp48s_92", t = {
+  "title-switch-laba": "_title-switch-laba_rp48s_1",
+  "title-switch-payhere": "_title-switch-payhere_rp48s_10",
+  "title-switch-bill": "_title-switch-bill_rp48s_19",
+  "title-switch-fin": "_title-switch-fin_rp48s_28",
+  "description-switch-laba": "_description-switch-laba_rp48s_40",
+  "description-switch-payhere": "_description-switch-payhere_rp48s_49",
+  "description-switch-bill": "_description-switch-bill_rp48s_58",
+  "description-switch-fin": "_description-switch-fin_rp48s_67",
+  "switch-l": "_switch-l_rp48s_79",
+  "switch-payhere": "_switch-payhere_rp48s_79",
   active: i,
   disabled: s,
-  "disabled-nonactive": "_disabled-nonactive_jzs63_71",
-  "thumb-switch": "_thumb-switch_jzs63_79",
-  "switch-laba": "_switch-laba_jzs63_96",
-  "switch-bill": "_switch-bill_jzs63_137",
-  "switch-r": "_switch-r_jzs63_179",
-  "switch-s": "_switch-s_jzs63_303"
+  "disabled-nonactive": "_disabled-nonactive_rp48s_96",
+  "thumb-switch": "_thumb-switch_rp48s_104",
+  "switch-laba": "_switch-laba_rp48s_121",
+  "switch-bill": "_switch-bill_rp48s_163",
+  "switch-fin": "_switch-fin_rp48s_205",
+  "switch-r": "_switch-r_rp48s_272",
+  "switch-s": "_switch-s_rp48s_465"
 };
 export {
   i as active,

package/dist/components/Tabs/Tabs.config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),a=require("./style.module.scss.cjs"),b={tabsVariant:{"original-laba-blue-10":a.default["original-laba-blue-10"],"container-payhere-brand-base":a.default["container-payhere-brand-base"],"container-payhere-brand-base-bg_white":a.default["container-payhere-brand-base-bg_white"],"container-laba-blue-10":a.default["container-laba-blue-10"],"container-laba-blue-10-bg_white":a.default["container-laba-blue-10-bg_white"],"container-laba-blue-10-bg_blue-01":a.default["container-laba-blue-10-bg_blue-01"],"original-bill-secondary-800":a.default["original-bill-secondary-800"],"container-bill-secondary-800":a.default["container-bill-secondary-800"],"original-payhere-primary-700":a.default["original-payhere-primary-700"]},size:{"tabs-m":a.default["tabs-m"],"tabs-s":a.default["tabs-s"],"tabs-medium":a.default["tabs-medium"],"tabs-small":a.default["tabs-small"]},borderRadius:e.configBorderRadius,isContainer:["container-payhere-brand-base","container-payhere-brand-base-bg_white","container-laba-blue-10","container-laba-blue-10-bg_white","container-laba-blue-10-bg_blue-01","container-bill-secondary-800"]};exports.configTabs=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../config/components/borderRadius.cjs"),a=require("./style.module.scss.cjs"),n={tabsVariant:{"original-laba-blue-10":a.default["original-laba-blue-10"],"container-payhere-brand-base":a.default["container-payhere-brand-base"],"container-payhere-brand-base-bg_white":a.default["container-payhere-brand-base-bg_white"],"container-laba-blue-10":a.default["container-laba-blue-10"],"container-laba-blue-10-bg_white":a.default["container-laba-blue-10-bg_white"],"container-laba-blue-10-bg_blue-01":a.default["container-laba-blue-10-bg_blue-01"],"container-bill-secondary-800":a.default["container-bill-secondary-800"],"container-fin-secondary-500":a.default["container-fin-secondary-500"],"original-bill-secondary-800":a.default["original-bill-secondary-800"],"original-payhere-primary-700":a.default["original-payhere-primary-700"],"original-fin-primary-100":a.default["original-fin-primary-100"]},size:{"tabs-m":a.default["tabs-m"],"tabs-s":a.default["tabs-s"],"tabs-medium":a.default["tabs-medium"],"tabs-small":a.default["tabs-small"],"tabs-bill-m":a.default["tabs-bill-m"],"tabs-bill-s":a.default["tabs-bill-s"],"tabs-fin-m":a.default["tabs-fin-m"],"tabs-fin-s":a.default["tabs-fin-s"]},borderRadius:e.configBorderRadius,isContainer:["container-payhere-brand-base","container-payhere-brand-base-bg_white","container-laba-blue-10","container-laba-blue-10-bg_white","container-laba-blue-10-bg_blue-01","container-bill-secondary-800","container-fin-secondary-500"]};exports.configTabs=n;