@wishket/design-system 1.1.26 → 1.1.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/Components/Feedbacks/DialogBox/DialogBox.js +1 -1
- package/dist/Components/Inputs/Autocomplete/Autocomplete.js +1 -1
- package/dist/Components/Inputs/Calendar/Calendar.js +1 -1
- package/dist/Components/Inputs/TextField/parts/LableInput.js +1 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.d.ts +2 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +1 -1
- package/dist/Components/Navigations/TextTab/TextTab.parts.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),s=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("react"),require("@wishket/yogokit"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),module.exports=function(t){var o=t.title,l=t.description,n=t.variant,u=t.onClose,c=t.onConfirm,d=t.confirm,p=t.close,p=void 0===p?"닫기":p,t=t.testId,n="caution"===(void 0===n?"primary":n);return e.jsxs(a,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 font-normal not-italic shadow-modal tablet:w-[400px]","data-testid":t||"design-system--dialog-box",children:[e.jsxs(a,{className:"flex w-full flex-col gap-6",children:[e.jsx(s,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:o}),e.jsx(s,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:l})]}),e.jsxs(a,{className:"flex w-full items-center justify-end gap-4",children:[p&&e.jsx(i,{role:"close",onClick:u,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:p}),d&&e.jsx(i,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(n&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("@wishket/yogokit"),i=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js"),s=require("../../Layouts/Box/Box.js"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("@wishket/yogokit"),i=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js"),s=require("../../Layouts/Box/Box.js"),u=(require("tailwind-merge"),require("../Input/Input.js")),a=require("../InputChip/InputChip.js"),o=require("../SupportTextContainer/SupportTextContainer.js"),c=require("./Autocomplete.parts.js"),p=require("./Autocomplete.utils.js");module.exports=function(d){function f(){B(!1)}function m(t){C(t),z(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function g(t){A(t),z(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function h(){""!==k.trim()&&(q(k.trim()),j(""),z(e.__spreadArray(e.__spreadArray([],N,!0),[k],!1)))}var v=d.skillItems,x=d.legacySkillItems,y=d.selectedItems,I=d.onChipDelete,k=d.value,j=d.onValueChange,_=d.placeholder,C=d.onSkillItemClick,A=d.onLegacySkillItemClick,q=d.onInputItemClick,S=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,b=d.isError,D=d.errorMessage,F=d.leadingIcon,d=r.useState(!1),R=d[0],B=d[1],d=r.useRef(null),E=r.useRef(null),V=r.useRef(null),L=r.useRef(null),T=r.useState(54),M=T[0],U=T[1],T=r.useState([]),N=T[0],z=T[1],T=r.useState(-1),O=T[0],W=T[1],K=p.getSortedSkillItems(v),T=p.getSortedSkillItems(x),G=(r.useEffect(function(){var e;if(E.current)return(e=new ResizeObserver(function(e){for(var t=0,r=e;t<r.length;t++){var n=r[t];n.target===E.current&&U(n.contentRect.height+4)}})).observe(E.current),function(){e.disconnect()}},[]),n.useClickOutside(d,f),e.__spreadArray(e.__spreadArray(e.__spreadArray([],K.map(function(e){return{type:"static_skill",item:e}}),!0),T.map(function(e){return{type:"legacy",item:e}}),!0),k?[{type:"input",item:k}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"relative flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(!e.nativeEvent.isComposing&&R)switch(e.key){case"ArrowDown":e.preventDefault(),W(function(e){var e=e<G.length-1?e+1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),W(function(e){var e=0<e?e-1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":var t,r;e.preventDefault(),0<=O&&O<G.length?(t=(r=G[O]).type,r=r.item,"static_skill"===t?m(r):"legacy"===t?g(r):"input"===t&&h()):k.trim()&&h();break;case"Backspace":k||(e.preventDefault(),I(y[y.length-1]));break;case"Escape":e.preventDefault(),f()}},children:[t.jsx("label",{ref:E,children:t.jsxs(l,{isError:b,isFocused:R,testId:"design-system--selectBox",isAutoComplete:!0,children:[y.map(function(e){return t.jsx(a,{onDelete:function(){return I(e)},children:e},e)}),t.jsx(u,{value:k,onChange:function(e){j(e.target.value)},placeholder:_,onFocus:function(){R||B(!R)},className:"w-fit flex-auto"})]})}),(S||D)&&t.jsx(o,{supportMessage:S,errorMessage:D}),R&&t.jsx(s,{"data-testid":"design-system-autocomplete-list",ref:V,className:"absolute z-40 w-full",style:{top:M},onMouseLeave:function(){0<N.length&&(f(),z([]))},children:t.jsx(i.Root,{hasIndexBar:w,onIndexClick:function(t){var e=K.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&V.current&&(e=V.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsx("ul",{ref:L,children:t.jsxs(c.WithDivider,{children:[0<v.length&&t.jsx(t.Fragment,{children:K.map(function(e,r){return t.jsx(i.Item,{id:"item-".concat(e.value.replace(/ /g,"_")),leadingIcon:F,iconUrl:e.iconUrl,text:e.value,onClick:function(){return m(e)},isFocused:O===r,inputValue:k},e.value)})}),0<x.length&&t.jsx(t.Fragment,{children:T.map(function(e,r){return t.jsx(i.Item,{text:e.value,count:e.count,onClick:function(){return g(e)},isFocused:O===K.length+r,inputValue:k},"".concat(e.value,"-").concat(r))})}),""!==k.trim()&&t.jsx(i.Item,{text:k,isInputItem:!0,onClick:h,isFocused:O===G.length-1})]})})})})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),i=require("../../DataDisplays/SystemIcon/SystemIcon.js"),c=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");module.exports=function(o){function u(){p||f(function(e){return!e})}function x(e){y&&d.isSameDate(e,q)||(e="".concat(e.year,"-").concat(e.month,"-").concat(e.date),null!=m&&m(e),f(!1))}var g=o.defaultDate,y=o.selected,m=o.onChange,p=o.disabled,h=o.placeholder,o=o.isError,j=t.useState(!1),D=j[0],f=j[1],j=g?d.generateDate(g):d.today,g=t.useState(y?d.generateDate(y):j),w=g[0],b=g[1],q=y?d.generateDate(y):j,g=d.getKoreanTimeString(q),j=g.year,v=g.month,g=g.date,C=d.getMonthDate(w.year,w.month).dateList,S=Array.from({length:C[0].day},function(){return null}),S=e.__spreadArray(e.__spreadArray([],S,!0),C,!0);return t.useEffect(function(){!D&&y&&b(d.generateDate(y))},[D]),a.jsxs(s,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[a.jsx(s,{className:"cursor-pointer",children:a.jsxs(c,{isFocused:D,isError:o,isDisabled:p,testId:"design-system-calendar--trigger",onClick:u,children:[a.jsx(i,{name:"medium_calendar",className:p||!y?"text-w-gray-300":"text-w-gray-400"}),a.jsx(n,{variant:"body1",className:r.twMerge("min-w-[178px] text-w-gray-600",!y&&"text-w-gray-300",p&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:y?"".concat(j," ").concat(v," ").concat(g):h})]})}),D&&a.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:u}),D&&a.jsxs(s,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[a.jsx(l.SelectHeader,{visibleDate:w,onChange:function(e){b(e)}}),a.jsx(l.WeekHeader,{}),a.jsx(s,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:S.map(function(e,t){var r=!(!e||!y)&&d.isSameDate(e,q);return e?a.jsx(l.DateBox,{date:e,selected:r,onChange:x},"".concat(e.year,"-").concat(e.month,"-").concat(e.date)):a.jsx(l.DateBox,{disabled:!0},t)})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=require("../../../Layouts/Box/Box.js"),i=require("../../Input/Input.js"),l=t.forwardRef(function(t,l){var n=t.isFixed,
|
|
1
|
+
"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=require("../../../Layouts/Box/Box.js"),i=require("../../Input/Input.js"),l=t.forwardRef(function(t,l){var n=t.isFixed,u=t.isFocused,o=t.isError,d=t.lable,x=(t.placeholder,t.value),t=e.__rest(t,["isFixed","isFocused","isError","lable","placeholder","value"]);return r.jsxs(s,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--lable-input",children:[r.jsx("div",{className:a.twMerge("absolute tracking-default",o?"text-w-red-500":u?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",n?"text-[11px] leading-[14px]":u||x?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-[transform] duration-300":"text-[16px] transition-[transform] duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--lable-text",children:d}),r.jsx(i,e.__assign({ref:l,value:x},t,{className:"pt-[14px]"}))]})});l.displayName="LableInput",module.exports=l;
|
|
@@ -10,9 +10,10 @@ export interface TextFieldDropdownProps {
|
|
|
10
10
|
onItemClick: (item: Item) => void;
|
|
11
11
|
selectedItem?: Item;
|
|
12
12
|
disabled?: boolean;
|
|
13
|
+
supportMessage?: string;
|
|
13
14
|
errorMessage?: string;
|
|
14
15
|
className?: string;
|
|
15
16
|
isError?: boolean;
|
|
16
17
|
}
|
|
17
|
-
declare const TextFieldDropdown: ({ selectedItem, items, onItemClick, placeholder, disabled, isError, errorMessage, }: TextFieldDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const TextFieldDropdown: ({ selectedItem, items, onItemClick, placeholder, disabled, isError, errorMessage, supportMessage, }: TextFieldDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export default TextFieldDropdown;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),n=require("../../Layouts/Box/Box.js"),l=(require("tailwind-merge"),require("../List/List.js")),i=require("../SupportTextContainer/SupportTextContainer.js"),o=require("./TextFieldDropdown.parts.js");module.exports=function(s){function u(){w&&
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),n=require("../../Layouts/Box/Box.js"),l=(require("tailwind-merge"),require("../List/List.js")),i=require("../SupportTextContainer/SupportTextContainer.js"),o=require("./TextFieldDropdown.parts.js");module.exports=function(s){function u(){w&&j(!1)}function a(e){p(e),u()}var c=s.selectedItem,d=s.items,p=s.onItemClick,f=s.placeholder,x=s.disabled,v=s.isError,k=s.errorMessage,s=s.supportMessage,g=r.useState(!1),w=g[0],j=g[1],g=r.useState(-1),m=g[0],q=g[1],y=r.useRef(null),g=!!s||!!k;t.useClickOutside(y,u);return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:y,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:function(e){if(w)switch(e.key){case"ArrowDown":e.preventDefault(),q(function(e){var e=e<d.length-1?e+1:e,r=y.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),q(function(e){var e=0<e?e-1:e,r=y.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"Enter":e.preventDefault(),0<=m&&a(d[m]);break;case"Escape":e.preventDefault(),u()}},tabIndex:0,children:[e.jsx(o.SelectBox,{placeholder:f,value:null==c?void 0:c.value,leadingIcon:null==c?void 0:c.leadingIcon,disabled:x,isListOpen:w,onClick:function(){x||j(!w)},error:v}),g&&e.jsx(i,{errorMessage:k,supportMessage:s}),w&&e.jsx(n,{className:"absolute top-[54px] z-40 w-full",children:e.jsx(l.Root,{children:d.map(function(r,t){return e.jsx(l.Item,{text:r.value,leadingIcon:r.leadingIcon,onClick:function(){return a(r)},selected:r.key===(null==c?void 0:c.key),isFocused:t===m},r.key)})})})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),r=require("../../Layouts/Box/Box.js"),i=require("../../Layouts/Divider/Divider.js"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/CountBadge/CountBadge.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),l=require("../../DataDisplays/SystemIcon/SystemIcon.js"),o=t.createContext({activeTab:0,currentActiveTab:0,animationDirection:"right",isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:function(e){}});exports.Panel=function(a){var i=a.children,a=a.index;return t.useContext(o).activeTab===a&&e.jsx(r,{"data-testid":"design-system-textTab--content",children:i})},exports.Root=function(a){var r=a.children,i=a.currentActiveTab,s=void 0===i?0:i,i=a.isFit,i=void 0===i||i,n=a.hasPadding,n=void 0!==n&&n,l=a.isFull,l=void 0!==l&&l,c=a.onChange,a=t.useState(s),u=a[0],d=a[1],a=t.useState(void 0),x=a[0],m=a[1];return t.useEffect(function(){d(s)},[s]),e.jsx(o.Provider,{value:{activeTab:u,animationDirection:x,currentActiveTab:s,isFit:i,hasPadding:n,handleTabClick:function(e){if(e===u)return m(void 0);u<e&&m("right"),e<u&&m("left"),null!=c&&c(e),d(e)},isFull:l},children:r})},exports.Tab=function(i){var c=i.children,u=i.index,d=i.className,x=i.barColor,m=i.disabled,g=void 0!==m&&m,m=i.badgeNumber,i=i.iconName,v=t.useContext(o),b=v.isFit,f=v.handleTabClick,h=v.activeTab,y=v.animationDirection,v=v.isFull,h=u===h;return e.jsx(r,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(u),className:a.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",g&&"cursor-not-allowed",v&&"w-full",d),onClick:function(){g||f(u)},children:e.jsxs(r,{className:a.twMerge("relative flex w-max flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!b&&"px-[33.5px]",v&&"w-full px-0",h&&"font-medium text-w-gray-900"),children:[i&&e.jsx(r,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:e.jsx(l,{name:i,className:a.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",h&&"text-w-gray-900")})}),e.jsx(n,{variant:"body1",className:"relative",children:c}),m&&e.jsx(s,{text:m,className:"relative",variant:"gray"}),e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(u),className:a.twMerge("absolute bottom-0 left-0 h-0.5 w-full rounded-t-lg bg-transparent",h&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(y||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),x)})]})})},exports.Tabs=function(s){var n=s.children,s=s.className,l=t.useContext(o),c=l.hasPadding,l=l.isFull;return e.jsxs(r,{className:a.twJoin("relative block w-full items-start overflow-x-scroll scrollbar-hide",s),"data-testid":"design-system-textTab--container",children:[e.jsx(r,{className:c?"px-9":"",children:e.jsx(r,{className:a.twMerge("mb-px inline-flex w-full gap-10",l&&"gap-0"),children:n})}),e.jsx(i,{className:"absolute bottom-0 left-0 w-full"})]})};
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),r=require("../../Layouts/Box/Box.js"),i=require("../../Layouts/Divider/Divider.js"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/CountBadge/CountBadge.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),l=require("../../DataDisplays/SystemIcon/SystemIcon.js"),o=t.createContext({activeTab:0,currentActiveTab:0,animationDirection:"right",isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:function(e){}});exports.Panel=function(a){var i=a.children,a=a.index;return t.useContext(o).activeTab===a&&e.jsx(r,{"data-testid":"design-system-textTab--content",children:i})},exports.Root=function(a){var r=a.children,i=a.currentActiveTab,s=void 0===i?0:i,i=a.isFit,i=void 0===i||i,n=a.hasPadding,n=void 0!==n&&n,l=a.isFull,l=void 0!==l&&l,c=a.onChange,a=t.useState(s),u=a[0],d=a[1],a=t.useState(void 0),x=a[0],m=a[1];return t.useEffect(function(){d(s)},[s]),e.jsx(o.Provider,{value:{activeTab:u,animationDirection:x,currentActiveTab:s,isFit:i,hasPadding:n,handleTabClick:function(e){if(e===u)return m(void 0);u<e&&m("right"),e<u&&m("left"),null!=c&&c(e),d(e)},isFull:l},children:r})},exports.Tab=function(i){var c=i.children,u=i.index,d=i.className,x=i.barColor,m=i.disabled,g=void 0!==m&&m,m=i.badgeNumber,i=i.iconName,v=t.useContext(o),b=v.isFit,f=v.handleTabClick,h=v.activeTab,y=v.animationDirection,v=v.isFull,h=u===h;return e.jsx(r,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(u),className:a.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",g&&"cursor-not-allowed",v&&"w-full",d),onClick:function(){g||f(u)},children:e.jsxs(r,{className:a.twMerge("relative flex w-max flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!b&&"px-[33.5px]",v&&"w-full px-0",h&&"font-medium text-w-gray-900"),children:[i&&e.jsx(r,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:e.jsx(l,{name:i,className:a.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",h&&"text-w-gray-900")})}),e.jsx(n,{variant:"body1",className:"relative",children:c}),void 0!==m&&e.jsx(s,{text:m,showZero:!0,className:"relative",variant:"gray"}),e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(u),className:a.twMerge("absolute bottom-0 left-0 h-0.5 w-full rounded-t-lg bg-transparent",h&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(y||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),x)})]})})},exports.Tabs=function(s){var n=s.children,s=s.className,l=t.useContext(o),c=l.hasPadding,l=l.isFull;return e.jsxs(r,{className:a.twJoin("relative block w-full items-start overflow-x-scroll scrollbar-hide",s),"data-testid":"design-system-textTab--container",children:[e.jsx(r,{className:c?"px-9":"",children:e.jsx(r,{className:a.twMerge("mb-px inline-flex w-full gap-10",l&&"gap-0"),children:n})}),e.jsx(i,{className:"absolute bottom-0 left-0 w-full"})]})};
|