@kubit-ui-web/react-components 2.0.0-beta.1 → 2.0.0-beta.11

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.
Files changed (220) hide show
  1. package/README.md +320 -46
  2. package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
  3. package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
  4. package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
  5. package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
  6. package/dist/cjs/components/button/buttonStandAlone.js +1 -1
  7. package/dist/cjs/components/calendar/list/list.js +1 -1
  8. package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
  9. package/dist/cjs/components/calendar/selector/selector.js +1 -1
  10. package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
  11. package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  12. package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js +1 -1
  13. package/dist/cjs/components/carousel/hooks/utils/calc.utils.js +1 -1
  14. package/dist/cjs/components/carousel/hooks/utils/dom.utils.js +1 -1
  15. package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
  16. package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
  17. package/dist/cjs/components/chip/chipStandAlone.js +1 -1
  18. package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
  19. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
  20. package/dist/cjs/components/image/image.css +1 -38
  21. package/dist/cjs/components/input/input.js +1 -1
  22. package/dist/cjs/components/input/inputStandAlone.js +1 -1
  23. package/dist/cjs/components/inputBase/inputBase.js +1 -1
  24. package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
  25. package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
  26. package/dist/cjs/components/label/labelStandAlone.js +1 -1
  27. package/dist/cjs/components/link/linkStandAlone.js +1 -1
  28. package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
  29. package/dist/cjs/components/message/messageStandAlone.js +1 -1
  30. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  31. package/dist/cjs/components/modal/modalControlled.js +1 -1
  32. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  33. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  34. package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -1
  35. package/dist/cjs/components/pageControl/components/controls.js +1 -1
  36. package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
  37. package/dist/cjs/components/pagination/fragments/paginationButtonControl.js +1 -1
  38. package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js +1 -1
  39. package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
  40. package/dist/cjs/components/popover/hooks/usePopoverPositioning.js +1 -1
  41. package/dist/cjs/components/popover/popover.js +1 -1
  42. package/dist/cjs/components/popover/styles/index.css +1 -10
  43. package/dist/cjs/components/popover/styles/keyframes.css +1 -421
  44. package/dist/cjs/components/popover/styles/popover-arrow.css +1 -42
  45. package/dist/cjs/components/popover/styles/popover.css +1 -189
  46. package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
  47. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
  48. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
  49. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +1 -1
  50. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
  51. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
  52. package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
  53. package/dist/cjs/components/skeleton/skeleton.css +1 -20
  54. package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
  55. package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +1 -1
  56. package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
  57. package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
  58. package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
  59. package/dist/cjs/components/table/__stories__/css/table.css +1 -7
  60. package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
  61. package/dist/cjs/components/tag/tagStandAlone.js +1 -1
  62. package/dist/cjs/components/text/text.css +1 -14
  63. package/dist/cjs/components/text/textStandAlone.js +1 -1
  64. package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
  65. package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
  66. package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
  67. package/dist/cjs/components/tooltip/hooks/useTooltip.js +1 -1
  68. package/dist/cjs/components/tooltip/tooltip.css +1 -69
  69. package/dist/cjs/components/tooltip/tooltipControlled.js +1 -1
  70. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  71. package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
  72. package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
  73. package/dist/cjs/index.js +1 -1
  74. package/dist/cjs/lib/components/customComponent/customComponent.js +1 -1
  75. package/dist/cjs/lib/components/elementOrIcon/elementOrIcon.js +1 -0
  76. package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
  77. package/dist/cjs/lib/components/itemRove/itemRove.js +1 -0
  78. package/dist/cjs/lib/components/overlay/overlay.js +1 -0
  79. package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -0
  80. package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js +1 -1
  81. package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
  82. package/dist/cjs/lib/hooks/useManageState/useManageState.js +1 -1
  83. package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
  84. package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  85. package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
  86. package/dist/cjs/lib/provider/cssProvider/provider.js +1 -1
  87. package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1641
  88. package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js +1 -1
  89. package/dist/cjs/lib/utils/process/processIcon/processIcon.js +1 -1
  90. package/dist/cjs/lib/utils/process/processText/processText.js +1 -1
  91. package/dist/esm/components/accordion/accordionStandAlone.js +4 -4
  92. package/dist/esm/components/avatar/fragments/drawContent.js +1 -4
  93. package/dist/esm/components/badge/badgeStandAlone.js +7 -9
  94. package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -6
  95. package/dist/esm/components/button/buttonStandAlone.js +3 -5
  96. package/dist/esm/components/calendar/list/list.js +1 -1
  97. package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
  98. package/dist/esm/components/calendar/selector/selector.js +7 -9
  99. package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
  100. package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  101. package/dist/esm/components/carousel/hooks/useCarouselSwipe.js +1 -1
  102. package/dist/esm/components/carousel/hooks/utils/calc.utils.js +1 -1
  103. package/dist/esm/components/carousel/hooks/utils/dom.utils.js +1 -1
  104. package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -7
  105. package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
  106. package/dist/esm/components/chip/chipStandAlone.js +8 -9
  107. package/dist/esm/components/dataTable/dataTableStandAlone.js +10 -14
  108. package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -6
  109. package/dist/esm/components/image/image.css +1 -38
  110. package/dist/esm/components/input/input.js +2 -2
  111. package/dist/esm/components/input/inputStandAlone.js +3 -5
  112. package/dist/esm/components/inputBase/inputBase.js +2 -2
  113. package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
  114. package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -4
  115. package/dist/esm/components/label/labelStandAlone.js +2 -3
  116. package/dist/esm/components/link/linkStandAlone.js +3 -3
  117. package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -4
  118. package/dist/esm/components/message/messageStandAlone.js +5 -10
  119. package/dist/esm/components/modal/fragments/modalHeader.js +3 -9
  120. package/dist/esm/components/modal/modalControlled.js +1 -1
  121. package/dist/esm/components/modal/modalStandAlone.js +4 -5
  122. package/dist/esm/components/option/optionStandAlone.js +9 -12
  123. package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
  124. package/dist/esm/components/pageControl/components/controls.js +2 -4
  125. package/dist/esm/components/pageControl/pageControlStandAlone.js +6 -8
  126. package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
  127. package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js +1 -1
  128. package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
  129. package/dist/esm/components/popover/hooks/usePopoverPositioning.js +1 -1
  130. package/dist/esm/components/popover/popover.js +1 -1
  131. package/dist/esm/components/popover/styles/index.css +1 -10
  132. package/dist/esm/components/popover/styles/keyframes.css +1 -421
  133. package/dist/esm/components/popover/styles/popover-arrow.css +1 -42
  134. package/dist/esm/components/popover/styles/popover.css +1 -189
  135. package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -8
  136. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +3 -7
  137. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +9 -13
  138. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +3 -3
  139. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +5 -9
  140. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
  141. package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +7 -8
  142. package/dist/esm/components/skeleton/skeleton.css +1 -20
  143. package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +1 -3
  144. package/dist/esm/components/slider/components/sliderScaleStandAlone.js +2 -2
  145. package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
  146. package/dist/esm/components/slider/sliderStandAlone.js +17 -19
  147. package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
  148. package/dist/esm/components/table/__stories__/css/table.css +1 -7
  149. package/dist/esm/components/tabs/tabsStandAlone.js +5 -6
  150. package/dist/esm/components/tag/tagStandAlone.js +4 -4
  151. package/dist/esm/components/text/text.css +1 -14
  152. package/dist/esm/components/text/textStandAlone.js +1 -1
  153. package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
  154. package/dist/esm/components/textArea/textAreaStandAlone.js +11 -12
  155. package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
  156. package/dist/esm/components/tooltip/hooks/useTooltip.js +1 -1
  157. package/dist/esm/components/tooltip/tooltip.css +1 -69
  158. package/dist/esm/components/tooltip/tooltipControlled.js +1 -1
  159. package/dist/esm/components/tooltip/tooltipStandAlone.js +8 -10
  160. package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
  161. package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
  162. package/dist/esm/index.js +1 -1
  163. package/dist/esm/lib/components/customComponent/customComponent.js +2 -2
  164. package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
  165. package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +3 -3
  166. package/dist/esm/lib/components/itemRove/itemRove.js +2 -0
  167. package/dist/esm/lib/components/overlay/overlay.js +2 -0
  168. package/dist/esm/lib/components/overlay/overlayStandAlone.js +2 -0
  169. package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js +1 -1
  170. package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
  171. package/dist/esm/lib/hooks/useManageState/useManageState.js +1 -1
  172. package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
  173. package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  174. package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
  175. package/dist/esm/lib/provider/cssProvider/provider.js +1 -1
  176. package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1641
  177. package/dist/esm/lib/provider/stylesProvider/stylesProvider.js +2 -2
  178. package/dist/esm/lib/utils/process/processIcon/processIcon.js +1 -1
  179. package/dist/esm/lib/utils/process/processText/processText.js +1 -1
  180. package/dist/styles/kubit/css/kubit.css +1 -1
  181. package/dist/types/index.d.ts +310 -31
  182. package/package.json +48 -23
  183. package/dist/cjs/components/elementOrIcon/elementOrIcon.js +0 -1
  184. package/dist/cjs/components/elementOrIcon/index.js +0 -2
  185. package/dist/cjs/components/itemRove/index.js +0 -2
  186. package/dist/cjs/components/itemRove/itemRove.js +0 -1
  187. package/dist/cjs/components/overlay/index.js +0 -1
  188. package/dist/cjs/components/overlay/overlay.js +0 -1
  189. package/dist/cjs/components/overlay/overlayStandAlone.js +0 -1
  190. package/dist/cjs/components/renderIf/renderIf.js +0 -1
  191. package/dist/cjs/lib/designSystem/kubit/css/kubit.css +0 -1683
  192. package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +0 -1
  193. package/dist/cjs/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
  194. package/dist/cjs/lib/hooks/useId/useId.js +0 -1
  195. package/dist/cjs/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
  196. package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
  197. package/dist/cjs/lib/utils/is/isReactNode.js +0 -1
  198. package/dist/cjs/lib/utils/is/isString.js +0 -1
  199. package/dist/cjs/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -1
  200. package/dist/cjs/node_modules/react/jsx-runtime.js +0 -1
  201. package/dist/esm/components/elementOrIcon/elementOrIcon.js +0 -1
  202. package/dist/esm/components/elementOrIcon/index.js +0 -1
  203. package/dist/esm/components/itemRove/index.js +0 -1
  204. package/dist/esm/components/itemRove/itemRove.js +0 -2
  205. package/dist/esm/components/overlay/index.js +0 -1
  206. package/dist/esm/components/overlay/overlay.js +0 -2
  207. package/dist/esm/components/overlay/overlayStandAlone.js +0 -2
  208. package/dist/esm/components/renderIf/renderIf.js +0 -1
  209. package/dist/esm/lib/designSystem/kubit/css/kubit.css +0 -1683
  210. package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +0 -1
  211. package/dist/esm/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
  212. package/dist/esm/lib/hooks/useId/useId.js +0 -1
  213. package/dist/esm/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
  214. package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
  215. package/dist/esm/lib/utils/is/isReactNode.js +0 -1
  216. package/dist/esm/lib/utils/is/isString.js +0 -1
  217. package/dist/esm/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -1
  218. package/dist/esm/node_modules/react/jsx-runtime.js +0 -1
  219. /package/dist/cjs/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
  220. /package/dist/esm/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../../renderIf/renderIf.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../hooks/useBorderAnimation.js");exports.SelectorBoxFileAnimation=({children:r,cssClasses:o,focus:a,onAnimationCompleted:m,percentage:c,state:d,...x})=>{const{bottomRef:u,leftRef:l,rightRef:j,topRef:p}=s.useBorderAnimation({onAnimationCompleted:m,percentage:c}),f={"data-focus":a,"data-state":d},R=n.pickCustomAttributes({...f}),E=o?.animationcontainer,h=o?.topanimationcontainer,b=o?.rightanimationcontainer,v=o?.bottomanimationcontainer,A=o?.leftanimationcontainer,g=t.Children.map(r,e=>t.isValidElement(e)?t.cloneElement(e,{focus:a}):e);return E?e.jsxRuntimeExports.jsxs("div",{className:E,"data-focus":a,"data-testid":`${x["data-testid"]}-animations`,...R,children:[e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!h,children:e.jsxRuntimeExports.jsx("div",{...R,ref:p,className:h})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!b,children:e.jsxRuntimeExports.jsx("div",{...R,ref:j,className:b})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!v,children:e.jsxRuntimeExports.jsx("div",{...R,ref:u,className:v})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!A,children:e.jsxRuntimeExports.jsx("div",{...R,ref:l,className:A})}),e.jsxRuntimeExports.jsx("div",{...R,className:o.borderanimationcontainer,children:r})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:g})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../hooks/useBorderAnimation.js");exports.SelectorBoxFileAnimation=({children:n,cssClasses:a,focus:o,onAnimationCompleted:r,percentage:m,state:c,...u})=>{const{bottomRef:l,leftRef:x,rightRef:d,topRef:p}=s.useBorderAnimation({onAnimationCompleted:r,percentage:m}),j={"data-focus":o,"data-state":c},f=i.pickCustomAttributes({...j}),R=a?.animationcontainer,E=a?.topanimationcontainer,b=a?.rightanimationcontainer,h=a?.bottomanimationcontainer,v=a?.leftanimationcontainer,A=e.Children.map(n,t=>e.isValidElement(t)?e.cloneElement(t,{focus:o}):t);return R?t.jsxRuntimeExports.jsxs("div",{className:R,"data-focus":o,"data-testid":`${u["data-testid"]}-animations`,...f,children:[!!E&&t.jsxRuntimeExports.jsx("div",{...f,ref:p,className:E}),!!b&&t.jsxRuntimeExports.jsx("div",{...f,ref:d,className:b}),!!h&&t.jsxRuntimeExports.jsx("div",{...f,ref:l,className:h}),!!v&&t.jsxRuntimeExports.jsx("div",{...f,ref:x,className:v}),t.jsxRuntimeExports.jsx("div",{...f,className:a.borderanimationcontainer,children:n})]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:A})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),n=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../../lib/utils/process/processText/processText.js"),r=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:x,filename:a,focus:u,htmlFor:l,loader:m,state:p})=>{const d={"data-focus":u,"data-state":p};return t.jsxRuntimeExports.jsxs("label",{className:x?.containerboxcontainer,"data-focus":u,htmlFor:l,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsxs("span",{children:[m,t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon}),t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:x?.containerboxtextscontainer,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(p),children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxfilename},component:"span",customAttributes:d,children:a})}),t.jsxRuntimeExports.jsxs("span",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!o.processText(c[p]?.actionText).children,children:t.jsxRuntimeExports.jsxs("span",{className:x?.actioniconandactiontextcontainer,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.actionicon,customAttributes:d,...c[p]?.actionIcon}),t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxactiontext},component:"span",customAttributes:d,...o.processText(c[p]?.actionText),children:o.processText(c[p]?.actionText).children})]})}),t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!c[p]?.description,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxdescription},component:"span",customAttributes:d,...o.processText(c[p]?.description),children:o.processText(c[p]?.description).children})})]})]}),t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!c[p]?.iconRight,children:t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.iconRight})})})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:r,filename:a,focus:x,htmlFor:u,loader:l,state:m})=>{const p={"data-focus":x,"data-state":m};return t.jsxRuntimeExports.jsxs("label",{className:r?.containerboxcontainer,"data-focus":x,htmlFor:u,...o.pickCustomAttributes(p),children:[t.jsxRuntimeExports.jsxs("span",{children:[l,t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:p,...c[m]?.icon}),t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:p,...c[m]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:r?.containerboxtextscontainer,...o.pickCustomAttributes(p),children:[!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(m)&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.containerboxfilename},component:"span",customAttributes:p,children:a}),t.jsxRuntimeExports.jsxs("span",{className:r?.actiondescriptioncontainer,children:[!!i.processText(c[m]?.actionText).children&&t.jsxRuntimeExports.jsxs("span",{className:r?.actioniconandactiontextcontainer,...o.pickCustomAttributes(p),children:[t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.actionicon,customAttributes:p,...c[m]?.actionIcon}),t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.containerboxactiontext},component:"span",customAttributes:p,...i.processText(c[m]?.actionText),children:i.processText(c[m]?.actionText).children})]}),!!c[m]?.description&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:r?.containerboxdescription},component:"span",customAttributes:p,...i.processText(c[m]?.description),children:i.processText(c[m]?.description).children})]})]}),!!c[m]?.iconRight&&t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:r?.containerboxicon,customAttributes:p,...c[m]?.iconRight})})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/types/states/states.js"),t=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:x,errorMessageId:l,state:n})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:t.processText(a)&&n===r.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:i?.errormessageicon,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...t.processText(a)})]}):null});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:l,errorMessageId:n,state:x})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:o.processText(a)&&x===t.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:n,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.errormessageicon,...l}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...o.processText(a)})]}):null});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js"),s=require("../../renderIf/renderIf.js"),i=require("../../text/text.js"),o=require("../../../lib/utils/process/processText/processText.js"),n=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:x,description:l,headerId:a,subtitle:d,title:c,tooltip:u,tooltipIcon:j})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:x?.titlesubtitlecontainer,id:a,children:[t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!c,children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.title},component:"h5",...o.processText(c)})}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!d,children:t.jsxRuntimeExports.jsxs("div",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.subtitle},...o.processText(d)}),t.jsxRuntimeExports.jsx(n.SelectorBoxFileTooltip,{cssClasses:x,tooltip:u,tooltipIcon:j})]})})]}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!l&&!r),children:t.jsxRuntimeExports.jsxs("div",{className:x?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.description},...o.processText(l)}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!x?.button_variant&&!r?.size||!x?.button_size&&!r?.variant),children:t.jsxRuntimeExports.jsx(e.Button,{additionalSizeClasses:r?.variant?void 0:x?.button_size,additionalVariantClasses:r?.size?void 0:x?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../button/button.js"),e=require("../../text/text.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:n,description:x,headerId:a,subtitle:l,title:c,tooltip:u,tooltipIcon:d})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:n?.titlesubtitlecontainer,id:a,children:[!!c&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.title},component:"h5",...i.processText(c)}),!!l&&t.jsxRuntimeExports.jsxs("div",{className:n?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.subtitle},...i.processText(l)}),t.jsxRuntimeExports.jsx(o.SelectorBoxFileTooltip,{cssClasses:n,tooltip:u,tooltipIcon:d})]})]}),!(!x&&!r)&&t.jsxRuntimeExports.jsxs("div",{className:n?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.description},...i.processText(x)}),(!!n?.button_variant||!!r?.size)&&(!!n?.button_size||!!r?.variant)&&t.jsxRuntimeExports.jsx(s.Button,{additionalSizeClasses:r?.variant?void 0:n?.button_size,additionalVariantClasses:r?.size?void 0:n?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})]})]});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:s,tooltipIcon:n})=>{if(!n?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...n});return s?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...s,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:n,tooltipIcon:s})=>{if(!s?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...s});return n?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...n,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../renderIf/renderIf.js"),o=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/types/states/states.js"),i=require("./components/selectorBoxFileAnimation.js"),n=require("./components/selectorBoxFileContainerBox.js"),l=require("./components/selectorBoxFileErrorMessage.js"),a=require("./components/selectorBoxFileHeader.js"),c=s.forwardRef(({accept:s,button:c,containerBoxStateContent:x,cssClasses:d,description:u,errorMessage:p,errorMessageIcon:m,filename:j,focus:B,id:E,multiple:f,name:C,onAnimationCompleted:I,onBlur:S,onChange:b,onClick:R,onFocus:g,percentage:F,state:h,subtitle:q,title:A,tooltip:M,tooltipIcon:v,...y},T)=>{const k=o.useId("selectorBoxFile"),$=E??k,H=`${$}HeaderId`,N=`${$}ErrorId`,_=y["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:T,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.selector_box_file,"data-testid":_,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.header,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!(!A&&!q),children:e.jsxRuntimeExports.jsx(a.SelectorBoxFileHeader,{button:c,cssClasses:d,description:u,headerId:H,subtitle:q,title:A,tooltip:M,tooltipIcon:v})}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileAnimation,{cssClasses:d,"data-testid":_,focus:B,percentage:F,state:h,onAnimationCompleted:I,children:e.jsxRuntimeExports.jsx(n.SelectorBoxFileContainerBox,{containerBoxStateContent:x,cssClasses:d,filename:j,focus:!1,htmlFor:$,state:h})})]}),e.jsxRuntimeExports.jsx(l.SelectorBoxFileErrorMessage,{cssClasses:d,errorMessage:p,errorMessageIcon:m,errorMessageId:N,state:h})]}),e.jsxRuntimeExports.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(A||q)&&(e+=` ${H}`),h===r.STATES.ERROR&&p&&(e+=` ${N}`),e||void 0})(),className:"kbt-sr-only",disabled:h===r.STATES.DISABLED,id:$,multiple:f,name:C,type:"file",onBlur:S,onChange:b,onClick:R,onFocus:g})]})});exports.SelectorBoxFileStandAlone=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/types/states/states.js"),o=require("./components/selectorBoxFileAnimation.js"),r=require("./components/selectorBoxFileContainerBox.js"),i=require("./components/selectorBoxFileErrorMessage.js"),n=require("./components/selectorBoxFileHeader.js"),l=s.forwardRef(({accept:l,button:a,containerBoxStateContent:c,cssClasses:x,description:d,errorMessage:u,errorMessageIcon:p,filename:m,focus:j,id:B,multiple:C,name:E,onAnimationCompleted:S,onBlur:b,onChange:g,onClick:f,onFocus:F,percentage:R,state:I,subtitle:h,title:A,tooltip:M,tooltipIcon:q,...v},y)=>{const T=`selectorboxfile-${s.useId().replace(/:/g,"")}`,$=B??T,k=`${$}HeaderId`,H=`${$}ErrorId`,N=v["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.selector_box_file,"data-testid":N,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.header,children:[!(!A&&!h)&&e.jsxRuntimeExports.jsx(n.SelectorBoxFileHeader,{button:a,cssClasses:x,description:d,headerId:k,subtitle:h,title:A,tooltip:M,tooltipIcon:q}),e.jsxRuntimeExports.jsx(o.SelectorBoxFileAnimation,{cssClasses:x,"data-testid":N,focus:j,percentage:R,state:I,onAnimationCompleted:S,children:e.jsxRuntimeExports.jsx(r.SelectorBoxFileContainerBox,{containerBoxStateContent:c,cssClasses:x,filename:m,focus:!1,htmlFor:$,state:I})})]}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileErrorMessage,{cssClasses:x,errorMessage:u,errorMessageIcon:p,errorMessageId:H,state:I})]}),e.jsxRuntimeExports.jsx("input",{accept:l,"aria-describedby":(()=>{let e="";return(A||h)&&(e+=` ${k}`),I===t.STATES.ERROR&&u&&(e+=` ${H}`),e||void 0})(),className:"kbt-sr-only",disabled:I===t.STATES.DISABLED,id:$,multiple:C,name:E,type:"file",onBlur:b,onChange:g,onClick:f,onFocus:F})]})});exports.SelectorBoxFileStandAlone=l;
