@kubit-ui-web/react-components 2.0.0-beta.24 → 2.0.0-beta.26
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/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/dot/dot.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/link/linkStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/lib/designSystem/kubit/css/kubit.css +1 -1
- package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -1
- package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -5
- package/dist/esm/components/dot/dot.js +1 -1
- package/dist/esm/components/input/inputStandAlone.js +3 -3
- package/dist/esm/components/link/linkStandAlone.js +3 -3
- package/dist/esm/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -6
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/designSystem/kubit/css/kubit.css +1 -1
- package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -1
- package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1
- package/dist/styles/kubit/css/kubit.css +25 -150
- package/dist/styles/kubit/css/kubit.min.css +1 -1
- package/dist/types/index.d.ts +5 -161
- package/package.json +11 -9
- package/dist/cjs/components/container/container.js +0 -1
- package/dist/cjs/components/container/containerStandAlone.js +0 -1
- package/dist/cjs/components/container/index.js +0 -2
- package/dist/esm/components/container/container.js +0 -2
- package/dist/esm/components/container/containerStandAlone.js +0 -4
- package/dist/esm/components/container/index.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../checkboxBase/checkboxBaseControlled.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),i=require("../checkboxBase/checkboxBaseControlled.js"),l=require("./components/errorMessage.js"),t=require("./components/label.js"),d=require("./utils/aria.utils.js"),c=r.forwardRef(({checkboxBase:c,cssClasses:o,errorMessage:b,id:n,label:u,screenReaderText:x,...h},p)=>{const j=s.pickCustomAttributes(h),{"aria-describedby":m,"aria-hidden":k,"aria-label":y,"aria-labelledby":C,...g}=j,q=`checkbox-${r.useId().replace(/:/g,"")}`,v=n??q,B=`${v}-label`,A=`${v}-error`,I=`${v}-screen-reader`,M=c?.variant,$=d.buildAriaDescribedBy({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!b?.message,errorMessageId:A,screenReader:!!x,screenReaderId:I});return e.jsxs("div",{ref:p,...g,className:o?.checkbox,children:[e.jsxs("div",{className:o?.checkboxwithlabelcontainer,children:[!!M&&e.jsx(i.CheckboxBaseControlled,{...h,"aria-describedby":$,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:v,variant:M}),e.jsx("screen-reader-only",{id:I,children:x}),e.jsx(t.Label,{content:a.processTextProp(u).children,cssClasses:o,id:B,inputId:v})]}),!!h.error&&e.jsx(l.ErrorMessage,{"aria-live":"assertive",cssClasses:o,"data-testid":`${h["data-testid"]}-error-message`,...b,id:A,inputId:v,show:h.error&&!h.disabled})]})});exports.CheckboxStandAlone=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./dotStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:r,maxNumber:o,number:i,size:n,variant:l,...u},m)=>{const d=a.useClassName({additionalClassNames:r,component:"DOT",variant:l}),c=a.useClassName({additionalClassNames:s,component:"DOT",variant:n}),C="number"==typeof i
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./dotStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:r,maxNumber:o,number:i,size:n,variant:l,...u},m)=>{const d=a.useClassName({additionalClassNames:r,component:"DOT",variant:l}),c=a.useClassName({additionalClassNames:s,component:"DOT",variant:n}),C="number"==typeof i?"number"==typeof o&&i>o?`+${o}`:i.toString():void 0;return e.jsx(t.DotStandAlone,{...u,ref:m,cssSizeClasses:c,cssVariantClasses:d,formatedNumber:C})});exports.Dot=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../inputBase/inputBase.js"),a=require("../inputDecoration/inputDecoration.js"),s=i.forwardRef(({cssClasses:i,disabled:s,error:n,filled:o,focused:d,inputBaseId:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../inputBase/inputBase.js"),a=require("../inputDecoration/inputDecoration.js"),s=i.forwardRef(({cssClasses:i,disabled:s,error:n,filled:o,focused:d,inputBaseId:u,labelId:l,leftDecoration:c,required:p,rightDecoration:b,...f},v)=>{const j=t.pickCustomAttributes(f);return e.jsxs("div",{ref:v,className:i?.input,...j,children:[!(!c||!c?.variant&&!i?.left_decoration)&&e.jsx(a.InputDecoration,{disabled:s,error:n,...c,additionalClasses:c?.variant?void 0:i?.left_decoration,variant:c?.variant}),e.jsx("div",{...j,className:i?.inputandlabelcontainer,children:!!i?.input&&e.jsx(r.InputBase,{disabled:s,error:n,filled:o,focused:d,required:p,...f,additionalClasses:i?.input_base})}),!(!b||!b?.variant&&!i?.right_decoration)&&e.jsx(a.InputDecoration,{disabled:s,error:n,filled:o,focused:d,...b,additionalClasses:b?.variant?void 0:i?.right_decoration,variant:b?.variant})]})});exports.InputStandAlone=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/components/customComponent/customComponent.js"),l=t.forwardRef(({children:t,color:l,component:c=s.Text,cssClasses:a,cssTextClasses:u,decoration:m,disabled:d,draggable:p,icon:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/components/customComponent/customComponent.js"),l=t.forwardRef(({children:t,color:l,component:c=s.Text,cssClasses:a,cssTextClasses:u,decoration:m,disabled:d,draggable:p,icon:x,iconPosition:b,id:g,onClick:j,rel:C,role:f,target:k,url:h,weight:q,...N},y)=>{const v=d?void 0:j,w=d?void 0:h,A=r.classNames(a?.link,u?.text),O={color:l,flexDirection:"left"===b?"row":"row-reverse",fontWeight:q,textDecoration:m},D={color:l,fontWeight:q,textDecoration:m},I=i.pickCustomAttributes(N);return e.jsx(n.CustomComponent,{ref:y,className:A,component:c,"data-testid":"link",disabled:d,draggable:p,id:g,rel:C,role:f,style:D,target:k,url:w,onClick:v,...I,children:x?e.jsxs("span",{className:a?.labelandiconcontainer,style:O,children:[e.jsx(o.ElementOrIcon,{className:a?.icon,...x},"icon"),t]}):e.jsx("span",{style:O,children:t})})});exports.LinkStandAlone=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");exports.TooltipTrigger=({ariaDescribedBy:o,children:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");exports.TooltipTrigger=({ariaDescribedBy:o,children:n,childrenAsButton:t,disabled:r,onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:u,onMouseLeave:l,onMouseUp:d,triggerAsButton:c})=>t?e.jsx("button",{"aria-describedby":o,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...c,disabled:r,type:"button",onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:e=>{u?.(e)},onMouseLeave:e=>{l?.(e)},onMouseUp:d,children:n}):e.jsx("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:u,onMouseLeave:l,onMouseUp:d,children:n});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */const o=require("react"),t=require("../text/text.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),s=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),n=require("../popover/popover.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */const o=require("react"),t=require("../text/text.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),s=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),n=require("../popover/popover.js"),p=require("./components/tooltipTrigger.js"),c=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:d,children:u,childrenAsButton:b=!0,content:v,contentHasScroll:g,contentRef:m,contentScrollArias:j,cssClasses:x,disabled:h,labelRef:T,mediaDevice:A,onPopoverCloseInternally:k,onTooltipFocus:y,onTooltipKeyDown:C,onTriggerClick:N,onTriggerKeyDown:q,onTriggerMouseDown:D,onTriggerMouseUp:w,onWrapperMouseEnter:M,onWrapperMouseLeave:f,popover:B,popoverOpen:_,tooltipAriaLabel:I,tooltipAsModal:P,tooltipRef:S,triggerAsButton:O,...F})=>{const K=F["data-testid"]||"tooltip",E=a.pickCustomAttributes(F),L=`tooltip-${o.useId().replace(/:/g,"")}`,R=`${L}-content`,$=l.processTextProp(v),U="string"==typeof $.children,{isDesktop:W,isTablet:z}=i.useActiveBreakpoints(),H=W||z;if(h)return e.jsx("div",{className:"kbt-tooltip","data-testid":K,children:e.jsx(p.TooltipTrigger,{childrenAsButton:b,disabled:!0,children:u})});const G=c.getAriaDescriptorsBy({contentId:R,hasContent:!!v,hasTitle:!1,titleId:""}),J={"data-align":d||r.POSITIONS.TOP},Q=a.pickCustomAttributes(J),V=e.jsxs("div",{ref:S,"aria-label":H?I:void 0,"aria-labelledby":void 0,"aria-modal":!(!H||!P)||void 0,className:s.classNames("kbt-tooltip__external-container",x?.tooltipexternalcontainer),"data-testid":`${K}-content`,id:L,role:H?P?"dialog":"tooltip":void 0,...H&&{onFocus:y,onKeyDown:C},...E,children:[e.jsx("div",{className:x?.tooltipinternalcontainer,children:e.jsx("div",{ref:m,"aria-label":g?j?.["aria-label"]:void 0,"aria-labelledby":g?j?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!v&&e.jsx("div",{className:s.classNames("kbt-tooltip__paragraph",x?.paragraphcontainer),id:R,children:U?e.jsx(t.Text,{additionalClasses:{text:x?.paragraph},...$}):$.children})})}),e.jsx("div",{...Q,className:s.classNames("kbt-tooltip__arrow",x?.arrowsize,x?.tooltipalignstyles,x?.arrowcontainer),children:e.jsx("div",{className:x?.arrow})})]});return e.jsxs("div",{ref:T,className:"kbt-tooltip","data-testid":K,children:[e.jsx(p.TooltipTrigger,{ariaDescribedBy:P||!H&&!_?void 0:G,childrenAsButton:b,triggerAsButton:O,onClick:N,onKeyDown:q,onMouseDown:D,onMouseEnter:M,onMouseLeave:f,onMouseUp:w,children:u}),H?V:e.jsx(n.Popover,{additionalClasses:x?.popover?{arrow:"",popover:x.popover.popover||""}:void 0,"aria-label":B?.["aria-label"]||I,"aria-labelledby":void 0,"aria-modal":P||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:_,preventCloseOnClickElements:[T?.current],role:P?"dialog":"tooltip",strategy:"absolute",onClose:k,...B,children:V})]})};
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),t=require("./components/alert/alertControlled.js"),r=require("./components/avatar/avatar.js"),n=require("./components/badge/badge.js"),s=require("./components/breadcrumbs/breadcrumbs.js"),l=require("./components/button/button.js"),p=require("./components/calendar/calendar.js"),i=require("./components/card/card.js"),a=require("./components/card/cardStandAlone.js"),c=require("./components/carousel/carousel.js"),d=require("./components/carousel/types/carousel.js"),u=require("./components/checkbox/checkboxControlled.js"),x=require("./components/checkbox/checkboxUnControlled.js"),b=require("./components/checkboxBase/checkboxBaseControlled.js"),m=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),C=require("./components/chip/chip.js"),j=require("./components/dataTable/dataTable.js"),q=require("./components/dot/dot.js"),g=require("./components/icon/icon.js"),S=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),v=require("./components/input/input.js"),T=require("./components/inputBase/inputBase.js"),P=require("./components/inputDecoration/inputDecoration.js"),A=require("./components/inputSignature/inputSignatureControlled.js"),U=require("./components/inputSignature/inputSignatureUncontrolled.js"),k=require("./components/label/labelStandAlone.js"),E=require("./components/link/link.js"),R=require("./components/link/linkAsButton/linkAsButton.js"),y=require("./components/listOptions/listOptions.js"),_=require("./components/modal/modalControlled.js"),h=require("./components/modal/modalUnControlled.js"),D=require("./components/option/option.js"),I=require("./components/pageControl/pageControl.js"),O=require("./components/pagination/pagination.js"),f=require("./components/popover/popover.js"),L=require("@floating-ui/dom"),M=require("./components/progressBar/progressBar.js"),N=require("./components/radioButton/radioButton.js"),G=require("./components/radioButton/radioButtonStandAlone.js"),K=require("./components/select/selectControlled.js"),F=require("./components/select/selectUncontrolled.js"),H=require("./components/selectorBoxFile/selectorBoxFile.js"),W=require("./components/skeleton/skeleton.js"),w=require("./components/slider/slider.js"),Y=require("./components/snackbar/snackbar.js"),z=require("./components/stepperNumber/stepperNumber.js"),V=require("./components/table/table.js"),J=require("./components/tableBody/tableBody.js"),Q=require("./components/tableCaption/tableCaption.js"),X=require("./components/tableCell/tableCell.js"),Z=require("./components/tableDivider/tableDivider.js"),$=require("./components/tableFoot/tableFoot.js"),ee=require("./components/tableHead/tableHead.js"),oe=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),re=require("./components/tabs/tabsUnControlled.js"),ne=require("./components/tag/tag.js"),se=require("./components/text/text.js"),le=require("./components/textArea/textArea.js"),pe=require("./components/toggle/toggleControlled.js"),ie=require("./components/toggle/toggleStandAlone.js"),ae=require("./components/toggle/toggleUnControlled.js"),ce=require("./components/tooltip/tooltipControlled.js"),de=require("./components/tooltip/tooltipUnControlled.js"),ue=require("./components/virtualKeyboard/virtualKeyboard.js"),xe=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),me=require("./lib/provider/stylesProvider/stylesProvider.js"),Ce=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Alert=t.Alert,exports.Avatar=r.Avatar,exports.Badge=n.Badge,exports.BreadCrumbs=s.BreadCrumbs,exports.Button=l.Button,exports.Calendar=p.Calendar,exports.Card=i.Card,exports.CardStandAlone=a.CardStandAlone,exports.Carousel=c.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=d.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=d.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=u.CheckboxControlled,exports.Checkbox=x.CheckboxUnControlled,exports.CheckboxBaseControlled=b.CheckboxBaseControlled,exports.CheckboxBase=m.CheckboxBaseUnControlled,exports.Chip=C.Chip,exports.DataTable=j.DataTable,exports.Dot=q.Dot,exports.IconBasic=g.IconBasic,exports.Icon=S.IconHost,exports.Image=B.Image,exports.Input=v.Input,exports.InputBase=T.InputBase,exports.InputDecoration=P.InputDecoration,exports.InputSignatureControlled=A.InputSignatureControlled,exports.InputSignature=U.InputSignatureUnControlled,exports.Label=k.LabelStandAlone,exports.Link=E.Link,exports.LinkAsButton=R.LinkAsButton,exports.ListOptions=y.ListOptions,exports.ModalControlled=_.ModalControlled,exports.Modal=h.ModalUnControlled,exports.Option=D.Option,exports.PageControl=I.PageControl,exports.Pagination=O.Pagination,exports.Popover=f.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>L.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>L.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>L.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>L.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>L.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>L.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>L.size}),exports.ProgressBar=M.ProgressBar,exports.RadioButton=N.RadioButton,exports.RadioButtonStandAlone=G.RadioButtonStandAlone,exports.SelectControlled=K.SelectControlled,exports.Select=F.SelectUnControlled,exports.SelectorBoxFile=H.SelectorBoxFile,exports.Skeleton=W.Skeleton,exports.Slider=w.Slider,exports.Snackbar=Y.Snackbar,exports.StepperNumber=z.StepperNumber,exports.Table=V.Table,exports.TableBody=J.TableBody,exports.TableCaption=Q.TableCaption,exports.TableCell=X.TableCell,exports.TableDivider=Z.TableDivider,exports.TableFoot=$.TableFoot,exports.TableHead=ee.TableHead,exports.TableRow=oe.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=re.TabsUnControlled,exports.Tag=ne.Tag,exports.Text=se.Text,exports.TextArea=le.TextArea,exports.ToggleControlled=pe.ToggleControlled,exports.ToggleStandalone=ie.ToggleStandalone,exports.ToggleUncontrolled=ae.ToggleUncontrolled,exports.TooltipControlled=ce.TooltipControlled,exports.Tooltip=de.TooltipUnControlled,exports.VirtualKeyboard=ue.VirtualKeyboard,exports.GenericComponentContext=xe.GenericComponentContext,exports.GenericComponentsProvider=xe.GenericComponentsProvider,exports.useGenericComponents=xe.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=me.StylesContext,exports.StylesProvider=me.StylesProvider,exports.useStylesContext=me.useStylesContext,exports.UtilsContext=Ce.UtilsContext,exports.UtilsProvider=Ce.UtilsProvider,exports.useUtilsProvider=Ce.useUtilsProvider;
|