1mpacto-react-ui 2.0.26 → 2.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/_mixins.scss +6 -1
- package/dist/assets/_typography.scss +19 -15
- package/dist/assets/core.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/components/Alert/index.cjs +1 -1
- package/dist/components/Alert/index.mjs +55 -51
- package/dist/components/Alert/style.module.scss.cjs +1 -1
- package/dist/components/Alert/style.module.scss.mjs +12 -11
- package/dist/components/Badges/Badges.config.cjs +1 -1
- package/dist/components/Badges/Badges.config.mjs +18 -3
- package/dist/components/Badges/style.module.scss.cjs +1 -1
- package/dist/components/Badges/style.module.scss.mjs +46 -35
- package/dist/components/Breadcrumbs/Breadcrumbs.cjs +3 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.config.cjs +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.config.mjs +4 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.mjs +45 -43
- package/dist/components/Breadcrumbs/style.module.scss.cjs +1 -1
- package/dist/components/Breadcrumbs/style.module.scss.mjs +12 -9
- package/dist/components/Button/Button.config.cjs +1 -1
- package/dist/components/Button/Button.config.mjs +10 -2
- package/dist/components/Button/style.module.scss.cjs +1 -1
- package/dist/components/Button/style.module.scss.mjs +64 -60
- package/dist/components/ButtonIcon/ButtonIcon.config.cjs +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.config.mjs +58 -47
- package/dist/components/ButtonIcon/style.module.scss.cjs +1 -1
- package/dist/components/ButtonIcon/style.module.scss.mjs +55 -48
- package/dist/components/Input/InputInnerLabel.module.scss.cjs +1 -1
- package/dist/components/Input/InputInnerLabel.module.scss.mjs +19 -19
- package/dist/components/Modal/ModalDialog.cjs +11 -1
- package/dist/components/Modal/ModalDialog.config.cjs +1 -1
- package/dist/components/Modal/ModalDialog.config.mjs +18 -7
- package/dist/components/Modal/ModalDialog.mjs +59 -32
- package/dist/components/Modal/style.module.scss.cjs +1 -1
- package/dist/components/Modal/style.module.scss.mjs +17 -11
- package/dist/components/Pagination/Pagination.cjs +2 -2
- package/dist/components/Pagination/Pagination.config.cjs +1 -1
- package/dist/components/Pagination/Pagination.config.mjs +4 -3
- package/dist/components/Pagination/Pagination.mjs +90 -90
- package/dist/components/Pagination/style.module.scss.cjs +1 -1
- package/dist/components/Pagination/style.module.scss.mjs +18 -16
- package/dist/components/Popover/Popover.cjs +1 -1
- package/dist/components/Popover/Popover.config.cjs +1 -0
- package/dist/components/Popover/Popover.config.mjs +11 -0
- package/dist/components/Popover/Popover.mjs +42 -40
- package/dist/components/Popover/style.module.scss.cjs +1 -1
- package/dist/components/Popover/style.module.scss.mjs +8 -4
- package/dist/components/RadioCheckbox/RadioCheckbox.config.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckbox.config.mjs +24 -22
- package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckbox.module.scss.mjs +25 -23
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.config.mjs +5 -4
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.cjs +1 -1
- package/dist/components/RadioCheckbox/RadioCheckboxLabel.module.scss.mjs +8 -7
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.cjs +1 -1
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.cjs +1 -1
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.config.mjs +19 -10
- package/dist/components/SelectDropdownContainer/SelectDropdownContainer.mjs +95 -80
- package/dist/components/SelectDropdownContainer/styleConfig.cjs +1 -1
- package/dist/components/SelectDropdownContainer/styleConfig.mjs +151 -11
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +1 -1
- package/dist/components/Sidebar/Sidebar.module.scss.mjs +22 -22
- package/dist/components/Sidebar/itemSidebar.module.scss.cjs +1 -1
- package/dist/components/Sidebar/itemSidebar.module.scss.mjs +25 -25
- package/dist/components/Step/StepIndicator.cjs +6 -4
- package/dist/components/Step/StepIndicator.config.cjs +1 -0
- package/dist/components/Step/StepIndicator.config.mjs +12 -0
- package/dist/components/Step/StepIndicator.mjs +31 -26
- package/dist/components/Step/StepIndicator.module.scss.cjs +1 -1
- package/dist/components/Step/StepIndicator.module.scss.mjs +12 -11
- package/dist/components/Switch/Switch.config.cjs +1 -1
- package/dist/components/Switch/Switch.config.mjs +6 -3
- package/dist/components/Switch/style.module.scss.cjs +1 -1
- package/dist/components/Switch/style.module.scss.mjs +18 -15
- package/dist/components/Tabs/Tabs.config.cjs +1 -1
- package/dist/components/Tabs/Tabs.config.mjs +13 -6
- package/dist/components/Tabs/style.module.scss.cjs +1 -1
- package/dist/components/Tabs/style.module.scss.mjs +29 -23
- package/dist/components/Textarea/TextareaFloatingInner.cjs +6 -5
- package/dist/components/Textarea/TextareaFloatingInner.config.cjs +1 -1
- package/dist/components/Textarea/TextareaFloatingInner.config.mjs +6 -2
- package/dist/components/Textarea/TextareaFloatingInner.mjs +38 -36
- package/dist/components/Textarea/TextareaFloatingInner.module.scss.cjs +1 -1
- package/dist/components/Textarea/TextareaFloatingInner.module.scss.mjs +11 -9
- package/dist/components/fin/Chat/BubbleChat.cjs +1 -0
- package/dist/components/fin/Chat/BubbleChat.mjs +20 -0
- package/dist/components/fin/Chat/BubbleChatOption.cjs +1 -0
- package/dist/components/fin/Chat/BubbleChatOption.mjs +70 -0
- package/dist/components/fin/Chat/BubbleChatUser.cjs +1 -0
- package/dist/components/fin/Chat/BubbleChatUser.mjs +15 -0
- package/dist/components/fin/Chat/Icons.cjs +1 -0
- package/dist/components/fin/Chat/Icons.mjs +44 -0
- package/dist/components/fin/Chat/style.module.scss.cjs +1 -0
- package/dist/components/fin/Chat/style.module.scss.mjs +27 -0
- package/dist/config/components/typography.cjs +1 -1
- package/dist/config/components/typography.mjs +40 -6
- package/dist/config/tailwind/typography.cjs +1 -1
- package/dist/config/tailwind/typography.mjs +23 -15
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +86 -80
- package/dist/package.json.cjs +1 -1
- package/dist/package.json.d.ts +1 -1
- package/dist/package.json.mjs +1 -1
- package/dist/src/components/Badges/Badges.config.d.ts +15 -0
- package/dist/src/components/Breadcrumbs/Breadcrumbs.config.d.ts +1 -0
- package/dist/src/components/Button/Button.config.d.ts +8 -0
- package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts +11 -0
- package/dist/src/components/Modal/ModalDialog.config.d.ts +12 -0
- package/dist/src/components/Modal/ModalDialog.d.ts +1 -1
- package/dist/src/components/Modal/ModalDialog.stories.d.ts +17 -1
- package/dist/src/components/Pagination/Pagination.config.d.ts +1 -0
- package/dist/src/components/Pagination/Pagination.d.ts +1 -1
- package/dist/src/components/Pagination/Pagination.stories.d.ts +14 -1
- package/dist/src/components/Popover/Popover.config.d.ts +8 -0
- package/dist/src/components/RadioCheckbox/RadioCheckbox.config.d.ts +2 -0
- package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts +1 -0
- package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.config.d.ts +10 -0
- package/dist/src/components/SelectDropdownContainer/styleConfig.d.ts +2 -0
- package/dist/src/components/Step/StepIndicator.config.d.ts +18 -0
- package/dist/src/components/Step/StepIndicator.d.ts +1 -1
- package/dist/src/components/Step/StepIndicator.stories.d.ts +30 -1
- package/dist/src/components/Switch/Switch.config.d.ts +3 -0
- package/dist/src/components/Tabs/Tabs.config.d.ts +7 -1
- package/dist/src/components/Textarea/TextareaFloatingInner.config.d.ts +5 -0
- package/dist/src/components/fin/Chat/BubbleChat.d.ts +3 -0
- package/dist/src/components/fin/Chat/BubbleChatOption.d.ts +3 -0
- package/dist/src/components/fin/Chat/BubbleChatUser.d.ts +3 -0
- package/dist/src/components/fin/Chat/Icons.d.ts +5 -0
- package/dist/src/components/fin/index.d.ts +4 -0
- package/dist/src/components/index.d.ts +2 -1
- package/dist/src/config/components/typography.d.ts +1 -1
- package/dist/src/interfaces/components/Badges/index.d.ts +6 -1
- package/dist/src/interfaces/components/Breadcrumbs/index.d.ts +1 -1
- package/dist/src/interfaces/components/Button/index.d.ts +1 -1
- package/dist/src/interfaces/components/ButtonIcon/index.d.ts +2 -2
- package/dist/src/interfaces/components/Modal/index.d.ts +10 -0
- package/dist/src/interfaces/components/Pagination/index.d.ts +6 -1
- package/dist/src/interfaces/components/Popover/index.d.ts +5 -0
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts +1 -1
- package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts +1 -1
- package/dist/src/interfaces/components/SelectDropdownContainer/index.d.ts +7 -1
- package/dist/src/interfaces/components/Step/index.d.ts +13 -2
- package/dist/src/interfaces/components/Switch/index.d.ts +1 -1
- package/dist/src/interfaces/components/Tabs/index.d.ts +2 -2
- package/dist/src/interfaces/components/Textarea/index.d.ts +5 -0
- package/dist/src/interfaces/components/fin/Chat/index.d.ts +39 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { configBorderRadius as e } from "../../config/components/borderRadius.mjs";
|
|
2
2
|
import a from "./style.module.scss.mjs";
|
|
3
|
-
const
|
|
3
|
+
const b = {
|
|
4
4
|
tabsVariant: {
|
|
5
5
|
"original-laba-blue-10": a["original-laba-blue-10"],
|
|
6
6
|
"container-payhere-brand-base": a["container-payhere-brand-base"],
|
|
@@ -8,15 +8,21 @@ const r = {
|
|
|
8
8
|
"container-laba-blue-10": a["container-laba-blue-10"],
|
|
9
9
|
"container-laba-blue-10-bg_white": a["container-laba-blue-10-bg_white"],
|
|
10
10
|
"container-laba-blue-10-bg_blue-01": a["container-laba-blue-10-bg_blue-01"],
|
|
11
|
-
"original-bill-secondary-800": a["original-bill-secondary-800"],
|
|
12
11
|
"container-bill-secondary-800": a["container-bill-secondary-800"],
|
|
13
|
-
"
|
|
12
|
+
"container-fin-secondary-500": a["container-fin-secondary-500"],
|
|
13
|
+
"original-bill-secondary-800": a["original-bill-secondary-800"],
|
|
14
|
+
"original-payhere-primary-700": a["original-payhere-primary-700"],
|
|
15
|
+
"original-fin-primary-100": a["original-fin-primary-100"]
|
|
14
16
|
},
|
|
15
17
|
size: {
|
|
16
18
|
"tabs-m": a["tabs-m"],
|
|
17
19
|
"tabs-s": a["tabs-s"],
|
|
18
20
|
"tabs-medium": a["tabs-medium"],
|
|
19
|
-
"tabs-small": a["tabs-small"]
|
|
21
|
+
"tabs-small": a["tabs-small"],
|
|
22
|
+
"tabs-bill-m": a["tabs-bill-m"],
|
|
23
|
+
"tabs-bill-s": a["tabs-bill-s"],
|
|
24
|
+
"tabs-fin-m": a["tabs-fin-m"],
|
|
25
|
+
"tabs-fin-s": a["tabs-fin-s"]
|
|
20
26
|
},
|
|
21
27
|
borderRadius: e,
|
|
22
28
|
isContainer: [
|
|
@@ -25,9 +31,10 @@ const r = {
|
|
|
25
31
|
"container-laba-blue-10",
|
|
26
32
|
"container-laba-blue-10-bg_white",
|
|
27
33
|
"container-laba-blue-10-bg_blue-01",
|
|
28
|
-
"container-bill-secondary-800"
|
|
34
|
+
"container-bill-secondary-800",
|
|
35
|
+
"container-fin-secondary-500"
|
|
29
36
|
]
|
|
30
37
|
};
|
|
31
38
|
export {
|
|
32
|
-
|
|
39
|
+
b as configTabs
|
|
33
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_hidden_vhgy0_10",_="_ripple_vhgy0_177",e="_active_vhgy0_184",i={"disable-transition":"_disable-transition_vhgy0_1","tab-panel":"_tab-panel_vhgy0_5",hidden:a,"tabs-medium":"_tabs-medium_vhgy0_15","tabs-list":"_tabs-list_vhgy0_18","button-tabs":"_button-tabs_vhgy0_18","tabs-small":"_tabs-small_vhgy0_31","tabs-m":"_tabs-m_vhgy0_15","tabs-s":"_tabs-s_vhgy0_31","tabs-bill-m":"_tabs-bill-m_vhgy0_79","tabs-bill-s":"_tabs-bill-s_vhgy0_95","tabs-fin-m":"_tabs-fin-m_vhgy0_111","tabs-fin-s":"_tabs-fin-s_vhgy0_127","container-tabs":"_container-tabs_vhgy0_143","original-laba-blue-10":"_original-laba-blue-10_vhgy0_149",ripple:_,active:e,"tabs-slider":"_tabs-slider_vhgy0_192","original-payhere-primary-700":"_original-payhere-primary-700_vhgy0_200","original-bill-secondary-800":"_original-bill-secondary-800_vhgy0_251","original-fin-primary-100":"_original-fin-primary-100_vhgy0_302","container-payhere-brand-base":"_container-payhere-brand-base_vhgy0_370","container-payhere-brand-base-bg_white":"_container-payhere-brand-base-bg_white_vhgy0_407","container-laba-blue-10":"_container-laba-blue-10_vhgy0_444","container-laba-blue-10-bg_white":"_container-laba-blue-10-bg_white_vhgy0_481","container-laba-blue-10-bg_blue-01":"_container-laba-blue-10-bg_blue-01_vhgy0_518","container-bill-secondary-800":"_container-bill-secondary-800_vhgy0_555","container-fin-secondary-500":"_container-fin-secondary-500_vhgy0_592"};exports.active=e;exports.default=i;exports.hidden=a;exports.ripple=_;
|
|
@@ -1,30 +1,36 @@
|
|
|
1
|
-
const a = "
|
|
2
|
-
"disable-transition": "_disable-
|
|
3
|
-
"tab-panel": "_tab-
|
|
1
|
+
const a = "_hidden_vhgy0_10", _ = "_ripple_vhgy0_177", i = "_active_vhgy0_184", n = {
|
|
2
|
+
"disable-transition": "_disable-transition_vhgy0_1",
|
|
3
|
+
"tab-panel": "_tab-panel_vhgy0_5",
|
|
4
4
|
hidden: a,
|
|
5
|
-
"tabs-medium": "_tabs-
|
|
6
|
-
"tabs-list": "_tabs-
|
|
7
|
-
"button-tabs": "_button-
|
|
8
|
-
"tabs-small": "_tabs-
|
|
9
|
-
"tabs-m": "_tabs-
|
|
10
|
-
"tabs-s": "_tabs-
|
|
11
|
-
"
|
|
12
|
-
"
|
|
5
|
+
"tabs-medium": "_tabs-medium_vhgy0_15",
|
|
6
|
+
"tabs-list": "_tabs-list_vhgy0_18",
|
|
7
|
+
"button-tabs": "_button-tabs_vhgy0_18",
|
|
8
|
+
"tabs-small": "_tabs-small_vhgy0_31",
|
|
9
|
+
"tabs-m": "_tabs-m_vhgy0_15",
|
|
10
|
+
"tabs-s": "_tabs-s_vhgy0_31",
|
|
11
|
+
"tabs-bill-m": "_tabs-bill-m_vhgy0_79",
|
|
12
|
+
"tabs-bill-s": "_tabs-bill-s_vhgy0_95",
|
|
13
|
+
"tabs-fin-m": "_tabs-fin-m_vhgy0_111",
|
|
14
|
+
"tabs-fin-s": "_tabs-fin-s_vhgy0_127",
|
|
15
|
+
"container-tabs": "_container-tabs_vhgy0_143",
|
|
16
|
+
"original-laba-blue-10": "_original-laba-blue-10_vhgy0_149",
|
|
13
17
|
ripple: _,
|
|
14
|
-
active:
|
|
15
|
-
"tabs-slider": "_tabs-
|
|
16
|
-
"original-payhere-primary-700": "_original-payhere-primary-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"container-
|
|
20
|
-
"container-
|
|
21
|
-
"container-laba-blue-10
|
|
22
|
-
"
|
|
23
|
-
"container-
|
|
18
|
+
active: i,
|
|
19
|
+
"tabs-slider": "_tabs-slider_vhgy0_192",
|
|
20
|
+
"original-payhere-primary-700": "_original-payhere-primary-700_vhgy0_200",
|
|
21
|
+
"original-bill-secondary-800": "_original-bill-secondary-800_vhgy0_251",
|
|
22
|
+
"original-fin-primary-100": "_original-fin-primary-100_vhgy0_302",
|
|
23
|
+
"container-payhere-brand-base": "_container-payhere-brand-base_vhgy0_370",
|
|
24
|
+
"container-payhere-brand-base-bg_white": "_container-payhere-brand-base-bg_white_vhgy0_407",
|
|
25
|
+
"container-laba-blue-10": "_container-laba-blue-10_vhgy0_444",
|
|
26
|
+
"container-laba-blue-10-bg_white": "_container-laba-blue-10-bg_white_vhgy0_481",
|
|
27
|
+
"container-laba-blue-10-bg_blue-01": "_container-laba-blue-10-bg_blue-01_vhgy0_518",
|
|
28
|
+
"container-bill-secondary-800": "_container-bill-secondary-800_vhgy0_555",
|
|
29
|
+
"container-fin-secondary-500": "_container-fin-secondary-500_vhgy0_592"
|
|
24
30
|
};
|
|
25
31
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
32
|
+
i as active,
|
|
33
|
+
n as default,
|
|
28
34
|
a as hidden,
|
|
29
35
|
_ as ripple
|
|
30
36
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),e=require("./TextareaFloatingInner.module.scss.cjs"),
|
|
2
|
-
${
|
|
3
|
-
${
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),e=require("./TextareaFloatingInner.module.scss.cjs"),P=require("../../hooks/useMergeRefs.cjs"),k=require("../../hooks/useCombinedResizeObserver.cjs"),v=require("./TextareaFloatingInner.config.cjs"),p=n.forwardRef((l,R)=>{const{isRequired:y,classNameContainer:N,className:T,classNameLabel:I,classNameLabelError:F,name:c,id:f,label:d,error:i,height:j,minHeight:g=94,maxHeight:q=150,style:H,sizeInput:L="medium",translateLabel:S=20,autoTranslateLabel:w=!1,variant:E="laba-white",...u}=l,t=n.useRef(null),M=P.useMergeRefs(t,R),h=n.useRef(null),V={...H??{},maxHeight:q,height:j??g,minHeight:g},[m,x]=n.useState(!1),[Y,b]=n.useState(!1),[_,z]=n.useState(S),$=()=>{["",void 0,null].includes(u.value)||["",void 0,null].includes(t.current?.value)?(b(!1),w&&setTimeout(()=>{const a=t.current?.offsetHeight??0,r=h.current?.offsetHeight??0,O=(a-r)/2;z(O)},100)):b(!0)},B=function(a){x(!0),$(),l.onFocus?.(a)},C=function(a){x(!1),l.onBlur?.(a)},o=function(a){$();const r=a?.target??t.current;r.style.height="0px",r.style.height=r.scrollHeight+"px"};return k.useIsomorphicLayoutEffect(()=>(m&&t.current?t.current.addEventListener("input",o):o(),()=>{t.current?.removeEventListener("input",o)}),[m]),s.jsxs("div",{className:`${e.default.container}
|
|
2
|
+
${v.configTextareaFloatingInner.size[L]}
|
|
3
|
+
${v.configTextareaFloatingInner.variants[E]}
|
|
4
|
+
${N??""}`,children:[s.jsxs("div",{className:`${e.default["container-textarea"]}`,children:[s.jsx("textarea",{id:f??c,className:`${Y?"":e.default["placeholder-shown"]} ${i?e.default.error:""}
|
|
4
5
|
${e.default.textarea}
|
|
5
|
-
${
|
|
6
|
-
${u.disabled?e.default.disabled:""} ${
|
|
6
|
+
${T??""}`,ref:M,style:V,...u,onFocus:B,onBlur:C}),d&&s.jsxs("label",{htmlFor:f??c,ref:h,style:{transform:`translateY(${_}px)`},className:`${e.default.label} ${I??""}`,children:[d," ",y&&s.jsx("span",{className:"iru-text-laba-red-08",children:"*"})]})]}),i&&s.jsx("label",{className:`${e.default["label-error"]}
|
|
7
|
+
${u.disabled?e.default.disabled:""} ${F??""}`,children:i})]})});p.displayName="TextareaFloatingInner";exports.default=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaFloatingInner.module.scss.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaFloatingInner.module.scss.cjs"),a={size:{medium:e.default["size-medium"]},variants:{"laba-white":e.default["laba-white"],"fin-blue-gray-50":e.default["fin-blue-gray-50"]}};exports.configTextareaFloatingInner=a;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import e from "./TextareaFloatingInner.module.scss.mjs";
|
|
2
|
-
const
|
|
2
|
+
const a = {
|
|
3
3
|
size: {
|
|
4
4
|
medium: e["size-medium"]
|
|
5
|
+
},
|
|
6
|
+
variants: {
|
|
7
|
+
"laba-white": e["laba-white"],
|
|
8
|
+
"fin-blue-gray-50": e["fin-blue-gray-50"]
|
|
5
9
|
}
|
|
6
10
|
};
|
|
7
11
|
export {
|
|
8
|
-
|
|
12
|
+
a as configTextareaFloatingInner
|
|
9
13
|
};
|
|
@@ -1,49 +1,51 @@
|
|
|
1
1
|
import { jsxs as c, jsx as u } from "react/jsx-runtime";
|
|
2
2
|
import s from "react";
|
|
3
3
|
import e from "./TextareaFloatingInner.module.scss.mjs";
|
|
4
|
-
import { useMergeRefs as
|
|
5
|
-
import { useIsomorphicLayoutEffect as
|
|
6
|
-
import { configTextareaFloatingInner as
|
|
7
|
-
const
|
|
4
|
+
import { useMergeRefs as A } from "../../hooks/useMergeRefs.mjs";
|
|
5
|
+
import { useIsomorphicLayoutEffect as D } from "../../hooks/useCombinedResizeObserver.mjs";
|
|
6
|
+
import { configTextareaFloatingInner as y } from "./TextareaFloatingInner.config.mjs";
|
|
7
|
+
const G = s.forwardRef((n, v) => {
|
|
8
8
|
const {
|
|
9
9
|
isRequired: N,
|
|
10
10
|
classNameContainer: R,
|
|
11
|
-
className:
|
|
12
|
-
classNameLabel:
|
|
13
|
-
classNameLabelError:
|
|
11
|
+
className: H,
|
|
12
|
+
classNameLabel: I,
|
|
13
|
+
classNameLabelError: L,
|
|
14
14
|
name: f,
|
|
15
15
|
id: m,
|
|
16
16
|
label: d,
|
|
17
17
|
error: l,
|
|
18
|
-
height:
|
|
18
|
+
height: T,
|
|
19
19
|
minHeight: h = 94,
|
|
20
|
-
maxHeight:
|
|
21
|
-
style:
|
|
22
|
-
sizeInput:
|
|
23
|
-
translateLabel:
|
|
24
|
-
autoTranslateLabel:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
20
|
+
maxHeight: F = 150,
|
|
21
|
+
style: w,
|
|
22
|
+
sizeInput: E = "medium",
|
|
23
|
+
translateLabel: S = 20,
|
|
24
|
+
autoTranslateLabel: V = !1,
|
|
25
|
+
variant: Y = "laba-white",
|
|
26
|
+
...i
|
|
27
|
+
} = n, t = s.useRef(null), j = A(t, v), g = s.useRef(null), z = { ...w ?? {}, maxHeight: F, height: T ?? h, minHeight: h }, [p, x] = s.useState(!1), [B, b] = s.useState(!1), [k, q] = s.useState(S), $ = () => {
|
|
28
|
+
["", void 0, null].includes(i.value) || ["", void 0, null].includes(t.current?.value) ? (b(!1), V && setTimeout(() => {
|
|
29
|
+
const a = t.current?.offsetHeight ?? 0, r = g.current?.offsetHeight ?? 0, P = (a - r) / 2;
|
|
30
|
+
q(P);
|
|
30
31
|
}, 100)) : b(!0);
|
|
31
|
-
},
|
|
32
|
+
}, C = function(a) {
|
|
32
33
|
x(!0), $(), n.onFocus?.(a);
|
|
33
|
-
},
|
|
34
|
+
}, M = function(a) {
|
|
34
35
|
x(!1), n.onBlur?.(a);
|
|
35
|
-
},
|
|
36
|
+
}, o = function(a) {
|
|
36
37
|
$();
|
|
37
38
|
const r = a?.target ?? t.current;
|
|
38
39
|
r.style.height = "0px", r.style.height = r.scrollHeight + "px";
|
|
39
40
|
};
|
|
40
|
-
return
|
|
41
|
-
t.current?.removeEventListener("input",
|
|
41
|
+
return D(() => (p && t.current ? t.current.addEventListener("input", o) : o(), () => {
|
|
42
|
+
t.current?.removeEventListener("input", o);
|
|
42
43
|
}), [p]), /* @__PURE__ */ c(
|
|
43
44
|
"div",
|
|
44
45
|
{
|
|
45
46
|
className: `${e.container}
|
|
46
|
-
${
|
|
47
|
+
${y.size[E]}
|
|
48
|
+
${y.variants[Y]}
|
|
47
49
|
${R ?? ""}`,
|
|
48
50
|
children: [
|
|
49
51
|
/* @__PURE__ */ c("div", { className: `${e["container-textarea"]}`, children: [
|
|
@@ -51,14 +53,14 @@ const D = s.forwardRef((n, y) => {
|
|
|
51
53
|
"textarea",
|
|
52
54
|
{
|
|
53
55
|
id: m ?? f,
|
|
54
|
-
className: `${
|
|
56
|
+
className: `${B ? "" : e["placeholder-shown"]} ${l ? e.error : ""}
|
|
55
57
|
${e.textarea}
|
|
56
|
-
${
|
|
57
|
-
ref:
|
|
58
|
-
style:
|
|
59
|
-
...
|
|
60
|
-
onFocus:
|
|
61
|
-
onBlur:
|
|
58
|
+
${H ?? ""}`,
|
|
59
|
+
ref: j,
|
|
60
|
+
style: z,
|
|
61
|
+
...i,
|
|
62
|
+
onFocus: C,
|
|
63
|
+
onBlur: M
|
|
62
64
|
}
|
|
63
65
|
),
|
|
64
66
|
d && /* @__PURE__ */ c(
|
|
@@ -67,9 +69,9 @@ const D = s.forwardRef((n, y) => {
|
|
|
67
69
|
htmlFor: m ?? f,
|
|
68
70
|
ref: g,
|
|
69
71
|
style: {
|
|
70
|
-
transform: `translateY(${
|
|
72
|
+
transform: `translateY(${k}px)`
|
|
71
73
|
},
|
|
72
|
-
className: `${e.label} ${
|
|
74
|
+
className: `${e.label} ${I ?? ""}`,
|
|
73
75
|
children: [
|
|
74
76
|
d,
|
|
75
77
|
" ",
|
|
@@ -82,7 +84,7 @@ const D = s.forwardRef((n, y) => {
|
|
|
82
84
|
"label",
|
|
83
85
|
{
|
|
84
86
|
className: `${e["label-error"]}
|
|
85
|
-
${
|
|
87
|
+
${i.disabled ? e.disabled : ""} ${L ?? ""}`,
|
|
86
88
|
children: l
|
|
87
89
|
}
|
|
88
90
|
)
|
|
@@ -90,7 +92,7 @@ const D = s.forwardRef((n, y) => {
|
|
|
90
92
|
}
|
|
91
93
|
);
|
|
92
94
|
});
|
|
93
|
-
|
|
95
|
+
G.displayName = "TextareaFloatingInner";
|
|
94
96
|
export {
|
|
95
|
-
|
|
97
|
+
G as default
|
|
96
98
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1szcw_1",r="_textarea_1szcw_12",a="_label_1szcw_58",t="_error_1szcw_67",_={container:e,"size-medium":"_size-medium_1szcw_1","container-textarea":"_container-textarea_1szcw_6",textarea:r,"placeholder-shown":"_placeholder-shown_1szcw_43",label:a,error:t,"label-error":"_label-error_1szcw_99","laba-white":"_laba-white_1szcw_111","fin-blue-gray-50":"_fin-blue-gray-50_1szcw_147"};exports.container=e;exports.default=_;exports.error=t;exports.label=a;exports.textarea=r;
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
const e = "
|
|
1
|
+
const e = "_container_1szcw_1", a = "_textarea_1szcw_12", r = "_label_1szcw_58", _ = "_error_1szcw_67", t = {
|
|
2
2
|
container: e,
|
|
3
|
-
"size-medium": "_size-
|
|
4
|
-
"container-textarea": "_container-
|
|
5
|
-
textarea:
|
|
6
|
-
"placeholder-shown": "_placeholder-
|
|
7
|
-
label:
|
|
3
|
+
"size-medium": "_size-medium_1szcw_1",
|
|
4
|
+
"container-textarea": "_container-textarea_1szcw_6",
|
|
5
|
+
textarea: a,
|
|
6
|
+
"placeholder-shown": "_placeholder-shown_1szcw_43",
|
|
7
|
+
label: r,
|
|
8
8
|
error: _,
|
|
9
|
-
"label-error": "_label-
|
|
9
|
+
"label-error": "_label-error_1szcw_99",
|
|
10
|
+
"laba-white": "_laba-white_1szcw_111",
|
|
11
|
+
"fin-blue-gray-50": "_fin-blue-gray-50_1szcw_147"
|
|
10
12
|
};
|
|
11
13
|
export {
|
|
12
14
|
e as container,
|
|
13
15
|
t as default,
|
|
14
16
|
_ as error,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
r as label,
|
|
18
|
+
a as textarea
|
|
17
19
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),t=require("./style.module.scss.cjs"),l=require("./Icons.cjs"),j=({id:s,icon:n,header:a,content:c,onCopy:o,onDislike:u,onLike:d,onReply:r})=>e.jsxs("div",{id:s,className:`${t.default.container} ${t.default["position-start"]}`,children:[e.jsxs("div",{className:t.default["container-card"],children:[i.isValidElement(n)&&e.jsx("div",{className:t.default.icon,children:n}),i.isValidElement(a)&&a,i.isValidElement(c)&&c]}),e.jsxs("div",{className:t.default["container-action"],children:[e.jsx("button",{id:`${s}-like`,className:t.default["button-action"],onClick:d,children:e.jsx(l.LikeIcon,{})}),e.jsx("button",{id:`${s}-dislike`,className:t.default["button-action"],onClick:u,children:e.jsx(l.DislikeIcon,{})}),e.jsx("button",{id:`${s}-copy`,className:t.default["button-action"],onClick:o,children:e.jsx(l.CopyIcon,{})}),e.jsx("button",{id:`${s}-reply`,className:t.default["button-action"],onClick:r,children:e.jsx(l.ReplyIcon,{})})]})]});exports.default=j;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsxs as t, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { isValidElement as c } from "react";
|
|
3
|
+
import n from "./style.module.scss.mjs";
|
|
4
|
+
import { LikeIcon as u, DislikeIcon as b, CopyIcon as p, ReplyIcon as h } from "./Icons.mjs";
|
|
5
|
+
const f = ({ id: o, icon: l, header: a, content: e, onCopy: s, onDislike: r, onLike: m, onReply: d }) => /* @__PURE__ */ t("div", { id: o, className: `${n.container} ${n["position-start"]}`, children: [
|
|
6
|
+
/* @__PURE__ */ t("div", { className: n["container-card"], children: [
|
|
7
|
+
c(l) && /* @__PURE__ */ i("div", { className: n.icon, children: l }),
|
|
8
|
+
c(a) && a,
|
|
9
|
+
c(e) && e
|
|
10
|
+
] }),
|
|
11
|
+
/* @__PURE__ */ t("div", { className: n["container-action"], children: [
|
|
12
|
+
/* @__PURE__ */ i("button", { id: `${o}-like`, className: n["button-action"], onClick: m, children: /* @__PURE__ */ i(u, {}) }),
|
|
13
|
+
/* @__PURE__ */ i("button", { id: `${o}-dislike`, className: n["button-action"], onClick: r, children: /* @__PURE__ */ i(b, {}) }),
|
|
14
|
+
/* @__PURE__ */ i("button", { id: `${o}-copy`, className: n["button-action"], onClick: s, children: /* @__PURE__ */ i(p, {}) }),
|
|
15
|
+
/* @__PURE__ */ i("button", { id: `${o}-reply`, className: n["button-action"], onClick: d, children: /* @__PURE__ */ i(h, {}) })
|
|
16
|
+
] })
|
|
17
|
+
] });
|
|
18
|
+
export {
|
|
19
|
+
f as default
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),i=require("./style.module.scss.cjs"),N=require("../../Button/Button.cjs"),o=require("./Icons.cjs"),p=({id:n,icon:u,type:l,header:r,content:d,options:f,optionDirection:m,onClick:c,onCopy:x,onDislike:j,onLike:h,onReply:b})=>e.jsxs("div",{id:n,className:i.default.container,children:[e.jsxs("div",{className:i.default["container-card"],children:[s.isValidElement(u)&&e.jsx("div",{className:i.default.icon,children:u}),s.isValidElement(r)&&r,s.isValidElement(d)&&d,e.jsxs("div",{className:m==="column"?i.default["option-column"]:i.default["option-row"],children:[(l==="action"||l==="suggestion")&&f?.map((t,a)=>e.jsxs("button",{className:i.default["button-option"],onClick:()=>{typeof c=="function"&&c(t)},children:[e.jsxs("div",{className:i.default["left-section"],children:[s.isValidElement(t?.iconLeft)&&t.iconLeft,e.jsxs("div",{className:i.default["option-content"],children:[e.jsx("p",{className:l==="action"?i.default["text-action"]:i.default["text-suggestion"],children:t.title}),t?.subtitle&&e.jsx("p",{className:i.default["text-subtitle"],children:t.subtitle})]})]}),s.isValidElement(t?.iconRight)&&e.jsx("div",{className:i.default["right-section"],children:e.jsx("div",{className:i.default["icon-right"],children:t.iconRight})})]},a)),l==="system"&&f?.map((t,a)=>s.createElement(N.default,{...t,variants:t?.variants||"primary-fin-primary-500",size:t?.size||"fin-s",id:t.id,key:a,onClick:()=>{typeof c=="function"&&c(t)}},t.title))]})]}),e.jsxs("div",{className:i.default["container-action"],children:[e.jsx("button",{id:`${n}-like`,className:i.default["button-action"],onClick:h,children:e.jsx(o.LikeIcon,{})}),e.jsx("button",{id:`${n}-dislike`,className:i.default["button-action"],onClick:j,children:e.jsx(o.DislikeIcon,{})}),e.jsx("button",{id:`${n}-copy`,className:i.default["button-action"],onClick:x,children:e.jsx(o.CopyIcon,{})}),e.jsx("button",{id:`${n}-reply`,className:i.default["button-action"],onClick:b,children:e.jsx(o.ReplyIcon,{})})]})]});exports.default=p;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { isValidElement as c, createElement as v } from "react";
|
|
3
|
+
import i from "./style.module.scss.mjs";
|
|
4
|
+
import g from "../../Button/Button.mjs";
|
|
5
|
+
import { LikeIcon as k, DislikeIcon as y, CopyIcon as x, ReplyIcon as C } from "./Icons.mjs";
|
|
6
|
+
const z = ({
|
|
7
|
+
id: o,
|
|
8
|
+
icon: m,
|
|
9
|
+
type: s,
|
|
10
|
+
header: a,
|
|
11
|
+
content: u,
|
|
12
|
+
options: h,
|
|
13
|
+
optionDirection: p,
|
|
14
|
+
onClick: l,
|
|
15
|
+
onCopy: d,
|
|
16
|
+
onDislike: f,
|
|
17
|
+
onLike: N,
|
|
18
|
+
onReply: b
|
|
19
|
+
}) => /* @__PURE__ */ e("div", { id: o, className: i.container, children: [
|
|
20
|
+
/* @__PURE__ */ e("div", { className: i["container-card"], children: [
|
|
21
|
+
c(m) && /* @__PURE__ */ t("div", { className: i.icon, children: m }),
|
|
22
|
+
c(a) && a,
|
|
23
|
+
c(u) && u,
|
|
24
|
+
/* @__PURE__ */ e("div", { className: p === "column" ? i["option-column"] : i["option-row"], children: [
|
|
25
|
+
(s === "action" || s === "suggestion") && h?.map((n, r) => /* @__PURE__ */ e(
|
|
26
|
+
"button",
|
|
27
|
+
{
|
|
28
|
+
className: i["button-option"],
|
|
29
|
+
onClick: () => {
|
|
30
|
+
typeof l == "function" && l(n);
|
|
31
|
+
},
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ e("div", { className: i["left-section"], children: [
|
|
34
|
+
c(n?.iconLeft) && n.iconLeft,
|
|
35
|
+
/* @__PURE__ */ e("div", { className: i["option-content"], children: [
|
|
36
|
+
/* @__PURE__ */ t("p", { className: s === "action" ? i["text-action"] : i["text-suggestion"], children: n.title }),
|
|
37
|
+
n?.subtitle && /* @__PURE__ */ t("p", { className: i["text-subtitle"], children: n.subtitle })
|
|
38
|
+
] })
|
|
39
|
+
] }),
|
|
40
|
+
c(n?.iconRight) && /* @__PURE__ */ t("div", { className: i["right-section"], children: /* @__PURE__ */ t("div", { className: i["icon-right"], children: n.iconRight }) })
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
r
|
|
44
|
+
)),
|
|
45
|
+
s === "system" && h?.map((n, r) => /* @__PURE__ */ v(
|
|
46
|
+
g,
|
|
47
|
+
{
|
|
48
|
+
...n,
|
|
49
|
+
variants: n?.variants || "primary-fin-primary-500",
|
|
50
|
+
size: n?.size || "fin-s",
|
|
51
|
+
id: n.id,
|
|
52
|
+
key: r,
|
|
53
|
+
onClick: () => {
|
|
54
|
+
typeof l == "function" && l(n);
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
n.title
|
|
58
|
+
))
|
|
59
|
+
] })
|
|
60
|
+
] }),
|
|
61
|
+
/* @__PURE__ */ e("div", { className: i["container-action"], children: [
|
|
62
|
+
/* @__PURE__ */ t("button", { id: `${o}-like`, className: i["button-action"], onClick: N, children: /* @__PURE__ */ t(k, {}) }),
|
|
63
|
+
/* @__PURE__ */ t("button", { id: `${o}-dislike`, className: i["button-action"], onClick: f, children: /* @__PURE__ */ t(y, {}) }),
|
|
64
|
+
/* @__PURE__ */ t("button", { id: `${o}-copy`, className: i["button-action"], onClick: d, children: /* @__PURE__ */ t(x, {}) }),
|
|
65
|
+
/* @__PURE__ */ t("button", { id: `${o}-reply`, className: i["button-action"], onClick: b, children: /* @__PURE__ */ t(C, {}) })
|
|
66
|
+
] })
|
|
67
|
+
] });
|
|
68
|
+
export {
|
|
69
|
+
z as default
|
|
70
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),e=require("./style.module.scss.cjs"),r=require("./Icons.cjs"),d=({id:t,content:i,otherContentTop:n,otherContentBottom:c,onCopy:l})=>s.jsxs("div",{id:t,className:`${e.default.container} ${e.default["position-end"]}`,children:[s.jsxs("div",{className:e.default["container-card-user"],children:[a.isValidElement(n)&&s.jsx("div",{className:e.default["container-card-user-other-content"],children:n}),a.isValidElement(i)&&i,a.isValidElement(c)&&s.jsx("div",{className:e.default["container-card-user-other-content"],children:c})]}),s.jsx("div",{className:`${e.default["container-action"]} ${e.default["action-end"]}`,children:s.jsx("button",{id:`${t}-copy`,className:e.default["button-action"],onClick:l,children:s.jsx(r.CopyIcon,{})})})]});exports.default=d;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { isValidElement as c } from "react";
|
|
3
|
+
import e from "./style.module.scss.mjs";
|
|
4
|
+
import { CopyIcon as d } from "./Icons.mjs";
|
|
5
|
+
const p = ({ id: i, content: a, otherContentTop: n, otherContentBottom: s, onCopy: t }) => /* @__PURE__ */ o("div", { id: i, className: `${e.container} ${e["position-end"]}`, children: [
|
|
6
|
+
/* @__PURE__ */ o("div", { className: e["container-card-user"], children: [
|
|
7
|
+
c(n) && /* @__PURE__ */ r("div", { className: e["container-card-user-other-content"], children: n }),
|
|
8
|
+
c(a) && a,
|
|
9
|
+
c(s) && /* @__PURE__ */ r("div", { className: e["container-card-user-other-content"], children: s })
|
|
10
|
+
] }),
|
|
11
|
+
/* @__PURE__ */ r("div", { className: `${e["container-action"]} ${e["action-end"]}`, children: /* @__PURE__ */ r("button", { id: `${i}-copy`, className: e["button-action"], onClick: t, children: /* @__PURE__ */ r(d, {}) }) })
|
|
12
|
+
] });
|
|
13
|
+
export {
|
|
14
|
+
p as default
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M11.6667 8.33333H15.6367C15.9207 8.33334 16.2001 8.40595 16.4482 8.54427C16.6963 8.68259 16.9049 8.88202 17.0543 9.12364C17.2036 9.36525 17.2888 9.64104 17.3016 9.9248C17.3144 10.2086 17.2545 10.4909 17.1275 10.745L14.2108 16.5783C14.0724 16.8554 13.8595 17.0884 13.596 17.2512C13.3325 17.414 13.0289 17.5001 12.7192 17.5H9.37167C9.23583 17.5 9.1 17.4833 8.9675 17.45L5.83333 16.6667M11.6667 8.33333V4.16667C11.6667 3.72464 11.4911 3.30072 11.1785 2.98816C10.866 2.67559 10.442 2.5 10 2.5H9.92083C9.50417 2.5 9.16667 2.8375 9.16667 3.25417C9.16667 3.84917 8.99083 4.43083 8.66 4.92583L5.83333 9.16667V16.6667M11.6667 8.33333H10M5.83333 16.6667H4.16667C3.72464 16.6667 3.30072 16.4911 2.98816 16.1785C2.67559 15.866 2.5 15.442 2.5 15V10C2.5 9.55797 2.67559 9.13405 2.98816 8.82149C3.30072 8.50893 3.72464 8.33333 4.16667 8.33333H6.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),t=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M14.1659 3.33333L11.0326 2.55C10.9004 2.51687 10.7646 2.50008 10.6284 2.5H7.28005C6.97048 2.50001 6.66702 2.58624 6.4037 2.74903C6.14038 2.91183 5.9276 3.14474 5.78922 3.42167L2.87255 9.255C2.74558 9.5091 2.68566 9.79143 2.69847 10.0752C2.71129 10.359 2.79642 10.6347 2.94578 10.8764C3.09514 11.118 3.30378 11.3174 3.55189 11.4557C3.79999 11.594 4.07933 11.6667 4.36339 11.6667H8.33339H10.0001M14.1659 3.33333L14.1667 10.8333L11.3401 15.0733C11.0092 15.5692 10.8334 16.1508 10.8334 16.7467C10.8334 17.1625 10.4959 17.5 10.0792 17.5H9.99922C9.55719 17.5 9.13327 17.3244 8.82071 17.0118C8.50815 16.6993 8.33255 16.2754 8.33255 15.8333V11.6667M14.1659 3.33333H15.8334C16.2754 3.33333 16.6993 3.50893 17.0119 3.82149C17.3245 4.13405 17.5001 4.55797 17.5001 5V10C17.5001 10.442 17.3245 10.866 17.0119 11.1785C16.6993 11.4911 16.2754 11.6667 15.8334 11.6667H13.7501",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),C=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M6.66659 5.83333V12.5C6.66659 12.942 6.84218 13.366 7.15474 13.6785C7.4673 13.9911 7.89122 14.1667 8.33325 14.1667H13.3333M6.66659 5.83333V4.16667C6.66659 3.72464 6.84218 3.30072 7.15474 2.98816C7.4673 2.67559 7.89122 2.5 8.33325 2.5H12.1549C12.3759 2.50005 12.5878 2.58788 12.7441 2.74417L16.4224 6.4225C16.5787 6.57874 16.6665 6.79067 16.6666 7.01167V12.5C16.6666 12.942 16.491 13.366 16.1784 13.6785C15.8659 13.9911 15.4419 14.1667 14.9999 14.1667H13.3333M6.66659 5.83333H4.99992C4.55789 5.83333 4.13397 6.00893 3.82141 6.32149C3.50885 6.63405 3.33325 7.05797 3.33325 7.5V15.8333C3.33325 16.2754 3.50885 16.6993 3.82141 17.0118C4.13397 17.3244 4.55789 17.5 4.99992 17.5H11.6666C12.1086 17.5 12.5325 17.3244 12.8451 17.0118C13.1577 16.6993 13.3333 16.2754 13.3333 15.8333V14.1667",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),r=e=>o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...e,children:o.jsx("path",{d:"M2.5 8.3335H10.8333C12.6014 8.3335 14.2971 9.03587 15.5474 10.2861C16.7976 11.5364 17.5 13.2321 17.5 15.0002V16.6668M7.5 3.3335L2.5 8.3335L7.5 13.3335",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});exports.CopyIcon=C;exports.DislikeIcon=t;exports.LikeIcon=n;exports.ReplyIcon=r;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const e = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
|
|
3
|
+
"path",
|
|
4
|
+
{
|
|
5
|
+
d: "M11.6667 8.33333H15.6367C15.9207 8.33334 16.2001 8.40595 16.4482 8.54427C16.6963 8.68259 16.9049 8.88202 17.0543 9.12364C17.2036 9.36525 17.2888 9.64104 17.3016 9.9248C17.3144 10.2086 17.2545 10.4909 17.1275 10.745L14.2108 16.5783C14.0724 16.8554 13.8595 17.0884 13.596 17.2512C13.3325 17.414 13.0289 17.5001 12.7192 17.5H9.37167C9.23583 17.5 9.1 17.4833 8.9675 17.45L5.83333 16.6667M11.6667 8.33333V4.16667C11.6667 3.72464 11.4911 3.30072 11.1785 2.98816C10.866 2.67559 10.442 2.5 10 2.5H9.92083C9.50417 2.5 9.16667 2.8375 9.16667 3.25417C9.16667 3.84917 8.99083 4.43083 8.66 4.92583L5.83333 9.16667V16.6667M11.6667 8.33333H10M5.83333 16.6667H4.16667C3.72464 16.6667 3.30072 16.4911 2.98816 16.1785C2.67559 15.866 2.5 15.442 2.5 15V10C2.5 9.55797 2.67559 9.13405 2.98816 8.82149C3.30072 8.50893 3.72464 8.33333 4.16667 8.33333H6.25",
|
|
6
|
+
stroke: "currentColor",
|
|
7
|
+
strokeWidth: "1.5",
|
|
8
|
+
strokeLinecap: "round",
|
|
9
|
+
strokeLinejoin: "round"
|
|
10
|
+
}
|
|
11
|
+
) }), n = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
|
|
12
|
+
"path",
|
|
13
|
+
{
|
|
14
|
+
d: "M14.1659 3.33333L11.0326 2.55C10.9004 2.51687 10.7646 2.50008 10.6284 2.5H7.28005C6.97048 2.50001 6.66702 2.58624 6.4037 2.74903C6.14038 2.91183 5.9276 3.14474 5.78922 3.42167L2.87255 9.255C2.74558 9.5091 2.68566 9.79143 2.69847 10.0752C2.71129 10.359 2.79642 10.6347 2.94578 10.8764C3.09514 11.118 3.30378 11.3174 3.55189 11.4557C3.79999 11.594 4.07933 11.6667 4.36339 11.6667H8.33339H10.0001M14.1659 3.33333L14.1667 10.8333L11.3401 15.0733C11.0092 15.5692 10.8334 16.1508 10.8334 16.7467C10.8334 17.1625 10.4959 17.5 10.0792 17.5H9.99922C9.55719 17.5 9.13327 17.3244 8.82071 17.0118C8.50815 16.6993 8.33255 16.2754 8.33255 15.8333V11.6667M14.1659 3.33333H15.8334C16.2754 3.33333 16.6993 3.50893 17.0119 3.82149C17.3245 4.13405 17.5001 4.55797 17.5001 5V10C17.5001 10.442 17.3245 10.866 17.0119 11.1785C16.6993 11.4911 16.2754 11.6667 15.8334 11.6667H13.7501",
|
|
15
|
+
stroke: "currentColor",
|
|
16
|
+
strokeWidth: "1.5",
|
|
17
|
+
strokeLinecap: "round",
|
|
18
|
+
strokeLinejoin: "round"
|
|
19
|
+
}
|
|
20
|
+
) }), r = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
|
|
21
|
+
"path",
|
|
22
|
+
{
|
|
23
|
+
d: "M6.66659 5.83333V12.5C6.66659 12.942 6.84218 13.366 7.15474 13.6785C7.4673 13.9911 7.89122 14.1667 8.33325 14.1667H13.3333M6.66659 5.83333V4.16667C6.66659 3.72464 6.84218 3.30072 7.15474 2.98816C7.4673 2.67559 7.89122 2.5 8.33325 2.5H12.1549C12.3759 2.50005 12.5878 2.58788 12.7441 2.74417L16.4224 6.4225C16.5787 6.57874 16.6665 6.79067 16.6666 7.01167V12.5C16.6666 12.942 16.491 13.366 16.1784 13.6785C15.8659 13.9911 15.4419 14.1667 14.9999 14.1667H13.3333M6.66659 5.83333H4.99992C4.55789 5.83333 4.13397 6.00893 3.82141 6.32149C3.50885 6.63405 3.33325 7.05797 3.33325 7.5V15.8333C3.33325 16.2754 3.50885 16.6993 3.82141 17.0118C4.13397 17.3244 4.55789 17.5 4.99992 17.5H11.6666C12.1086 17.5 12.5325 17.3244 12.8451 17.0118C13.1577 16.6993 13.3333 16.2754 13.3333 15.8333V14.1667",
|
|
24
|
+
stroke: "currentColor",
|
|
25
|
+
strokeWidth: "1.5",
|
|
26
|
+
strokeLinecap: "round",
|
|
27
|
+
strokeLinejoin: "round"
|
|
28
|
+
}
|
|
29
|
+
) }), i = (C) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...C, children: /* @__PURE__ */ o(
|
|
30
|
+
"path",
|
|
31
|
+
{
|
|
32
|
+
d: "M2.5 8.3335H10.8333C12.6014 8.3335 14.2971 9.03587 15.5474 10.2861C16.7976 11.5364 17.5 13.2321 17.5 15.0002V16.6668M7.5 3.3335L2.5 8.3335L7.5 13.3335",
|
|
33
|
+
stroke: "currentColor",
|
|
34
|
+
strokeWidth: "1.5",
|
|
35
|
+
strokeLinecap: "round",
|
|
36
|
+
strokeLinejoin: "round"
|
|
37
|
+
}
|
|
38
|
+
) });
|
|
39
|
+
export {
|
|
40
|
+
r as CopyIcon,
|
|
41
|
+
n as DislikeIcon,
|
|
42
|
+
e as LikeIcon,
|
|
43
|
+
i as ReplyIcon
|
|
44
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_77b4x_1",n="_icon_77b4x_22",o={container:t,"position-start":"_position-start_77b4x_6","position-end":"_position-end_77b4x_9","container-card":"_container-card_77b4x_12",icon:n,"option-column":"_option-column_77b4x_30","option-row":"_option-row_77b4x_34","button-option":"_button-option_77b4x_44","left-section":"_left-section_77b4x_59","option-content":"_option-content_77b4x_65","text-action":"_text-action_77b4x_72","text-suggestion":"_text-suggestion_77b4x_82","text-subtitle":"_text-subtitle_77b4x_92","right-section":"_right-section_77b4x_102","icon-right":"_icon-right_77b4x_106","container-card-user":"_container-card-user_77b4x_132","container-card-user-other-content":"_container-card-user-other-content_77b4x_139","container-action":"_container-action_77b4x_142","action-end":"_action-end_77b4x_146","button-action":"_button-action_77b4x_149"};exports.container=t;exports.default=o;exports.icon=n;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
const t = "_container_77b4x_1", n = "_icon_77b4x_22", o = {
|
|
2
|
+
container: t,
|
|
3
|
+
"position-start": "_position-start_77b4x_6",
|
|
4
|
+
"position-end": "_position-end_77b4x_9",
|
|
5
|
+
"container-card": "_container-card_77b4x_12",
|
|
6
|
+
icon: n,
|
|
7
|
+
"option-column": "_option-column_77b4x_30",
|
|
8
|
+
"option-row": "_option-row_77b4x_34",
|
|
9
|
+
"button-option": "_button-option_77b4x_44",
|
|
10
|
+
"left-section": "_left-section_77b4x_59",
|
|
11
|
+
"option-content": "_option-content_77b4x_65",
|
|
12
|
+
"text-action": "_text-action_77b4x_72",
|
|
13
|
+
"text-suggestion": "_text-suggestion_77b4x_82",
|
|
14
|
+
"text-subtitle": "_text-subtitle_77b4x_92",
|
|
15
|
+
"right-section": "_right-section_77b4x_102",
|
|
16
|
+
"icon-right": "_icon-right_77b4x_106",
|
|
17
|
+
"container-card-user": "_container-card-user_77b4x_132",
|
|
18
|
+
"container-card-user-other-content": "_container-card-user-other-content_77b4x_139",
|
|
19
|
+
"container-action": "_container-action_77b4x_142",
|
|
20
|
+
"action-end": "_action-end_77b4x_146",
|
|
21
|
+
"button-action": "_button-action_77b4x_149"
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
t as container,
|
|
25
|
+
o as default,
|
|
26
|
+
n as icon
|
|
27
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={"payhere-h1":"iru-text-payhere-h1","payhere-h2":"iru-text-payhere-h2","payhere-h3":"iru-text-payhere-h3","payhere-h4":"iru-text-payhere-h4","payhere-h5":"iru-text-payhere-h5","payhere-h6":"iru-text-payhere-h6","payhere-body-lr":"iru-text-payhere-body-lr","payhere-body-lm":"iru-text-payhere-body-lm","payhere-body-ls":"iru-text-payhere-body-ls","payhere-body-lb":"iru-text-payhere-body-lb","payhere-body-mr":"iru-text-payhere-body-mr","payhere-body-mm":"iru-text-payhere-body-mm","payhere-body-ms":"iru-text-payhere-body-ms","payhere-body-mb":"iru-text-payhere-body-mb","payhere-label-r":"iru-text-payhere-label-r","payhere-label-m":"iru-text-payhere-label-m","payhere-label-sb":"iru-text-payhere-label-sb","payhere-label-b":"iru-text-payhere-label-b","payhere-body-sr":"iru-text-payhere-body-sr","payhere-body-sm":"iru-text-payhere-body-sm","payhere-body-smb":"iru-text-payhere-body-smb","payhere-body-sb":"iru-text-payhere-body-sb","payhere-body-esr":"iru-text-payhere-body-esr","payhere-body-esm":"iru-text-payhere-body-esm","payhere-body-esmb":"iru-text-payhere-body-esmb","payhere-body-esb":"iru-text-payhere-body-esb","laba-title-lb":"iru-text-laba-title-lb","laba-title-ls":"iru-text-laba-title-ls","laba-title-lr":"iru-text-laba-title-lr","laba-title-mb":"iru-text-laba-title-mb","laba-title-ms":"iru-text-laba-title-ms","laba-title-mr":"iru-text-laba-title-mr","laba-h1":"iru-text-laba-h1","laba-h1-b":"iru-text-laba-h1-b","laba-h1-sb":"iru-text-laba-h1-sb","laba-h1-r":"iru-text-laba-h1-r","laba-h2":"iru-text-laba-h2","laba-h2-b":"iru-text-laba-h2-b","laba-h2-sb":"iru-text-laba-h2-sb","laba-h2-r":"iru-text-laba-h2-r","laba-base-rb":"iru-text-laba-base-rb","laba-base-rs":"iru-text-laba-base-rs","laba-base-rr":"iru-text-laba-base-rr","laba-base-sb":"iru-text-laba-base-sb","laba-base-ss":"iru-text-laba-base-ss","laba-base-sr":"iru-text-laba-base-sr","laba-subtitle-rb":"iru-text-laba-subtitle-rb","laba-subtitle-rs":"iru-text-laba-subtitle-rs","laba-subtitle-rr":"iru-text-laba-subtitle-rr","laba-subtitle-sb":"iru-text-laba-subtitle-sb","laba-subtitle-ss":"iru-text-laba-subtitle-ss","laba-subtitle-sr":"iru-text-laba-subtitle-sr","bill-h1":"iru-text-bill-h1","bill-h2":"iru-text-bill-h2","bill-h3":"iru-text-bill-h3","bill-h4":"iru-text-bill-h4","bill-h5":"iru-text-bill-h5","bill-h6":"iru-text-bill-h6","bill-body-lr":"iru-text-bill-body-lr","bill-body-lm":"iru-text-bill-body-lm","bill-body-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={"payhere-h1":"iru-text-payhere-h1","payhere-h2":"iru-text-payhere-h2","payhere-h3":"iru-text-payhere-h3","payhere-h4":"iru-text-payhere-h4","payhere-h5":"iru-text-payhere-h5","payhere-h6":"iru-text-payhere-h6","payhere-body-lr":"iru-text-payhere-body-lr","payhere-body-lm":"iru-text-payhere-body-lm","payhere-body-ls":"iru-text-payhere-body-ls","payhere-body-lb":"iru-text-payhere-body-lb","payhere-body-mr":"iru-text-payhere-body-mr","payhere-body-mm":"iru-text-payhere-body-mm","payhere-body-ms":"iru-text-payhere-body-ms","payhere-body-mb":"iru-text-payhere-body-mb","payhere-label-r":"iru-text-payhere-label-r","payhere-label-m":"iru-text-payhere-label-m","payhere-label-sb":"iru-text-payhere-label-sb","payhere-label-b":"iru-text-payhere-label-b","payhere-body-sr":"iru-text-payhere-body-sr","payhere-body-sm":"iru-text-payhere-body-sm","payhere-body-smb":"iru-text-payhere-body-smb","payhere-body-sb":"iru-text-payhere-body-sb","payhere-body-esr":"iru-text-payhere-body-esr","payhere-body-esm":"iru-text-payhere-body-esm","payhere-body-esmb":"iru-text-payhere-body-esmb","payhere-body-esb":"iru-text-payhere-body-esb","laba-title-lb":"iru-text-laba-title-lb","laba-title-ls":"iru-text-laba-title-ls","laba-title-lr":"iru-text-laba-title-lr","laba-title-mb":"iru-text-laba-title-mb","laba-title-ms":"iru-text-laba-title-ms","laba-title-mr":"iru-text-laba-title-mr","laba-h1":"iru-text-laba-h1","laba-h1-b":"iru-text-laba-h1-b","laba-h1-sb":"iru-text-laba-h1-sb","laba-h1-r":"iru-text-laba-h1-r","laba-h2":"iru-text-laba-h2","laba-h2-b":"iru-text-laba-h2-b","laba-h2-sb":"iru-text-laba-h2-sb","laba-h2-r":"iru-text-laba-h2-r","laba-base-rb":"iru-text-laba-base-rb","laba-base-rs":"iru-text-laba-base-rs","laba-base-rr":"iru-text-laba-base-rr","laba-base-sb":"iru-text-laba-base-sb","laba-base-ss":"iru-text-laba-base-ss","laba-base-sr":"iru-text-laba-base-sr","laba-subtitle-rb":"iru-text-laba-subtitle-rb","laba-subtitle-rs":"iru-text-laba-subtitle-rs","laba-subtitle-rr":"iru-text-laba-subtitle-rr","laba-subtitle-sb":"iru-text-laba-subtitle-sb","laba-subtitle-ss":"iru-text-laba-subtitle-ss","laba-subtitle-sr":"iru-text-laba-subtitle-sr","bill-h1":"iru-text-bill-h1","bill-h2":"iru-text-bill-h2","bill-h3":"iru-text-bill-h3","bill-h4":"iru-text-bill-h4","bill-h5":"iru-text-bill-h5","bill-h6":"iru-text-bill-h6","bill-body-lr":"iru-text-bill-body-lr","bill-body-lm":"iru-text-bill-body-lm","bill-body-lsb":"iru-text-bill-body-lsb","bill-body-lb":"iru-text-bill-body-lb","bill-body-mr":"iru-text-bill-body-mr","bill-body-mm":"iru-text-bill-body-mm","bill-body-msb":"iru-text-bill-body-msb","bill-body-mb":"iru-text-bill-body-mb","bill-label-r":"iru-text-bill-label-r","bill-label-m":"iru-text-bill-label-m","bill-label-sm":"iru-text-bill-label-sm","bill-label-b":"iru-text-bill-label-b","bill-body-sr":"iru-text-bill-body-sr","bill-body-sm":"iru-text-bill-body-sm","bill-body-ssb":"iru-text-bill-body-ssb","bill-body-sb":"iru-text-bill-body-sb","bill-body-esr":"iru-text-bill-body-esr","bill-body-esm":"iru-text-bill-body-esm","bill-body-essm":"iru-text-bill-body-essm","bill-body-esb":"iru-text-bill-body-esb","fin-h1":"iru-text-fin-h1","fin-h2":"iru-text-fin-h2","fin-h3":"iru-text-fin-h3","fin-h4":"iru-text-fin-h4","fin-h5":"iru-text-fin-h5","fin-h6":"iru-text-fin-h6","fin-body-lr":"iru-text-fin-body-lr","fin-body-lm":"iru-text-fin-body-lm","fin-body-lsb":"iru-text-fin-body-lsb","fin-body-lb":"iru-text-fin-body-lb","fin-body-mr":"iru-text-fin-body-mr","fin-body-mm":"iru-text-fin-body-mm","fin-body-msb":"iru-text-fin-body-msb","fin-body-mb":"iru-text-fin-body-mb","fin-label-r":"iru-text-fin-label-r","fin-label-m":"iru-text-fin-label-m","fin-label-sm":"iru-text-fin-label-sm","fin-label-b":"iru-text-fin-label-b","fin-body-sr":"iru-text-fin-body-sr","fin-body-sr-lh_24":"iru-text-fin-body-sr-lh_24","fin-body-sm":"iru-text-fin-body-sm","fin-body-sm-lh_24":"iru-text-fin-body-sm-lh_24","fin-body-ssb":"iru-text-fin-body-ssb","fin-body-ssb-lh_24":"iru-text-fin-body-ssb-lh_24","fin-body-sb":"iru-text-fin-body-sb","fin-body-sb-lh_24":"iru-text-fin-body-sb-lh_24","fin-body-esr":"iru-text-fin-body-esr","fin-body-esm":"iru-text-fin-body-esm","fin-body-essb":"iru-text-fin-body-essb","fin-body-esb":"iru-text-fin-body-esb","fin-body-tiny-r":"iru-text-fin-body-tiny-r","fin-body-tiny-m":"iru-text-fin-body-tiny-m","fin-body-tiny-sb":"iru-text-fin-body-tiny-sb","fin-body-tiny-b":"iru-text-fin-body-tiny-b"};exports.configtypography=b;
|