@@ -1,20 +1 @@
1
- @keyframes breatheAnimation {
2
- from {
3
- background-position-x: 0%;
4
- }
5
-
6
- to {
7
- background-position-x: -200%;
8
- }
9
- }
10
-
11
- .kbt-skeleton {
12
- width: var(--skeleton-width, 100%);
13
- height: var(--skeleton-height, 20px);
14
- animation-name: breatheAnimation;
15
- animation-timing-function: linear;
16
- animation-iteration-count: infinite;
17
- animation-duration: var(--skeleton-duration, 2s);
18
- animation-delay: 1ms;
19
- background-size: 200% 100%;
20
- }
1
+ @keyframes breatheAnimation{0%{background-position-x:0}to{background-position-x:-200%}}.kbt-skeleton{animation-delay:1ms;animation-duration:var(--skeleton-duration,2s);animation-iteration-count:infinite;animation-name:breatheAnimation;animation-timing-function:linear;background-size:200% 100%;height:var(--skeleton-height,20px);width:var(--skeleton-width,100%)}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../renderIf/renderIf.js"),s=require("../../text/text.js");exports.SliderHelperTextStandAlone=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:x,rightHelperText:l,rightHelperTextId:o})=>n||l?e.jsxRuntimeExports.jsxs("div",{className:r?.helpertextcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!n,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextleftcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:x,children:n})})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!l,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextrightcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:o,children:l})})})]}):null;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../text/text.js");exports.SliderHelperTextStandAlone=({cssClasses:s,customAttributes:r,leftHelperText:i,leftHelperTextId:l,rightHelperText:x,rightHelperTextId:n})=>i||x?e.jsxRuntimeExports.jsxs("div",{className:s?.helpertextcontainer,children:[!!i&&e.jsxRuntimeExports.jsx("div",{className:s?.helpertextleftcontainer,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:l,children:i})}),!!x&&e.jsxRuntimeExports.jsx("div",{className:s?.helpertextrightcontainer,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:s?.helpertext},component:"span",customAttributes:r,id:n,children:x})})]}):null;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../../lib/hooks/useId/useId.js"),r=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.SliderScaleStandAlone=({cssClasses:u,customAttributes:i,scaleOffsets:c,showScale:l})=>{const o=s.useId("tickmarks"),[n,a]=t.useState("0px"),p=t.useRef(null);return t.useEffect(()=>{p.current&&a(`${p.current.offsetWidth}px`)},[p.current]),l&&l?e.jsxRuntimeExports.jsx("div",{className:u?.scalecontainer,id:o,...r.pickCustomAttributes(i),children:c.map((t,s)=>{const r={left:`calc(${t}% - ${n} / 2)`};return e.jsxRuntimeExports.jsx("span",{className:u?.scaleoption,style:r},`${o}-${s.toString()}`)})}):null};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.SliderScaleStandAlone=({cssClasses:r,customAttributes:u,scaleOffsets:c,showScale:i})=>{const l=`tickmarks-${e.useId().replace(/:/g,"")}`,[n,a]=e.useState("0px"),o=e.useRef(null);return e.useEffect(()=>{o.current&&a(`${o.current.offsetWidth}px`)},[o.current]),i&&i?t.jsxRuntimeExports.jsx("div",{className:r?.scalecontainer,id:l,...s.pickCustomAttributes(u),children:c.map((e,s)=>{const u={left:`calc(${e}% - ${n} / 2)`};return t.jsxRuntimeExports.jsx("span",{className:r?.scaleoption,style:u},`${l}-${s.toString()}`)})}):null};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../elementOrIcon/elementOrIcon.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=o.useMediaDevice(),S=i.pickCustomAttributes({...g,...d}),q=i.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:u?.thumbicon,...m})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=i.useMediaDevice(),S=a.pickCustomAttributes({...g,...d}),q=a.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:u?.thumbicon,...m})})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../renderIf/renderIf.js"),r=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processText/processText.js"),o=require("../text/text.js"),n=require("./components/sliderButtonStandAlone.js"),d=require("./components/sliderHelperTextStandAlone.js"),c=require("./components/sliderScaleStandAlone.js"),u=require("./components/sliderThumbStandAlone.js"),x=require("./utils/accessibility.utils.js"),m=require("./utils/state.utils.js"),h=require("./utils/ui.utils.js"),p=t.forwardRef(({activePointer:t,ariaLabel:p,ariaLabelBy:b,containerRef:j,cssClasses:v,decrementButton:T,disabled:f,hover:A,incrementButton:S,label:$,leftHelperText:R,max:g,min:y,offset:E,offsetLeft:k,offsetRight:I,onChange:N,onKeyPress:B,onMouseDown:q,onTouchStart:C,pressed:L,range:w,rightAriaLabel:D,rightAriaLabelBy:H,rightHelperText:M,rightThumbIcon:O,rightTooltip:F,scaleOffsets:K,setHover:P,showScale:_,step:z,thumbIcon:G,tooltip:J,value:Q,...U},V)=>{const W=r.useId("slider"),X=m.getState({disabled:f,hover:A,pressed:L}),Y={"data-state":X},Z=U["data-testid"]??"slider",ee=i.pickCustomAttributes(Y),te=l.processText($).children&&!w?`${W}Label`:void 0,se=`${W}LeftHelperText`,re=`${W}RightHelperText`,ae=b??te;return e.jsxRuntimeExports.jsxs("div",{ref:V,className:v?.slider,"data-disabled":f,"data-hover":A,"data-pressed":L,...ee,children:[e.jsxRuntimeExports.jsx("div",{className:v?.labelcontainer,...ee,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:v?.label},component:"label",customAttributes:Y,id:te,...l.processText($)})}),e.jsxRuntimeExports.jsx(c.SliderScaleStandAlone,{cssClasses:v,customAttributes:Y,scaleOffsets:K,showScale:_}),e.jsxRuntimeExports.jsxs("div",{className:v?.buttonstrackscontainer,children:[e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...T,cssClasses:v,customAttributes:Y}),e.jsxRuntimeExports.jsx("div",{className:v?.tracksthumbscontainer,children:e.jsxRuntimeExports.jsxs("div",{ref:j,className:v?.tracksthumbsinnercontainer,"data-testid":`${Z}-container`,role:"button",tabIndex:0,onMouseDown:q,onTouchMove:N,onTouchStart:C,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),...ee,"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-left-track`,style:{left:0,width:`${k}%`}}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{left:`${k}%`,right:`${I}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-right-track`,style:{right:0,width:`${I}%`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-left-thumb`,disabled:f,hover:h.isActive(A,t.current,"left"),icon:G,max:Q[1]-z,min:y,pressed:h.isActive(L,t.current,"left"),state:X,style:{left:`${k}%`},tooltip:J,value:Q[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:D,ariaLabelBy:H,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:f,hover:h.isActive(A,t.current,"right"),icon:O,max:g,min:Q[0]+z,pressed:h.isActive(L,t.current,"right"),rightThumb:!0,state:X,style:{right:`${I}%`},tooltip:F,value:Q[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{width:`${E}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-track`,style:{right:0,width:`calc(${100-E}%)`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-thumb`,disabled:f,hover:A,icon:G,max:g,min:y,pressed:L,state:X,style:{left:`${E}%`},tooltip:J,value:Q,onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>P(!0)})]})})]})}),e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...S,cssClasses:v,customAttributes:Y})]}),e.jsxRuntimeExports.jsx(d.SliderHelperTextStandAlone,{cssClasses:v,customAttributes:Y,leftHelperText:R,leftHelperTextId:se,rightHelperText:M,rightHelperTextId:re})]})});exports.SliderStandAlone=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processText/processText.js"),i=require("../text/text.js"),l=require("./components/sliderButtonStandAlone.js"),o=require("./components/sliderHelperTextStandAlone.js"),n=require("./components/sliderScaleStandAlone.js"),d=require("./components/sliderThumbStandAlone.js"),c=require("./utils/accessibility.utils.js"),u=require("./utils/state.utils.js"),x=require("./utils/ui.utils.js"),m=t.forwardRef(({activePointer:m,ariaLabel:p,ariaLabelBy:h,containerRef:b,cssClasses:j,decrementButton:v,disabled:T,hover:f,incrementButton:A,label:$,leftHelperText:S,max:g,min:y,offset:R,offsetLeft:E,offsetRight:k,onChange:N,onKeyPress:B,onMouseDown:q,onTouchStart:C,pressed:L,range:w,rightAriaLabel:I,rightAriaLabelBy:D,rightHelperText:H,rightThumbIcon:M,rightTooltip:O,scaleOffsets:F,setHover:K,showScale:P,step:_,thumbIcon:z,tooltip:G,value:J,...Q},U)=>{const V=`slider-${t.useId().replace(/:/g,"")}`,W=u.getState({disabled:T,hover:f,pressed:L}),X={"data-state":W},Y=Q["data-testid"]??"slider",Z=r.pickCustomAttributes(X),ee=a.processText($).children&&!w?`${V}Label`:void 0,te=`${V}LeftHelperText`,se=`${V}RightHelperText`,re=h??ee;return e.jsxRuntimeExports.jsxs("div",{ref:U,className:j?.slider,"data-disabled":T,"data-hover":f,"data-pressed":L,...Z,children:[e.jsxRuntimeExports.jsx("div",{className:j?.labelcontainer,...Z,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:j?.label},component:"label",customAttributes:X,id:ee,...a.processText($)})}),e.jsxRuntimeExports.jsx(n.SliderScaleStandAlone,{cssClasses:j,customAttributes:X,scaleOffsets:F,showScale:P}),e.jsxRuntimeExports.jsxs("div",{className:j?.buttonstrackscontainer,children:[e.jsxRuntimeExports.jsx(l.SliderButtonStandAlone,{...v,cssClasses:j,customAttributes:X}),e.jsxRuntimeExports.jsx("div",{className:j?.tracksthumbscontainer,children:e.jsxRuntimeExports.jsxs("div",{ref:b,className:j?.tracksthumbsinnercontainer,"data-testid":`${Y}-container`,role:"button",tabIndex:0,onMouseDown:q,onTouchMove:N,onTouchStart:C,children:[w&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!1,[`${j?.inactivetrack}`]:!0}),...Z,"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-inactive-left-track`,style:{left:0,width:`${E}%`}}),e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!0,[`${j?.inactivetrack}`]:!1}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-active-track`,style:{left:`${E}%`,right:`${k}%`},...Z}),e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!1,[`${j?.inactivetrack}`]:!0}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-inactive-right-track`,style:{right:0,width:`${k}%`},...Z}),e.jsxRuntimeExports.jsx(d.SliderThumbStandAlone,{ariaDescribedBy:c.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:H,helperTextId:se}]),ariaLabel:p,ariaLabelBy:re,cssClasses:j,customAttributes:X,"data-testid":`${Y}-left-thumb`,disabled:T,hover:x.isActive(f,m.current,"left"),icon:z,max:J[1]-_,min:y,pressed:x.isActive(L,m.current,"left"),state:W,style:{left:`${E}%`},tooltip:G,value:J[0],onFocus:()=>m.current="left",onKeyDown:B,onMouseOut:()=>K(!1),onMouseOver:()=>{K(!0),m.current="left"},onTouchStart:()=>{m.current="left"}}),e.jsxRuntimeExports.jsx(d.SliderThumbStandAlone,{ariaDescribedBy:c.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:H,helperTextId:se}]),ariaLabel:I,ariaLabelBy:D,cssClasses:j,customAttributes:X,"data-testid":`${Y}-right-thumb`,disabled:T,hover:x.isActive(f,m.current,"right"),icon:M,max:g,min:J[0]+_,pressed:x.isActive(L,m.current,"right"),rightThumb:!0,state:W,style:{right:`${k}%`},tooltip:O,value:J[1],onFocus:()=>m.current="right",onKeyDown:B,onMouseOut:()=>K(!1),onMouseOver:()=>{K(!0),m.current="right"},onTouchStart:()=>{m.current="right"}})]}),!w&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!0,[`${j?.inactivetrack}`]:!1}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-active-track`,style:{width:`${R}%`},...Z}),e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!1,[`${j?.inactivetrack}`]:!0}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-inactive-track`,style:{right:0,width:`calc(${100-R}%)`},...Z}),e.jsxRuntimeExports.jsx(d.SliderThumbStandAlone,{ariaDescribedBy:c.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:H,helperTextId:se}]),ariaLabel:p,ariaLabelBy:re,cssClasses:j,customAttributes:X,"data-testid":`${Y}-thumb`,disabled:T,hover:f,icon:z,max:g,min:y,pressed:L,state:W,style:{left:`${R}%`},tooltip:G,value:J,onKeyDown:B,onMouseOut:()=>K(!1),onMouseOver:()=>K(!0)})]})]})}),e.jsxRuntimeExports.jsx(l.SliderButtonStandAlone,{...A,cssClasses:j,customAttributes:X})]}),e.jsxRuntimeExports.jsx(o.SliderHelperTextStandAlone,{cssClasses:j,customAttributes:X,leftHelperText:S,leftHelperTextId:te,rightHelperText:H,rightHelperTextId:se})]})});exports.SliderStandAlone=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),n=require("../../lib/types/states/states.js"),r=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js"),o=require("../elementOrIcon/elementOrIcon.js"),c=require("./helpers/aria.js"),l=require("./helpers/screnReader.js"),p=require("./helpers/stepState.js"),m=t.forwardRef(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:u=0,horizontalOrientationWidth:x,orientation:j,screenReaderCompletedStep:h,screenReaderTextBuilder:b,screenReaderTitle:E,stepMaxTruncatedLines:R,steps:N,...C},S)=>{const T=p.mapToStepState(N,u),q="vertical"===j,A=Boolean(E),y=C["data-testid"]||"stepper-number";return e.jsxRuntimeExports.jsxs("div",{ref:S,"aria-hidden":!q,"data-testid":y,children:[E?.content&&e.jsxRuntimeExports.jsx(i.CustomComponent,{className:"kbt-sr-only",component:E.component,children:E?.content}),e.jsxRuntimeExports.jsx("ol",{className:r.classNames(m?.stepper_number,d?.stepper_number),"data-testid":`${y}-steps-container`,children:T.map((p,E)=>{const N=E===T.length-1,C={"data-state":p.state},S=a.pickCustomAttributes(C);return e.jsxRuntimeExports.jsxs("li",{"aria-current":c.buildAriaCurrent(u,E,j),"data-testid":`${y}-li-${E}`,style:{display:q?"flex":"block",width:!q&&N?"auto":x},children:[A&&e.jsxRuntimeExports.jsx("screen-reader-only",{children:l.buildScreenReaderText(E,u,T.length,b,p.name,q)}),e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!(q&&!A)||void 0,className:r.classNames(m?.stepcontainer,d?.stepcontainer),...S,children:[e.jsxRuntimeExports.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${y}-step-${E}`,style:{flexDirection:"vertical"===j?"column":"row"},children:[e.jsxRuntimeExports.jsx("span",{className:r.classNames(m?.stepcircle,d?.stepcircle),...S,children:p.state===n.STATES.COMPLETED?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:r.classNames(m?.iconselected,d?.iconselected),customAttributes:C,...t}),e.jsxRuntimeExports.jsx("screen-reader-only",{children:E+1})]}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r.classNames(m?.stepindex,d?.stepindex)},component:"span",customAttributes:C,children:E+1})}),!N&&e.jsxRuntimeExports.jsx("span",{className:r.classNames(m?.stepbar,d?.stepbar),...a.pickCustomAttributes({"data-state":T[E+1].state})})]}),q&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!!A||void 0,className:r.classNames(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${y}-step-description-${E}`,...S,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r.classNames(m?.stepname,d?.stepname)},component:"span",customAttributes:C,maxTruncatedLines:R,children:p.name}),!A&&p.state===n.STATES.COMPLETED&&h?.content&&e.jsxRuntimeExports.jsxs(i.CustomComponent,{className:"kbt-sr-only",component:h.component,"data-testid":h["data-testid"],children:[" ",h.content]})]})]})]},`stepContainer-${E.toString()}`)})})]})});exports.StepperNumberStandAlone=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),n=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/types/states/states.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),c=require("./helpers/aria.js"),l=require("./helpers/screnReader.js"),p=require("./helpers/stepState.js"),m=t.forwardRef(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:u=0,horizontalOrientationWidth:x,orientation:j,screenReaderCompletedStep:b,screenReaderTextBuilder:h,screenReaderTitle:E,stepMaxTruncatedLines:R,steps:N,...C},S)=>{const T=p.mapToStepState(N,u),q="vertical"===j,A=Boolean(E),y=C["data-testid"]||"stepper-number";return e.jsxRuntimeExports.jsxs("div",{ref:S,"aria-hidden":!q,"data-testid":y,children:[E?.content&&e.jsxRuntimeExports.jsx(o.CustomComponent,{className:"kbt-sr-only",component:E.component,children:E?.content}),e.jsxRuntimeExports.jsx("ol",{className:a.classNames(m?.stepper_number,d?.stepper_number),"data-testid":`${y}-steps-container`,children:T.map((p,E)=>{const N=E===T.length-1,C={"data-state":p.state},S=i.pickCustomAttributes(C);return e.jsxRuntimeExports.jsxs("li",{"aria-current":c.buildAriaCurrent(u,E,j),"data-testid":`${y}-li-${E}`,style:{display:q?"flex":"block",width:!q&&N?"auto":x},children:[A&&e.jsxRuntimeExports.jsx("screen-reader-only",{children:l.buildScreenReaderText(E,u,T.length,h,p.name,q)}),e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!(q&&!A)||void 0,className:a.classNames(m?.stepcontainer,d?.stepcontainer),...S,children:[e.jsxRuntimeExports.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${y}-step-${E}`,style:{flexDirection:"vertical"===j?"column":"row"},children:[e.jsxRuntimeExports.jsx("span",{className:a.classNames(m?.stepcircle,d?.stepcircle),...S,children:p.state===r.STATES.COMPLETED?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.ElementOrIcon,{className:a.classNames(m?.iconselected,d?.iconselected),customAttributes:C,...t}),e.jsxRuntimeExports.jsx("screen-reader-only",{children:E+1})]}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:a.classNames(m?.stepindex,d?.stepindex)},component:"span",customAttributes:C,children:E+1})}),!N&&e.jsxRuntimeExports.jsx("span",{className:a.classNames(m?.stepbar,d?.stepbar),...i.pickCustomAttributes({"data-state":T[E+1].state})})]}),q&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!!A||void 0,className:a.classNames(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${y}-step-description-${E}`,...S,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:a.classNames(m?.stepname,d?.stepname)},component:"span",customAttributes:C,maxTruncatedLines:R,children:p.name}),!A&&p.state===r.STATES.COMPLETED&&b?.content&&e.jsxRuntimeExports.jsxs(o.CustomComponent,{className:"kbt-sr-only",component:b.component,"data-testid":b["data-testid"],children:[" ",b.content]})]})]})]},`stepContainer-${E.toString()}`)})})]})});exports.StepperNumberStandAlone=m;
@@ -1,7 +1 @@
1
- .scrollablecontainer-max-height {
2
- max-height: 200px;
3
- }
4
-
5
- .container-over-width {
6
- width: 120% !important;
7
- }
1
+ .scrollablecontainer-max-height{max-height:200px}.container-over-width{width:120%!important}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../itemRove/itemRove.js"),a=require("../renderIf/renderIf.js"),i=require("../text/text.js"),n=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),o=require("../../lib/types/states/states.js"),l=require("../../lib/utils/classNames/classNames.js"),c=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),d=require("../../lib/utils/process/processText/processText.js"),b=require("../elementOrIcon/elementOrIcon.js"),u=require("./hooks/useTabs/useTabs.js"),x=e.forwardRef(({allowFocusTabPanel:e=!0,autoWidth:x=!1,content:m,cssClasses:p,device:j,hideLabelForSingleTab:h,leftControlAriaLabel:T,leftIcon:$,maxTabsInView:E=3,onSelectTab:I,rightControlAriaLabel:R,rightIcon:f,selectedTab:v,tabs:S,unMountContent:C=!0,...N},k)=>{const{isMobile:A}=r.useActiveBreakpoints(),q=n.useId("Tabs"),g=`${q}-tab-list`,y=`${q}-tab-panel`,w=S?.length??0,L=Math.min(w,E),{focus:M,handleClickIcon:O,handleClickTab:D,listEl:F,position:B}=u.useTabs({numTabsInView:L,selectedTab:v,tabsLength:w}),P=0===B,V=B>=w-L,W=N["data-testid"]||"tabs",U=c.pickCustomAttributes(N),_=e=>{const s="left"===e,i=s?P:V;return t.jsxRuntimeExports.jsx(a.RenderIf,{condition:w>L,children:t.jsxRuntimeExports.jsx("button",{"aria-label":s?T:R,className:p?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${W}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||O(!s)},children:t.jsxRuntimeExports.jsx(b.ElementOrIcon,{className:p?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?$:f})})})};return t.jsxRuntimeExports.jsxs("div",{ref:k,className:p?.tabs,"data-testid":W,...U,children:[t.jsxRuntimeExports.jsxs("div",{className:p?.container,children:[_("left"),t.jsxRuntimeExports.jsx("div",{ref:F,className:p?.tabbuttonscontainer,id:g,role:"tablist",children:S?.map((e,a)=>{const n=v===a,r=n?o.STATES.SELECTED:o.STATES.UNSELECTED,b=a>=B&&a<B+L,u={"data-state":r};return t.jsxRuntimeExports.jsx("div",{className:p?.tabcontainer,"data-testid":`${W}-tab-${a}`,...c.pickCustomAttributes(u),style:{minWidth:A?`calc(100% / ${L})`:"auto",width:x?"auto":`calc(100% / ${w})`},children:w>1?t.jsxRuntimeExports.jsx(s.ItemRove,{ariaDisabled:A&&!b||e.disabled,ariaSelected:n,asElement:"button",checkIsFirstTime:!0,classNames:l.classNames(p?.tabbutton,{[`${p?.firsttabbutton}`]:0===a,[`${p?.lasttabbutton}`]:a===w-1}),customAttributes:u,disabled:A&&!b||e.disabled,focus:M===a,id:`${q}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{I?.(a),D(a)},children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:p?.label},component:"span",customAttributes:u,"data-hidden":!!h,...d.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:l.classNames(p?.onetabcontainer,{[`${p?.tabbutton}`]:!!h}),id:`${q}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:p?.label},"data-hidden":!!h,...d.processText(e),children:d.processText(e).children})})},`${W}-tab-${a.toString()}`)})}),_("right")]}),(()=>{const s={role:"tabpanel",tabIndex:e?0:-1};return C?null!=v&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${q}-tab-${v}`,className:p?.contentcontainer,...s,children:m?.[v]}):m?.map((e,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${q}-tab-${a}`,className:p?.contentcontainer,id:`${y}-${a}`,style:{display:v===a?"block":"none"},...s,children:e},`${q}-${a.toString()}-tab`))})()]})});exports.TabsStandAlone=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../text/text.js"),a=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/components/itemRove/itemRove.js"),n=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),o=require("../../lib/types/states/states.js"),r=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processText/processText.js"),b=require("./hooks/useTabs/useTabs.js"),d=e.forwardRef(({allowFocusTabPanel:d=!0,autoWidth:u=!1,content:x,cssClasses:m,device:p,hideLabelForSingleTab:j,leftControlAriaLabel:h,leftIcon:T,maxTabsInView:$=3,onSelectTab:E,rightControlAriaLabel:v,rightIcon:R,selectedTab:S,tabs:C,unMountContent:N=!0,...f},A)=>{const{isMobile:I}=n.useActiveBreakpoints(),g=`tabs-${e.useId().replace(/:/g,"")}`,k=`${g}-tab-list`,q=`${g}-tab-panel`,y=C?.length??0,w=Math.min(y,$),{focus:L,handleClickIcon:M,handleClickTab:O,listEl:D,position:F}=b.useTabs({numTabsInView:w,selectedTab:S,tabsLength:y}),B=0===F,P=F>=y-w,V=f["data-testid"]||"tabs",W=l.pickCustomAttributes(f),U=e=>{const s="left"===e,i=s?B:P;return y>w?t.jsxRuntimeExports.jsx("button",{"aria-label":s?h:v,className:m?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${V}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||M(!s)},children:t.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:m?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?T:R})}):null};return t.jsxRuntimeExports.jsxs("div",{ref:A,className:m?.tabs,"data-testid":V,...W,children:[t.jsxRuntimeExports.jsxs("div",{className:m?.container,children:[U("left"),t.jsxRuntimeExports.jsx("div",{ref:D,className:m?.tabbuttonscontainer,id:k,role:"tablist",children:C?.map((e,a)=>{const n=S===a,b=n?o.STATES.SELECTED:o.STATES.UNSELECTED,d=a>=F&&a<F+w,x={"data-state":b};return t.jsxRuntimeExports.jsx("div",{className:m?.tabcontainer,"data-testid":`${V}-tab-${a}`,...l.pickCustomAttributes(x),style:{minWidth:I?`calc(100% / ${w})`:"auto",width:u?"auto":`calc(100% / ${y})`},children:y>1?t.jsxRuntimeExports.jsx(i.ItemRove,{ariaDisabled:I&&!d||e.disabled,ariaSelected:n,asElement:"button",checkIsFirstTime:!0,classNames:r.classNames(m?.tabbutton,{[`${m?.firsttabbutton}`]:0===a,[`${m?.lasttabbutton}`]:a===y-1}),customAttributes:x,disabled:I&&!d||e.disabled,focus:L===a,id:`${g}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{E?.(a),O(a)},children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},component:"span",customAttributes:x,"data-hidden":!!j,...c.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:r.classNames(m?.onetabcontainer,{[`${m?.tabbutton}`]:!!j}),id:`${g}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},"data-hidden":!!j,...c.processText(e),children:c.processText(e).children})})},`${V}-tab-${a.toString()}`)})}),U("right")]}),(()=>{const e={role:"tabpanel",tabIndex:d?0:-1};return N?null!=S&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${g}-tab-${S}`,className:m?.contentcontainer,...e,children:x?.[S]}):x?.map((s,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${g}-tab-${a}`,className:m?.contentcontainer,id:`${q}-${a}`,style:{display:S===a?"block":"none"},...e,children:s},`${g}-${a.toString()}-tab`))})()]})});exports.TabsStandAlone=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../text/text.js"),r=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),u=s.forwardRef(({component:s="div",cssClasses:u,icon:p,label:l,...m},x)=>{const a=n.pickCustomAttributes(m);return e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:u?.label},component:"span",...c.processText(l)})]})})});exports.TagStandAlone=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../text/text.js"),o=require("../../lib/components/customComponent/customComponent.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),u=s.forwardRef(({component:s="div",cssClasses:u,icon:p,label:l,...m},x)=>{const a=n.pickCustomAttributes(m);return e.jsxRuntimeExports.jsx(o.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:u?.label},component:"span",...c.processText(l)})]})})});exports.TagStandAlone=u;
@@ -1,14 +1 @@
1
- .kbt-text {
2
- -webkit-text-size-adjust: 100%;
3
- text-size-adjust: 100%;
4
- }
5
-
6
- .kbt-text--disabled {
7
- pointer-events: none;
8
- }
9
-
10
- .kbt-text--truncate {
11
- white-space: nowrap;
12
- overflow: hidden;
13
- text-overflow: ellipsis;
14
- }
1
+ .kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js");;/* empty css */const e=require("react"),r=require("../../lib/utils/classNames/classNames.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({align:e,children:i,color:a,component:n,cssClasses:l,cursor:c,customAttributes:u,decoration:d,disabled:m,display:x,draggable:p,filter:b,htmlFor:g,id:j,maxTruncatedLines:k,onClick:C,role:f,target:A,textSizeAdjust:h,textWrap:q,transform:w,truncate:y,weight:S,wordBreak:W,wordWrap:N,...T},v)=>{const z=s.pickCustomAttributes({...T,...u}),B=r.classNames("kbt-text",l?.text,{"kbt-text--disabled":m??!1},{"kbt-text--truncate":y||!!k}),F={color:a,cursor:c,display:x,filter:b,fontWeight:S,textAlign:e,textDecoration:d,textTransform:w,textWrap:q,wordBreak:W,wordWrap:N,textSizeAdjust:h};return t.jsxRuntimeExports.jsx(o.CustomComponent,{ref:v,className:B,component:n,"data-testid":"text",draggable:p,htmlFor:g,id:j,role:f,style:F,target:A,onClick:C,...z,children:i})});exports.TextStandAlone=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js");;/* empty css */const e=require("react"),r=require("../../lib/utils/classNames/classNames.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({align:e,children:i,color:a,component:n,cssClasses:l,cursor:c,customAttributes:u,decoration:d,disabled:m,display:x,draggable:p,filter:b,htmlFor:g,id:j,maxTruncatedLines:k,onClick:C,role:f,target:A,textSizeAdjust:h,textWrap:q,transform:w,truncate:y,weight:S,wordBreak:W,wordWrap:N,...T},v)=>{const z=s.pickCustomAttributes({...T,...u}),B=r.classNames("kbt-text",l?.text,{"kbt-text--disabled":m??!1},{"kbt-text--truncate":y||!!k}),F={color:a,cursor:c,display:x,filter:b,fontWeight:S,textAlign:e,textDecoration:d,textSizeAdjust:h,textTransform:w,textWrap:q,wordBreak:W,wordWrap:N};return t.jsxRuntimeExports.jsx(o.CustomComponent,{ref:v,className:B,component:n,"data-testid":"text",draggable:p,htmlFor:g,id:j,role:f,style:F,target:A,onClick:C,...z,children:i})});exports.TextStandAlone=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),t=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.ErrorStandAlone=({cssClasses:n,customAttributtes:c,errorAriaLiveType:x,errorIcon:u,errorMessage:l,id:a,state:j})=>e.jsxRuntimeExports.jsx("div",{"aria-live":x,className:n?.errorcontainer,id:a,...c,children:e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!i.processText(l).children&&j===t.STATES.ERROR,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:n?.erroricon,customAttributes:c,...u}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...i.processText(l),children:i.processText(l).children})]})})});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.ErrorStandAlone=({cssClasses:i,customAttributtes:n,errorAriaLiveType:c,errorIcon:x,errorMessage:l,id:a,state:u})=>e.jsxRuntimeExports.jsx("div",{"aria-live":c,className:i?.errorcontainer,id:a,...n,children:!!o.processText(l).children&&u===t.STATES.ERROR&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.erroricon,customAttributes:n,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:n,...o.processText(l),children:o.processText(l).children})]})});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("../renderIf/renderIf.js"),i=require("../../lib/hooks/useId/useId.js"),n=require("../../lib/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processText/processText.js"),l=require("./components/errorStandAlone.js"),u=require("./components/helpMessageStandAlone.js"),d=require("./components/textCount/textCount.js"),c=require("./components/titleStandAlone.js"),x=require("./utils/aria.utils.js"),p=t.forwardRef(({additionalInfo:t,counterVariant:p,cssClasses:m,errorAriaLiveType:j="assertive",errorIcon:h,errorMessage:b,height:A,helpMessage:g,id:C,label:E,labelInsideTextArea:T,maxLength:I,onBlur:q,onChange:S,onFocus:R,placeholder:v,required:f,screenReaderTextCount:y,spellCheck:k,state:L,title:M,value:B,...D},N)=>{const _=i.useId("textArea"),F=C??_,H=`${F}HelpText`,$=`${F}Error`,w=`${F}TextCount`,P=a.pickCustomAttributes({"data-state":L}),K=[n.STATES.DISABLED_EMPTY,n.STATES.DISABLED_FILLED].includes(L);return e.jsxRuntimeExports.jsxs("div",{ref:N,className:m?.text_area,"data-testid":"text-area",...P,...a.pickCustomAttributes(D),children:[e.jsxRuntimeExports.jsx(c.TitleStandAlone,{cssClasses:m,customAttributtes:P,title:M}),e.jsxRuntimeExports.jsxs("div",{className:m?.labeltextareacontainer,role:"button",style:{height:T?A:void 0},tabIndex:0,onClick:()=>document.getElementById(F)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(F)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:m?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:m?.required,customAttributes:P,inputId:F,required:f,textCssClasses:m?.label,...o.processText(E),children:o.processText(E).children}),t]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":x.buildAriaDescribedBy({errorMessage:o.processText(b).children,helpMessage:o.processText(g).children,state:L,textAreaErrorId:$,textAreaHelpTextId:H}),className:m?.textarea,disabled:K,id:F,maxLength:I,placeholder:v,required:f,spellCheck:k,style:{height:A||void 0},value:B,onBlur:q,onChange:S,onFocus:R,...P,children:B})]}),e.jsxRuntimeExports.jsxs("div",{className:m?.bottomcontainer,...P,children:[e.jsxRuntimeExports.jsxs("div",{className:m?.helpmessageerrorcontainer,...P,children:[e.jsxRuntimeExports.jsx(l.ErrorStandAlone,{cssClasses:m,customAttributtes:P,errorAriaLiveType:j,errorIcon:h,errorMessage:b,id:$,state:L}),e.jsxRuntimeExports.jsx(u.HelpMessageStandAlone,{cssClasses:m,customAttributtes:P,helpMessage:g,id:H})]}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!p,children:e.jsxRuntimeExports.jsx(d.TextCount,{additionalClasses:{letftext:m?.counterleft,righttext:m?.counterright,text_count:m?.counter},currentCharacters:B?.length??0,id:w,maxLength:I,screenReaderText:y,variant:p})})]})]})});exports.TextAreaStandAlone=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("../../lib/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processText/processText.js"),n=require("./components/errorStandAlone.js"),o=require("./components/helpMessageStandAlone.js"),l=require("./components/textCount/textCount.js"),u=require("./components/titleStandAlone.js"),c=require("./utils/aria.utils.js"),d=t.forwardRef(({additionalInfo:d,counterVariant:x,cssClasses:p,errorAriaLiveType:m="assertive",errorIcon:h,errorMessage:j,height:b,helpMessage:A,id:g,label:C,labelInsideTextArea:E,maxLength:T,onBlur:S,onChange:q,onFocus:v,placeholder:I,required:R,screenReaderTextCount:y,spellCheck:f,state:L,title:M,value:k,...B},D)=>{const N=`textarea-${t.useId().replace(/:/g,"")}`,_=g??N,$=`${_}HelpText`,F=`${_}Error`,H=`${_}TextCount`,w=a.pickCustomAttributes({"data-state":L}),P=[r.STATES.DISABLED_EMPTY,r.STATES.DISABLED_FILLED].includes(L);return e.jsxRuntimeExports.jsxs("div",{ref:D,className:p?.text_area,"data-testid":"text-area",...w,...a.pickCustomAttributes(B),children:[e.jsxRuntimeExports.jsx(u.TitleStandAlone,{cssClasses:p,customAttributtes:w,title:M}),e.jsxRuntimeExports.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:E?b:void 0},tabIndex:0,onClick:()=>document.getElementById(_)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(_)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:p?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:p?.required,customAttributes:w,inputId:_,required:R,textCssClasses:p?.label,...i.processText(C),children:i.processText(C).children}),d]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":c.buildAriaDescribedBy({errorMessage:i.processText(j).children,helpMessage:i.processText(A).children,state:L,textAreaErrorId:F,textAreaHelpTextId:$}),className:p?.textarea,disabled:P,id:_,maxLength:T,placeholder:I,required:R,spellCheck:f,style:{height:b||void 0},value:k,onBlur:S,onChange:q,onFocus:v,...w,children:k})]}),e.jsxRuntimeExports.jsxs("div",{className:p?.bottomcontainer,...w,children:[e.jsxRuntimeExports.jsxs("div",{className:p?.helpmessageerrorcontainer,...w,children:[e.jsxRuntimeExports.jsx(n.ErrorStandAlone,{cssClasses:p,customAttributtes:w,errorAriaLiveType:m,errorIcon:h,errorMessage:j,id:F,state:L}),e.jsxRuntimeExports.jsx(o.HelpMessageStandAlone,{cssClasses:p,customAttributtes:w,helpMessage:A,id:$})]}),!!x&&e.jsxRuntimeExports.jsx(l.TextCount,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:k?.length??0,id:H,maxLength:T,screenReaderText:y,variant:x})]})]})});exports.TextAreaStandAlone=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),r=require("./utils/buildComponentProps.js"),i=require("./utils/thumbTransformCalculations.js"),c=({checked:c=!1,component:l="button",cssClasses:d,dataTestId:u="toggle",disabled:m=!1,id:p,leftIcon:b,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,rightIcon:C,tabIndex:g,value:k,...R},E)=>{const q=c&&!!C,N=!c&&!!b,T="button"!==l,w=s.useRef(null),M=s.useRef(null),{transform:O}=i.useToggleTransform({checked:c,thumbRef:M,trackRef:w});s.useImperativeHandle(E,()=>w.current,[]);const A=n.pickCustomAttributes(R),S=r.buildComponentProps({"aria-describedby":R["aria-describedby"],"aria-label":R["aria-label"],"aria-labelledby":R["aria-labelledby"],checked:c,decorative:T,disabled:m,id:p,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,tabIndex:g,value:k});return e.jsxRuntimeExports.jsx(o.CustomComponent,{...A,...S,ref:w,className:d?.track,component:l,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,"data-testid":u,children:e.jsxRuntimeExports.jsxs("span",{ref:M,className:d?.thumb,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,style:{transform:O},children:[e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:q?1:0},children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(C)})}),e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:N?1:0},children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(b)})})]})})};c.displayName="ToggleStandAlone";const l=s.forwardRef(c);exports.ToggleStandalone=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),r=require("./utils/buildComponentProps.js"),i=require("./utils/thumbTransformCalculations.js"),c=({checked:c=!1,component:l="button",cssClasses:d,dataTestId:u="toggle",disabled:m=!1,id:p,leftIcon:b,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,rightIcon:C,tabIndex:g,value:k,...R},E)=>{const q=c&&!!C,N=!c&&!!b,T="button"!==l,w=s.useRef(null),M=s.useRef(null),{transform:O}=i.useToggleTransform({checked:c,thumbRef:M,trackRef:w});s.useImperativeHandle(E,()=>w.current,[]);const A=n.pickCustomAttributes(R),S=r.buildComponentProps({"aria-describedby":R["aria-describedby"],"aria-label":R["aria-label"],"aria-labelledby":R["aria-labelledby"],checked:c,decorative:T,disabled:m,id:p,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,tabIndex:g,value:k});return e.jsxRuntimeExports.jsx(t.CustomComponent,{...A,...S,ref:w,className:d?.track,component:l,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,"data-testid":u,children:e.jsxRuntimeExports.jsxs("span",{ref:M,className:d?.thumb,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,style:{transform:O},children:[e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:q?1:0},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(C)})}),e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:N?1:0},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(b)})})]})})};c.displayName="ToggleStandAlone";const l=s.forwardRef(c);exports.ToggleStandalone=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@floating-ui/dom"),o=require("../../../lib/hooks/useClassName/useClassName.js"),r=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),s=require("../../../lib/hooks/useEscPressed/useEscPressed.js"),i=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../../lib/types/breakpoints/breakpoints.js"),n=require("../../../lib/types/positions/positions.js"),a=require("../../../lib/utils/focusHandlers/focusHandlers.js"),u=require("../positioning/computePosition.js");exports.useTooltip=({align:c=n.POSITIONS.TOP,...p})=>{const{device:d,isDesktop:f,isTablet:O}=i.useActiveBreakpoints(),m=f||O,b=e.useRef(null),P=e.useRef(!0),y=e.useRef(!1),[T,E]=e.useState(!1),[R,S]=e.useState(c),v=o.useClassName({additionalClassNames:p.additionalClasses,component:"TOOLTIP",variant:p.variant}),g=async()=>{if(!p.labelRef.current||!p.tooltipRef.current)return;const e=p.tooltipRef.current.lastElementChild;try{const o=await u.computePosition(p.labelRef.current,p.tooltipRef.current,{middleware:[t.flip(),t.shift({padding:4}),t.arrow({element:e})],placement:c,strategy:"absolute"}),{middlewareData:r,placement:s,x:i,y:a}=o;S(s),Object.assign(p.tooltipRef.current.style,{left:`${i}px`,top:`${a}px`});const{x:d,y:f}=r.arrow,O={bottom:n.POSITIONS.TOP,left:n.POSITIONS.RIGHT,right:n.POSITIONS.LEFT,top:n.POSITIONS.BOTTOM}[R.split("-")[0]],m={bottom:"",left:null!==d?`${d}px`:"",right:"",[O]:`calc(${v.tooltipexternalcontainer?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.padding??0} - ${v.arrowposition?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.top??"0px"} / 2)`,top:null!==f?`${f}px`:""};e&&e.style&&(e.style.removeProperty("left"),e.style.removeProperty("top"),e.style.removeProperty("right"),e.style.removeProperty("bottom"),Object.assign(e?.style,m))}catch(o){}},w=e=>{p.tooltipRef.current?.contains(e.target)||g()};e.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",w,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",w,!0),window.removeEventListener("resize",e)}},[]);const C=e.useCallback(()=>{if(y.current){if(y.current=!1,P.current=!1,p.tooltipAsModal&&b.current?.focus({preventScroll:!0}),P.current=!0,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style.display="none"}E(!1),p.onOpenClose?.(!1)}},[d,p.onOpenClose,p.tooltipAsModal]),I=e.useCallback(e=>{y.current&&(e.stopPropagation(),C())},[C]);return s.useEscPressed({disableStopPropagation:!0,onEscPress:I,ref:p.labelRef}),r.useClickOutside(p.tooltipRef,C,[p.labelRef.current]),{allowFocusOpenTooltip:P,hideTooltip:C,open:T,placement:R,showTooltip:()=>{if(!y.current){if(y.current=!0,b.current=document.activeElement,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style.display="flex",g(),a.focusElementOrFirstDescendant(p.tooltipRef.current,{preventScroll:!0})}E(!0),p.onOpenClose?.(!0)}}}};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/dom"),t=require("react"),o=require("../../../lib/hooks/useClassName/useClassName.js"),r=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),s=require("../../../lib/hooks/useEscPressed/useEscPressed.js"),i=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../../lib/types/breakpoints/breakpoints.js"),n=require("../../../lib/types/positions/positions.js"),u=require("../../../lib/utils/focusHandlers/focusHandlers.js"),a=require("../positioning/computePosition.js");exports.useTooltip=({align:c=n.POSITIONS.TOP,...p})=>{const{device:f,isDesktop:d,isTablet:O}=i.useActiveBreakpoints(),m=d||O,y=t.useRef(null),b=t.useRef(!0),P=t.useRef(!1),[R,T]=t.useState(!1),[E,S]=t.useState(c),v=o.useClassName({additionalClassNames:p.additionalClasses,component:"TOOLTIP",variant:p.variant}),g=async()=>{if(!p.labelRef.current||!p.tooltipRef.current)return;const t=p.tooltipRef.current.lastElementChild;try{const o=await a.computePosition(p.labelRef.current,p.tooltipRef.current,{middleware:[e.flip(),e.shift({padding:4}),e.arrow({element:t})],placement:c,strategy:"absolute"}),{middlewareData:r,placement:s,x:i,y:u}=o;S(s),p.tooltipRef.current?.style&&Object.assign(p.tooltipRef.current.style,{left:`${i}px`,top:`${u}px`});const{x:f,y:d}=r.arrow,O={bottom:n.POSITIONS.TOP,left:n.POSITIONS.RIGHT,right:n.POSITIONS.LEFT,top:n.POSITIONS.BOTTOM}[E.split("-")[0]],m={bottom:"",left:null!==f?`${f}px`:"",right:"",[O]:`calc(${v.tooltipexternalcontainer?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.padding??0} - ${v.arrowposition?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.top??"0px"} / 2)`,top:null!==d?`${d}px`:""};t&&t.style&&(t.style.removeProperty("left"),t.style.removeProperty("top"),t.style.removeProperty("right"),t.style.removeProperty("bottom"),Object.assign(t?.style,m))}catch(o){}},w=e=>{p.tooltipRef.current?.contains(e.target)||g()};t.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",w,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",w,!0),window.removeEventListener("resize",e)}},[]);const C=t.useCallback(()=>{if(P.current){if(P.current=!1,b.current=!1,p.tooltipAsModal&&y.current?.focus({preventScroll:!0}),b.current=!0,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style&&(p.tooltipRef.current.style.display="none")}T(!1),p.onOpenClose?.(!1)}},[f,p.onOpenClose,p.tooltipAsModal]),I=t.useCallback(e=>{P.current&&(e.stopPropagation(),C())},[C]);return s.useEscPressed({disableStopPropagation:!0,onEscPress:I,ref:p.labelRef}),r.useClickOutside(p.tooltipRef,C,[p.labelRef.current]),{allowFocusOpenTooltip:b,hideTooltip:C,open:R,placement:E,showTooltip:()=>{if(!P.current){if(P.current=!0,y.current=document.activeElement,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style&&(p.tooltipRef.current.style.display="flex"),g(),u.focusElementOrFirstDescendant(p.tooltipRef.current,{preventScroll:!0})}T(!0),p.onOpenClose?.(!0)}}}};
@@ -1,69 +1 @@
1
- .kbt-tooltip {
2
- display: inline-block;
3
- }
4
-
5
- .kbt-tooltip__trigger-wrapper {
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
- padding: 0;
10
- border: none;
11
- background: none;
12
- min-height: 1.5rem;
13
- min-width: 1.5rem;
14
- }
15
-
16
- .kbt-tooltip__external-container {
17
- display: flex;
18
- }
19
-
20
- .kbt-tooltip__header-content {
21
- display: flex;
22
- align-items: flex-start;
23
- }
24
-
25
- .kbt-tooltip__close-icon {
26
- display: flex;
27
- justify-content: flex-end;
28
- align-self: flex-end;
29
- }
30
-
31
- .kbt-tooltip__title {
32
- word-break: break-word;
33
- }
34
-
35
- .kbt-tooltip__paragraph {
36
- word-break: break-word;
37
- }
38
-
39
- .kbt-tooltip__inner-content {
40
- overflow-y: auto;
41
- }
42
-
43
- .kbt-tooltip__arrow {
44
- position: absolute;
45
- }
46
-
47
- .kbt-tooltip__arrow--top {
48
- bottom: 100%;
49
- left: 50%;
50
- transform: translateX(-50%);
51
- }
52
-
53
- .kbt-tooltip__arrow--right {
54
- top: 50%;
55
- left: 100%;
56
- transform: translateY(-50%);
57
- }
58
-
59
- .kbt-tooltip__arrow--bottom {
60
- top: 100%;
61
- left: 50%;
62
- transform: translateX(-50%);
63
- }
64
-
65
- .kbt-tooltip__arrow--left {
66
- top: 50%;
67
- right: 100%;
68
- transform: translateY(-50%);
69
- }
1
+ .kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{align-items:flex-start;display:flex}.kbt-tooltip__close-icon{align-self:flex-end;display:flex;justify-content:flex-end}.kbt-tooltip__paragraph,.kbt-tooltip__title{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%)}.kbt-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),l=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("./hooks/useTooltipAsModal.js"),a=require("./hooks/useTooltipAsModalAriaLabel.js"),r=require("./tooltipStandAlone.js");exports.TooltipControlled=({additionalClasses:u,tooltipAriaLabel:n,tooltipAsModal:p,tooltipAsModal:c=!1,tooltipRef:d,variant:A,...M})=>{const T=t.useClassName({additionalClassNames:u,component:"TOOLTIP",variant:A}),j=s.useMediaDevice(),m=e.useRef(null),h=a.useTooltipAsModalAriaLabel(m),S=i.useTooltipAsModal({propTooltipAsModal:p,styleTooltipAsModal:c}),{handleScrollDetection:b,hasScroll:v}=l.useScrollDetectionWithAutoFocus({parentElementRef:m});return e.useImperativeHandle(d,()=>m.current,[]),o.jsxRuntimeExports.jsx(r.TooltipStandAlone,{...M,contentHasScroll:v,contentRef:b,cssClasses:T,mediaDevice:j,tooltipAriaLabel:n??h,tooltipAsModal:i.useTooltipAsModal({propTooltipAsModal:S,styleTooltipAsModal:c}),tooltipRef:m})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),l=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),t=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),i=require("./hooks/useTooltipAsModal.js"),a=require("./hooks/useTooltipAsModalAriaLabel.js"),r=require("./tooltipStandAlone.js");exports.TooltipControlled=({additionalClasses:u,tooltipAriaLabel:n,tooltipAsModal:p,tooltipAsModal:d=!1,tooltipRef:c,variant:A,...M})=>{const T=l.useClassName({additionalClassNames:u,component:"TOOLTIP",variant:A}),j=s.useMediaDevice(),m=e.useRef(null),S=a.useTooltipAsModalAriaLabel(m),b=i.useTooltipAsModal({propTooltipAsModal:p,styleTooltipAsModal:d}),{handleScrollDetection:v,hasScroll:q}=t.useScrollDetection({autoFocus:!0});return e.useImperativeHandle(c,()=>m.current,[]),o.jsxRuntimeExports.jsx(r.TooltipStandAlone,{...M,contentHasScroll:q,contentRef:v,cssClasses:T,mediaDevice:j,tooltipAriaLabel:n??S,tooltipAsModal:i.useTooltipAsModal({propTooltipAsModal:b,styleTooltipAsModal:d}),tooltipRef:m})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("../renderIf/renderIf.js"),s=require("../text/text.js"),i=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/is/isString.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processIcon/processIcon.js"),d=require("../../lib/utils/process/processText/processText.js"),p=require("../elementOrIcon/elementOrIcon.js"),u=require("../icon/iconHost.js"),x=require("../popover/popover.js"),j=require("./components/tooltipTrigger.js"),m=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:b,children:h,childrenAsButton:v=!0,closeIcon:g,content:I,contentHasScroll:R,contentRef:T,contentScrollArias:E,cssClasses:y,disabled:C,dragIcon:f,dragIconRef:k,labelRef:N,mediaDevice:A,onCloseIconClick:q,onPopoverCloseInternally:D,onTooltipFocus:w,onTooltipKeyDown:B,onTriggerClick:_,onTriggerKeyDown:O,onTriggerMouseDown:S,onTriggerMouseUp:M,popover:F,popoverOpen:P,title:$,tooltipAriaLabel:K,tooltipAsModal:H,tooltipRef:U,triggerAsButton:z,...L})=>{const G=L["data-testid"]||"tooltip",J=a.pickCustomAttributes(L),Q=i.useId("tooltip"),V=`${Q}Title`,W=`${Q}Content`,X=d.processText(I),Y=d.processText($),Z=l.isString(X.children),{isDesktop:ee,isMobile:te,isTablet:se}=o.useActiveBreakpoints(),ie=ee||se;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":G,children:e.jsxRuntimeExports.jsx(j.TooltipTrigger,{childrenAsButton:v,disabled:!0,children:h})});const oe=m.getAriaDescriptorsBy({contentId:W,hasContent:!!I,hasTitle:!!Y.children,titleId:V}),re={"data-align":b||r.POSITIONS.TOP},ne=a.pickCustomAttributes(re),le=e.jsxRuntimeExports.jsxs("div",{ref:U,"aria-label":ie?K:void 0,"aria-labelledby":ie?m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}):void 0,"aria-modal":!(!ie||!H)||void 0,className:n.classNames("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${G}-content`,id:Q,role:ie?H?"dialog":"tooltip":void 0,...ie&&{onFocus:w,onKeyDown:B},...J,children:[e.jsxRuntimeExports.jsxs("div",{className:y?.tooltipinternalcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:(te||se)&&!!f,children:e.jsxRuntimeExports.jsx("div",{ref:k,className:y?.dragiconcontainer,"data-testid":`${G}-drag`,children:e.jsxRuntimeExports.jsx(p.ElementOrIcon,{className:y?.dragicon,...f})})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(y?.title,y?.headercontainer),style:(ae=!!Y.children,ce=!!g?.icon,ae&&ce?{justifyContent:"space-between"}:ae?{justifyContent:"flex-end"}:ce?{justifyContent:"flex-start"}:{display:"none"}),children:[c.processIcon(g).icon&&e.jsxRuntimeExports.jsx("div",{className:y?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(u.IconHost,{...c.processIcon(g),className:y?.closebuttonicon,icon:c.processIcon(g).icon,onClick:q})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!Y.children,children:e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:V,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:y?.title},component:"h2",...Y,children:Y.children})})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":R?E?.["aria-label"]:void 0,"aria-labelledby":R?E?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:R?"region":void 0,...R&&{tabIndex:0},children:e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!I,children:e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!Y.children}),id:W,children:Z?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:y?.paragraph},...X}):X.children})})})]}),e.jsxRuntimeExports.jsx("div",{...ne,className:n.classNames("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:y?.arrow})})]});var ae,ce;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":G,children:[e.jsxRuntimeExports.jsx(j.TooltipTrigger,{ariaDescribedBy:H||!ie&&!P?void 0:oe,childrenAsButton:v,triggerAsButton:z,onClick:_,onKeyDown:O,onMouseDown:S,onMouseUp:M,children:h}),ie?le:e.jsxRuntimeExports.jsx(x.Popover,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}),"aria-modal":H||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:P,preventCloseOnClickElements:[N?.current],role:H?"dialog":"tooltip",strategy:"absolute",onClose:D,...F,children:le})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),d=require("../icon/iconHost.js"),p=require("../popover/popover.js"),u=require("./components/tooltipTrigger.js"),x=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:j,children:m,childrenAsButton:b=!0,closeIcon:v,content:g,contentHasScroll:h,contentRef:T,contentScrollArias:y,cssClasses:R,disabled:C,dragIcon:I,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:f,onTooltipFocus:q,onTooltipKeyDown:D,onTriggerClick:w,onTriggerKeyDown:B,onTriggerMouseDown:_,onTriggerMouseUp:O,popover:M,popoverOpen:S,title:$,tooltipAriaLabel:F,tooltipAsModal:P,tooltipRef:K,triggerAsButton:H,...U})=>{const z=U["data-testid"]||"tooltip",L=l.pickCustomAttributes(U),G=`tooltip-${t.useId().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c.processText(g),W=c.processText($),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:ee}=i.useActiveBreakpoints(),te=Y||ee;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":z,children:e.jsxRuntimeExports.jsx(u.TooltipTrigger,{childrenAsButton:b,disabled:!0,children:m})});const se=x.getAriaDescriptorsBy({contentId:Q,hasContent:!!g,hasTitle:!!W.children,titleId:J}),oe={"data-align":j||r.POSITIONS.TOP},ie=l.pickCustomAttributes(oe),re=e.jsxRuntimeExports.jsxs("div",{ref:K,"aria-label":te?F:void 0,"aria-labelledby":te?x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!te||!P)||void 0,className:n.classNames("kbt-tooltip__external-container",R?.tooltipexternalcontainer),"data-testid":`${z}-content`,id:G,role:te?P?"dialog":"tooltip":void 0,...te&&{onFocus:q,onKeyDown:D},...L,children:[e.jsxRuntimeExports.jsxs("div",{className:R?.tooltipinternalcontainer,children:[(Z||ee)&&!!I&&e.jsxRuntimeExports.jsx("div",{ref:E,className:R?.dragiconcontainer,"data-testid":`${z}-drag`,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:R?.dragicon,...I})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(R?.title,R?.headercontainer),style:(ne=!!W.children,le=!!v?.icon,ne&&le?{justifyContent:"space-between"}:ne?{justifyContent:"flex-end"}:le?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIcon(v).icon&&e.jsxRuntimeExports.jsx("div",{className:R?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(d.IconHost,{...a.processIcon(v),className:R?.closebuttonicon,icon:a.processIcon(v).icon,onClick:A})}),!!W.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:J,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.title},component:"h2",...W,children:W.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":h?y?.["aria-label"]:void 0,"aria-labelledby":h?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:h?"region":void 0,...h&&{tabIndex:0},children:!!g&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",R?.paragraphcontainer,{[`${R?.divider}`]:!!W.children}),id:Q,children:X?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.paragraph},...V}):V.children})})]}),e.jsxRuntimeExports.jsx("div",{...ie,className:n.classNames("kbt-tooltip__arrow",R?.arrowsize,R?.tooltipalignstyles,R?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:R?.arrow})})]});var ne,le;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":z,children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{ariaDescribedBy:P||!te&&!S?void 0:se,childrenAsButton:b,triggerAsButton:H,onClick:w,onKeyDown:B,onMouseDown:_,onMouseUp:O,children:m}),te?re:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:R?.popover?{arrow:"",popover:R.popover.popover||""}:void 0,"aria-label":M?.["aria-label"]||F,"aria-labelledby":x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}),"aria-modal":P||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:S,preventCloseOnClickElements:[N?.current],role:P?"dialog":"tooltip",strategy:"absolute",onClose:f,...M,children:re})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),s=require("../../lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),l=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),n=require("../../lib/utils/keyboard/keyboard.js"),a=require("./hooks/useTooltip.js"),u=require("./hooks/useTooltipAsModal.js"),p=require("./tooltipStandAlone.js"),c=o.forwardRef(function({additionalClasses:c,align:d,closeIcon:T,onOpenClose:v,popover:f,tooltipAriaLabel:g,tooltipAsModal:C,variant:b,...k},A){const D=t.useClassName({additionalClassNames:c,component:"TOOLTIP",variant:b}),{device:R,isDesktop:h,isMobile:j,isTablet:M}=r.useActiveBreakpoints(),S=h||M,m=o.useRef(null),q=o.useRef(null),w=u.useTooltipAsModal({propTooltipAsModal:C,styleTooltipAsModal:C});o.useImperativeHandle(A,()=>m.current);const{allowFocusOpenTooltip:F,hideTooltip:y,open:x,placement:I,showTooltip:O}=a.useTooltip({additionalClasses:c,align:d||"top",labelRef:m,onOpenClose:v,tooltipAsModal:w,tooltipRef:q,variant:b}),{handleScrollDetection:W,hasScroll:P}=s.useScrollDetectionWithAutoFocus({parentElementRef:q}),E=o.useRef(!1),{setDragIconRef:L,setPopoverRef:N}=i.useSwipeDown(void 0,y);return l.useTrapFocus({ref:q,trapFocus:x&&w}),e.jsxRuntimeExports.jsx(p.TooltipStandAlone,{...k,align:I,contentHasScroll:P,contentRef:W,cssClasses:D,dragIconRef:L,labelRef:m,mediaDevice:R,popover:{...f,popoverContainerRef:N},popoverOpen:x,tooltipAriaLabel:g,tooltipAsModal:w,tooltipRef:q,onCloseIconClick:e=>{T?.onClick?.(e),y()},onPopoverCloseInternally:()=>{f?.onClose?.(),y()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(S){if(!w)return;return x?void(q.current?.contains(e.target)||y()):void O()}x?q.current?.contains(e.target)||y():O()},onTriggerKeyDown:e=>{n.isKeyEnterPressed(e.key)&&!x&&(O(),e.preventDefault())},onTriggerMouseDown:()=>{E.current=!0},onTriggerMouseUp:()=>{E.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||y()},onWrapperFocus:()=>{E.current||w||!F.current||j||O()},onWrapperMouseEnter:()=>{!w&&S&&O()},onWrapperMouseLeave:()=>{!w&&S&&y()}})});exports.Tooltip=c,exports.TooltipUnControlled=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),t=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),l=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),i=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),n=require("../../lib/utils/keyboard/keyboard.js"),a=require("./hooks/useTooltip.js"),u=require("./hooks/useTooltipAsModal.js"),p=require("./tooltipStandAlone.js"),c=o.forwardRef(function({additionalClasses:c,align:d,closeIcon:T,onOpenClose:v,popover:f,tooltipAriaLabel:g,tooltipAsModal:C,variant:b,...k},D){const j=r.useClassName({additionalClassNames:c,component:"TOOLTIP",variant:b}),{device:M,isDesktop:R,isMobile:A,isTablet:S}=s.useActiveBreakpoints(),h=R||S,m=o.useRef(null),q=o.useRef(null),w=u.useTooltipAsModal({propTooltipAsModal:C,styleTooltipAsModal:C});o.useImperativeHandle(D,()=>m.current);const{allowFocusOpenTooltip:y,hideTooltip:F,open:x,placement:I,showTooltip:O}=a.useTooltip({additionalClasses:c,align:d||"top",labelRef:m,onOpenClose:v,tooltipAsModal:w,tooltipRef:q,variant:b}),{handleScrollDetection:P,hasScroll:L}=t.useScrollDetection({autoFocus:!0}),N=o.useRef(!1),{setDragIconRef:W,setPopoverRef:B}=l.useSwipeDown({onClose:F});return i.useTrapFocus({ref:q,trapFocus:x&&w}),e.jsxRuntimeExports.jsx(p.TooltipStandAlone,{...k,align:I,contentHasScroll:L,contentRef:P,cssClasses:j,dragIconRef:W,labelRef:m,mediaDevice:M,popover:{...f,popoverContainerRef:B},popoverOpen:x,tooltipAriaLabel:g,tooltipAsModal:w,tooltipRef:q,onCloseIconClick:e=>{T?.onClick?.(e),F()},onPopoverCloseInternally:()=>{f?.onClose?.(),F()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(h){if(!w)return;return x?void(q.current?.contains(e.target)||F()):void O()}x?q.current?.contains(e.target)||F():O()},onTriggerKeyDown:e=>{n.isKeyEnterPressed(e.key)&&!x&&(O(),e.preventDefault())},onTriggerMouseDown:()=>{N.current=!0},onTriggerMouseUp:()=>{N.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||F()},onWrapperFocus:()=>{N.current||w||!y.current||A||O()},onWrapperMouseEnter:()=>{!w&&h&&O()},onWrapperMouseLeave:()=>{!w&&h&&F()}})});exports.Tooltip=c,exports.TooltipUnControlled=c;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/hooks/useId/useId.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../elementOrIcon/elementOrIcon.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=s.useId("virtualKeyboard"),C=l??A,E={[i.STATES.ACTIVE]:p===i.STATES.ACTIVE,[i.STATES.INACTIVE]:p===i.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...r.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:e?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:n,digits:u,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:p,state:b,...x},j)=>{const A=`virtualkeyboard-${e.useId().replace(/:/g,"")}`,C=l??A,E={[i.STATES.ACTIVE]:b===i.STATES.ACTIVE,[i.STATES.INACTIVE]:b===i.STATES.INACTIVE},T=x["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:j,className:n?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:p,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:n?.digitwrapper,...r.pickCustomAttributes(E),children:u?.map((e,s)=>t.jsxRuntimeExports.jsx(o.DigitButton,{cssClasses:n,"data-testid":`${T}-digit-button-${s}`,digit:e,onClick:c},e))}),t.jsxRuntimeExports.jsx("button",{className:n?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:n?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
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"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),b=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/message/messageControlled.js"),h=require("./components/message/messageUnControlled.js"),y=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),ge=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=b.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=v.IconHost,exports.Image=B.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.MessageControlled=_.MessageControlled,exports.Message=h.MessageUnControlled,exports.ModalControlled=y.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=ge.UtilsContext,exports.UtilsProvider=ge.UtilsProvider,exports.useUtilsProvider=ge.useUtilsProvider;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),b=require("./components/chip/chip.js"),m=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),B=require("./components/icon/iconHost.js"),v=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),y=require("./components/link/linkAsButton/linkAsButton.js"),D=require("./components/listOptions/listOptions.js"),I=require("./components/message/messageControlled.js"),_=require("./components/message/messageUnControlled.js"),h=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableBody/tableBody.js"),Z=require("./components/tableCaption/tableCaption.js"),$=require("./components/tableCell/tableCell.js"),ee=require("./components/tableDivider/tableDivider.js"),oe=require("./components/tableFoot/tableFoot.js"),re=require("./components/tableHead/tableHead.js"),te=require("./components/tableRow/tableRow.js"),ne=require("./components/tabs/tabsControlled.js"),se=require("./components/tabs/tabsUnControlled.js"),le=require("./components/tag/tag.js"),pe=require("./components/text/text.js"),ie=require("./components/textArea/textArea.js"),ae=require("./components/toggle/toggleControlled.js"),ce=require("./components/toggle/toggleStandAlone.js"),de=require("./components/toggle/toggleUnControlled.js"),ue=require("./components/tooltip/tooltipControlled.js"),xe=require("./components/tooltip/tooltipUnControlled.js"),be=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),Ce=require("./lib/provider/kubitProvider/kubitProvider.js"),ge=require("./lib/provider/stylesProvider/stylesProvider.js"),je=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=b.Chip,exports.Container=m.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=B.IconHost,exports.Image=v.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=y.LinkAsButton,exports.ListOptions=D.ListOptions,exports.MessageControlled=I.MessageControlled,exports.Message=_.MessageUnControlled,exports.ModalControlled=h.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableBody=X.TableBody,exports.TableCaption=Z.TableCaption,exports.TableCell=$.TableCell,exports.TableDivider=ee.TableDivider,exports.TableFoot=oe.TableFoot,exports.TableHead=re.TableHead,exports.TableRow=te.TableRow,exports.TabsControlled=ne.TabsControlled,exports.Tabs=se.TabsUnControlled,exports.Tag=le.Tag,exports.Text=pe.Text,exports.TextArea=ie.TextArea,exports.ToggleControlled=ae.ToggleControlled,exports.ToggleStandalone=ce.ToggleStandalone,exports.ToggleUncontrolled=de.ToggleUncontrolled,exports.TooltipControlled=ue.TooltipControlled,exports.Tooltip=xe.TooltipUnControlled,exports.VirtualKeyboard=be.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=Ce.KubitProvider,exports.StylesContext=ge.StylesContext,exports.StylesProvider=ge.StylesProvider,exports.useStylesContext=ge.useStylesContext,exports.UtilsContext=je.UtilsContext,exports.UtilsProvider=je.UtilsProvider,exports.useUtilsProvider=je.useUtilsProvider;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("react").forwardRef(({children:r,className:t,component:s,...o},n)=>{const a=s||"span";return e.jsxRuntimeExports.jsx(a,{ref:n,className:t,...o,children:r})});exports.CustomComponent=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react").forwardRef(({children:s,className:r,component:t,...o},n)=>{const i=t||"span",c=["middlewareOptions","pressEscapeClose","onSelectItem","ariaDisabled","focus","index"],a="string"==typeof i?Object.keys(o).reduce((e,s)=>(c.includes(s)||(e[s]=o[s]),e),{}):o;return e.jsxRuntimeExports.jsx(i,{ref:n,className:r,...a,children:s})});exports.CustomComponent=s;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),o=require("react"),n=require("../../../components/icon/icon.js"),r=require("../../../components/icon/iconHost.js"),t=o.forwardRef(({basic:t=!1,icon:i,...s},c)=>i?"string"==typeof i?t?e.jsxRuntimeExports.jsx(n.IconBasic,{...s,ref:c,icon:i}):e.jsxRuntimeExports.jsx(r.IconHost,{...s,ref:c,icon:i}):o.isValidElement(i)?i:null:null);exports.ElementOrIcon=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/elementOrIcon/elementOrIcon.js"),t=require("../../../components/text/text.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},m)=>{if(!a)return null;const x=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:m,...x,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/text/text.js"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},x)=>{if(!a)return null;const m=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:x,...m,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../hooks/useClassName/useClassName.js"),r=require("../../utils/classNames/classNames.js"),o=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../customComponent/customComponent.js");exports.ItemRove=({ariaControls:i,ariaDisabled:u=!1,ariaHidden:l=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:p,classNames:b,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(a.CustomComponent,{ref:R,"aria-controls":i,"aria-disabled":u,"aria-hidden":l,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,b),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:p})};