@kubit-ui-web/react-components 2.0.0-beta.25 → 2.0.0-beta.27
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/.storybook/bundle-sizes.json +13 -0
- package/dist/cjs/assets/banner_kubit_readme.png +0 -0
- package/dist/cjs/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.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/cjs/scripts/generate-bundle-sizes.mjs +236 -0
- package/dist/cjs/scripts/new-component-web-ui.js +2092 -0
- package/dist/esm/.storybook/bundle-sizes.json +13 -0
- package/dist/esm/assets/banner_kubit_readme.png +0 -0
- package/dist/esm/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -6
- 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/esm/scripts/generate-bundle-sizes.mjs +236 -0
- package/dist/esm/scripts/new-component-web-ui.js +2092 -0
- package/dist/styles/kubit/css/kubit.css +25 -135
- package/dist/styles/kubit/css/kubit.min.css +1 -1
- package/dist/types/index.d.ts +1 -44
- package/package.json +8 -8
- /package/dist/cjs/{react-components.css → assets/react-components.css} +0 -0
- /package/dist/esm/{react-components.css → assets/react-components.css} +0 -0
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";const e=({ariaDescribedBy:e,children:n,childrenAsButton:t,disabled:r,onClick:
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";const e=({ariaDescribedBy:e,children:n,childrenAsButton:t,disabled:r,onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:u,onMouseLeave:d,onMouseUp:l,triggerAsButton:c})=>t?/* @__PURE__ */o("button",{"aria-describedby":e,"aria-disabled":r,className:"kbt-tooltip__trigger-wrapper ",...c,disabled:r,type:"button",onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:o=>{u?.(o)},onMouseLeave:o=>{d?.(o)},onMouseUp:l,children:n}):/* @__PURE__ */o("div",{className:"kbt-tooltip__trigger-wrapper ",role:"button",tabIndex:0,onClick:s,onKeyDown:i,onMouseDown:a,onMouseEnter:u,onMouseLeave:d,onMouseUp:l,children:n});export{e as TooltipTrigger};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsx as o,jsxs as
|
|
2
|
-
return o("div",{className:"kbt-tooltip","data-testid":R,children:/* @__PURE__ */o(d,{childrenAsButton:v,disabled:!0,children:b})});const
|
|
3
|
-
/* @__PURE__ */o("div",{className:k?.tooltipinternalcontainer,children:/* @__PURE__ */o("div",{ref:h,"aria-label":g?f?.["aria-label"]:void 0,"aria-labelledby":g?f?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!u&&/* @__PURE__ */o("div",{className:
|
|
4
|
-
/* @__PURE__ */o("div",{...
|
|
5
|
-
return
|
|
6
|
-
/* @__PURE__ */o(d,{ariaDescribedBy:
|
|
1
|
+
import{jsx as o,jsxs as e}from"react/jsx-runtime";/* empty css */import{useId as t}from"react";import{Text as i}from"../text/text.js";import{useActiveBreakpoints as r}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as a}from"../../lib/types/positions/positions.js";import{classNames as l}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processTextProp as n}from"../../lib/utils/process/processCommonProp.js";import{Popover as p}from"../popover/popover.js";import{TooltipTrigger as d}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as c}from"./utils/tooltip.utils.js";const m=({align:m,children:b,childrenAsButton:v=!0,content:u,contentHasScroll:g,contentRef:h,contentScrollArias:f,cssClasses:k,disabled:y,labelRef:C,mediaDevice:A,onPopoverCloseInternally:j,onTooltipFocus:w,onTooltipKeyDown:D,onTriggerClick:T,onTriggerKeyDown:M,onTriggerMouseDown:N,onTriggerMouseUp:x,onWrapperMouseEnter:_,onWrapperMouseLeave:B,popover:F,popoverOpen:I,tooltipAriaLabel:K,tooltipAsModal:E,tooltipRef:L,triggerAsButton:O,...P})=>{const R=P["data-testid"]||"tooltip",$=s(P),S=`tooltip-${t().replace(/:/g,"")}`,U=`${S}-content`,W=n(u),z="string"==typeof W.children,{isDesktop:H,isTablet:q}=r(),G=H||q;if(y)/* @__PURE__ */
|
|
2
|
+
return o("div",{className:"kbt-tooltip","data-testid":R,children:/* @__PURE__ */o(d,{childrenAsButton:v,disabled:!0,children:b})});const J=c({contentId:U,hasContent:!!u,hasTitle:!1,titleId:""}),Q={"data-align":m||a.TOP},V=s(Q),X=/* @__PURE__ */e("div",{ref:L,"aria-label":G?K:void 0,"aria-labelledby":void 0,"aria-modal":!(!G||!E)||void 0,className:l("kbt-tooltip__external-container",k?.tooltipexternalcontainer),"data-testid":`${R}-content`,id:S,role:G?E?"dialog":"tooltip":void 0,...G&&{onFocus:w,onKeyDown:D},...$,children:[
|
|
3
|
+
/* @__PURE__ */o("div",{className:k?.tooltipinternalcontainer,children:/* @__PURE__ */o("div",{ref:h,"aria-label":g?f?.["aria-label"]:void 0,"aria-labelledby":g?f?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!u&&/* @__PURE__ */o("div",{className:l("kbt-tooltip__paragraph",k?.paragraphcontainer),id:U,children:z?/* @__PURE__ */o(i,{additionalClasses:{text:k?.paragraph},...W}):W.children})})}),
|
|
4
|
+
/* @__PURE__ */o("div",{...V,className:l("kbt-tooltip__arrow",k?.arrowsize,k?.tooltipalignstyles,k?.arrowcontainer),children:/* @__PURE__ */o("div",{className:k?.arrow})})]});/* @__PURE__ */
|
|
5
|
+
return e("div",{ref:C,className:"kbt-tooltip","data-testid":R,children:[
|
|
6
|
+
/* @__PURE__ */o(d,{ariaDescribedBy:E||!G&&!I?void 0:J,childrenAsButton:v,triggerAsButton:O,onClick:T,onKeyDown:M,onMouseDown:N,onMouseEnter:_,onMouseLeave:B,onMouseUp:x,children:b}),G?X:/* @__PURE__ */o(p,{additionalClasses:k?.popover?{arrow:"",popover:k.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":void 0,"aria-modal":E||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:I,preventCloseOnClickElements:[C?.current],role:E?"dialog":"tooltip",strategy:"absolute",onClose:j,...F,children:X})]})};export{m as TooltipStandAlone};
|