npm - @hitachivantara/uikit-react-lab - Versions diffs - 5.19.0 → 5.19.2 - Mend

@hitachivantara/uikit-react-lab 5.19.0 → 5.19.2

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 (213) hide show

package/dist/cjs/components/Flow/base.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.cjs","sources":["../../../../src/components/Flow/base.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const flowStyles = css`\n /* this gets exported as style.css and can be used for the default theming /\n / these are the necessary styles for React Flow, they get used by base.css and style.css /\n .react-flow__container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n .react-flow__pane {\n z-index: 1;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .react-flow__pane.selection {\n cursor: pointer;\n }\n .react-flow__pane.dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .react-flow__viewport {\n transform-origin: 0 0;\n z-index: 2;\n pointer-events: none;\n }\n .react-flow__renderer {\n z-index: 4;\n }\n .react-flow__selection {\n z-index: 6;\n }\n .react-flow__nodesselection-rect:focus,\n .react-flow__nodesselection-rect:focus-visible {\n outline: none;\n }\n .react-flow .react-flow__edges {\n pointer-events: none;\n overflow: visible;\n }\n .react-flow__edge-path,\n .react-flow__connection-path {\n stroke: ${theme.colors.secondary};\n stroke-width: 1;\n fill: none;\n }\n .react-flow__edge {\n pointer-events: visibleStroke;\n cursor: pointer;\n }\n .react-flow__edge.animated path {\n stroke-dasharray: 5;\n -webkit-animation: dashdraw 0.5s linear infinite;\n animation: dashdraw 0.5s linear infinite;\n }\n .react-flow__edge.animated path.react-flow__edge-interaction {\n stroke-dasharray: none;\n -webkit-animation: none;\n animation: none;\n }\n .react-flow__edge.inactive {\n pointer-events: none;\n }\n .react-flow__edge.selected,\n .react-flow__edge:focus,\n .react-flow__edge:focus-visible {\n outline: none;\n }\n .react-flow__edge.selected .react-flow__edge-path,\n .react-flow__edge:focus .react-flow__edge-path,\n .react-flow__edge:focus-visible .react-flow__edge-path {\n stroke: #555;\n }\n .react-flow__edge-textwrapper {\n pointer-events: all;\n }\n .react-flow__edge-textbg {\n fill: white;\n }\n .react-flow__edge .react-flow__edge-text {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n .react-flow__connection {\n pointer-events: none;\n }\n .react-flow__connection .animated {\n stroke-dasharray: 5;\n -webkit-animation: dashdraw 0.5s linear infinite;\n animation: dashdraw 0.5s linear infinite;\n }\n .react-flow__connectionline {\n z-index: 1001;\n }\n .react-flow__nodes {\n pointer-events: none;\n transform-origin: 0 0;\n }\n .react-flow__node {\n position: absolute;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n pointer-events: all;\n transform-origin: 0 0;\n box-sizing: border-box;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .react-flow__node.dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .react-flow__nodesselection {\n z-index: 3;\n transform-origin: left top;\n pointer-events: none;\n }\n .react-flow__nodesselection-rect {\n position: absolute;\n pointer-events: all;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .react-flow__handle {\n position: absolute;\n pointer-events: none;\n min-width: 5px;\n min-height: 5px;\n width: 6px;\n height: 6px;\n background: #1a192b;\n border: 1px solid white;\n border-radius: 100%;\n }\n .react-flow__handle.connectionindicator {\n pointer-events: all;\n cursor: crosshair;\n }\n .react-flow__handle-bottom {\n top: auto;\n left: 50%;\n bottom: -4px;\n transform: translate(-50%, 0);\n }\n .react-flow__handle-top {\n left: 50%;\n top: -4px;\n transform: translate(-50%, 0);\n }\n .react-flow__handle-left {\n top: 50%;\n left: -4px;\n transform: translate(0, -50%);\n }\n .react-flow__handle-right {\n right: -4px;\n top: 50%;\n transform: translate(0, -50%);\n }\n .react-flow__edgeupdater {\n cursor: move;\n pointer-events: all;\n }\n .react-flow__panel {\n position: absolute;\n z-index: 5;\n margin: 15px;\n }\n .react-flow__panel.top {\n top: 0;\n }\n .react-flow__panel.bottom {\n bottom: 0;\n }\n .react-flow__panel.left {\n left: 0;\n }\n .react-flow__panel.right {\n right: 0;\n }\n .react-flow__panel.center {\n left: 50%;\n transform: translateX(-50%);\n }\n .react-flow__attribution {\n font-size: 10px;\n background: rgba(255, 255, 255, 0.5);\n padding: 2px 3px;\n margin: 0;\n }\n .react-flow__attribution a {\n text-decoration: none;\n color: #999;\n }\n @-webkit-keyframes dashdraw {\n from {\n stroke-dashoffset: 10;\n }\n }\n @keyframes dashdraw {\n from {\n stroke-dashoffset: 10;\n }\n }\n .react-flow__edgelabel-renderer {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n .react-flow__edge.updating .react-flow__edge-path {\n stroke: #777;\n }\n .react-flow__edge-text {\n font-size: 10px;\n }\n .react-flow__node.selectable:focus,\n .react-flow__node.selectable:focus-visible {\n outline: none;\n }\n .react-flow__node-default,\n .react-flow__node-input,\n .react-flow__node-output,\n .react-flow__node-group {\n padding: ${theme.space.sm};\n border-radius: ${theme.radii.round};\n width: 150px;\n color: ${theme.colors.secondary};\n text-align: center;\n border: 1px solid ${theme.colors.negative};\n background-color: ${theme.colors.negative_20};\n }\n .react-flow__node-default::before {\n content: \"Unknown node type\";\n display: block;\n }\n .react-flow__node-default.selectable:hover,\n .react-flow__node-input.selectable:hover,\n .react-flow__node-output.selectable:hover,\n .react-flow__node-group.selectable:hover {\n box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n }\n .react-flow__node-default.selectable.selected,\n .react-flow__node-default.selectable:focus,\n .react-flow__node-default.selectable:focus-visible,\n .react-flow__node-input.selectable.selected,\n .react-flow__node-input.selectable:focus,\n .react-flow__node-input.selectable:focus-visible,\n .react-flow__node-output.selectable.selected,\n .react-flow__node-output.selectable:focus,\n .react-flow__node-output.selectable:focus-visible,\n .react-flow__node-group.selectable.selected,\n .react-flow__node-group.selectable:focus,\n .react-flow__node-group.selectable:focus-visible {\n box-shadow: 0 0 0 0.5px #1a192b;\n }\n .react-flow__node-group {\n background-color: rgba(240, 240, 240, 0.25);\n }\n .react-flow__nodesselection-rect,\n .react-flow__selection {\n background: rgba(0, 89, 220, 0.08);\n border: 1px dotted rgba(0, 89, 220, 0.8);\n }\n .react-flow__nodesselection-rect:focus,\n .react-flow__nodesselection-rect:focus-visible,\n .react-flow__selection:focus,\n .react-flow__selection:focus-visible {\n outline: none;\n }\n .react-flow__controls {\n box-shadow: ${theme.colors.shadow};\n }\n .react-flow__controls-button {\n border: none;\n background: #fefefe;\n border-bottom: 1px solid #eee;\n box-sizing: content-box;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding: 5px;\n }\n .react-flow__controls-button:hover {\n background: #f4f4f4;\n }\n .react-flow__controls-button svg {\n width: 100%;\n max-width: 12px;\n max-height: 12px;\n }\n .react-flow__controls-button:disabled {\n pointer-events: none;\n }\n .react-flow__controls-button:disabled svg {\n fill-opacity: 0.4;\n }\n .react-flow__minimap {\n background-color: #fff;\n }\n .react-flow__resize-control {\n position: absolute;\n }\n .react-flow__resize-control.left,\n .react-flow__resize-control.right {\n cursor: ew-resize;\n }\n .react-flow__resize-control.top,\n .react-flow__resize-control.bottom {\n cursor: ns-resize;\n }\n .react-flow__resize-control.top.left,\n .react-flow__resize-control.bottom.right {\n cursor: nwse-resize;\n }\n .react-flow__resize-control.bottom.left,\n .react-flow__resize-control.top.right {\n cursor: nesw-resize;\n }\n / handle styles /\n .react-flow__resize-control.handle {\n width: 4px;\n height: 4px;\n border: 1px solid #fff;\n border-radius: 1px;\n background-color: ${theme.colors.primary};\n transform: translate(-50%, -50%);\n }\n .react-flow__resize-control.handle.left {\n left: 0;\n top: 50%;\n }\n .react-flow__resize-control.handle.right {\n left: 100%;\n top: 50%;\n }\n .react-flow__resize-control.handle.top {\n left: 50%;\n top: 0;\n }\n .react-flow__resize-control.handle.bottom {\n left: 50%;\n top: 100%;\n }\n .react-flow__resize-control.handle.top.left {\n left: 0;\n }\n .react-flow__resize-control.handle.bottom.left {\n left: 0;\n }\n .react-flow__resize-control.handle.top.right {\n left: 100%;\n }\n .react-flow__resize-control.handle.bottom.right {\n left: 100%;\n }\n / line styles */\n .react-flow__resize-control.line {\n border-color: ${theme.colors.primary};\n border-width: 0;\n border-style: solid;\n }\n .react-flow__resize-control.line.left,\n .react-flow__resize-control.line.right {\n width: 1px;\n transform: translate(-50%, 0);\n top: 0;\n height: 100%;\n }\n .react-flow__resize-control.line.left {\n left: 0;\n border-left-width: 1px;\n }\n .react-flow__resize-control.line.right {\n left: 100%;\n border-right-width: 1px;\n }\n .react-flow__resize-control.line.top,\n .react-flow__resize-control.line.bottom {\n height: 1px;\n transform: translate(0, -50%);\n left: 0;\n width: 100%;\n }\n .react-flow__resize-control.line.top {\n top: 0;\n border-top-width: 1px;\n }\n .react-flow__resize-control.line.bottom {\n border-bottom-width: 1px;\n top: 100%;\n }\n`;\n"],"names":["flowStyles","theme","colors","secondary","space","sm","radii","round","negative","negative_20","shadow","primary","process","env","NODE_ENV"],"mappings":";;;;AAGaA,MAAAA,upBA2CCC,eAAAA,MAAMC,OAAOC,WAAS,2oGA4LrBF,qBAAMG,MAAMC,IACNJ,mBAAAA,qBAAMK,MAAMC,8BAEpBN,qBAAMC,OAAOC,WAEFF,wCAAAA,eAAMC,MAAAA,OAAOM,UAAQ,sBACrBP,eAAMC,MAAAA,OAAOO,aAAW,uvCAyC9BR,eAAAA,MAAMC,OAAOQ,QA4DPT,olCAAAA,eAAAA,MAAMC,OAAOS,SAAO,0hBAiCxBV,eAAAA,MAAMC,OAAOS,SAAO,ilBAAAC,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAkCvC,eAAA,KAAA,yxbAAA;;"}
1	+ {"version":3,"file":"base.cjs","sources":["../../../../src/components/Flow/base.ts"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const flowStyles = css`\n /* this gets exported as style.css and can be used for the default theming /\n / these are the necessary styles for React Flow, they get used by base.css and style.css /\n .react-flow__container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n .react-flow__pane {\n z-index: 1;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .react-flow__pane.selection {\n cursor: pointer;\n }\n .react-flow__pane.dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .react-flow__viewport {\n transform-origin: 0 0;\n z-index: 2;\n pointer-events: none;\n }\n .react-flow__renderer {\n z-index: 4;\n }\n .react-flow__selection {\n z-index: 6;\n }\n .react-flow__nodesselection-rect:focus,\n .react-flow__nodesselection-rect:focus-visible {\n outline: none;\n }\n .react-flow .react-flow__edges {\n pointer-events: none;\n overflow: visible;\n }\n .react-flow__edge-path,\n .react-flow__connection-path {\n stroke: ${theme.colors.secondary};\n stroke-width: 1;\n fill: none;\n }\n .react-flow__edge {\n pointer-events: visibleStroke;\n cursor: pointer;\n }\n .react-flow__edge.animated path {\n stroke-dasharray: 5;\n -webkit-animation: dashdraw 0.5s linear infinite;\n animation: dashdraw 0.5s linear infinite;\n }\n .react-flow__edge.animated path.react-flow__edge-interaction {\n stroke-dasharray: none;\n -webkit-animation: none;\n animation: none;\n }\n .react-flow__edge.inactive {\n pointer-events: none;\n }\n .react-flow__edge.selected,\n .react-flow__edge:focus,\n .react-flow__edge:focus-visible {\n outline: none;\n }\n .react-flow__edge.selected .react-flow__edge-path,\n .react-flow__edge:focus .react-flow__edge-path,\n .react-flow__edge:focus-visible .react-flow__edge-path {\n stroke: #555;\n }\n .react-flow__edge-textwrapper {\n pointer-events: all;\n }\n .react-flow__edge-textbg {\n fill: white;\n }\n .react-flow__edge .react-flow__edge-text {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n .react-flow__connection {\n pointer-events: none;\n }\n .react-flow__connection .animated {\n stroke-dasharray: 5;\n -webkit-animation: dashdraw 0.5s linear infinite;\n animation: dashdraw 0.5s linear infinite;\n }\n .react-flow__connectionline {\n z-index: 1001;\n }\n .react-flow__nodes {\n pointer-events: none;\n transform-origin: 0 0;\n }\n .react-flow__node {\n position: absolute;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n pointer-events: all;\n transform-origin: 0 0;\n box-sizing: border-box;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .react-flow__node.dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .react-flow__nodesselection {\n z-index: 3;\n transform-origin: left top;\n pointer-events: none;\n }\n .react-flow__nodesselection-rect {\n position: absolute;\n pointer-events: all;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .react-flow__handle {\n position: absolute;\n pointer-events: none;\n min-width: 5px;\n min-height: 5px;\n width: 6px;\n height: 6px;\n background: #1a192b;\n border: 1px solid white;\n border-radius: 100%;\n }\n .react-flow__handle.connectionindicator {\n pointer-events: all;\n cursor: crosshair;\n }\n .react-flow__handle-bottom {\n top: auto;\n left: 50%;\n bottom: -4px;\n transform: translate(-50%, 0);\n }\n .react-flow__handle-top {\n left: 50%;\n top: -4px;\n transform: translate(-50%, 0);\n }\n .react-flow__handle-left {\n top: 50%;\n left: -4px;\n transform: translate(0, -50%);\n }\n .react-flow__handle-right {\n right: -4px;\n top: 50%;\n transform: translate(0, -50%);\n }\n .react-flow__edgeupdater {\n cursor: move;\n pointer-events: all;\n }\n .react-flow__panel {\n position: absolute;\n z-index: 5;\n margin: 15px;\n }\n .react-flow__panel.top {\n top: 0;\n }\n .react-flow__panel.bottom {\n bottom: 0;\n }\n .react-flow__panel.left {\n left: 0;\n }\n .react-flow__panel.right {\n right: 0;\n }\n .react-flow__panel.center {\n left: 50%;\n transform: translateX(-50%);\n }\n .react-flow__attribution {\n font-size: 10px;\n background: rgba(255, 255, 255, 0.5);\n padding: 2px 3px;\n margin: 0;\n }\n .react-flow__attribution a {\n text-decoration: none;\n color: #999;\n }\n @-webkit-keyframes dashdraw {\n from {\n stroke-dashoffset: 10;\n }\n }\n @keyframes dashdraw {\n from {\n stroke-dashoffset: 10;\n }\n }\n .react-flow__edgelabel-renderer {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n .react-flow__edge.updating .react-flow__edge-path {\n stroke: #777;\n }\n .react-flow__edge-text {\n font-size: 10px;\n }\n .react-flow__node.selectable:focus,\n .react-flow__node.selectable:focus-visible {\n outline: none;\n }\n .react-flow__node-default,\n .react-flow__node-input,\n .react-flow__node-output,\n .react-flow__node-group {\n padding: ${theme.space.sm};\n border-radius: ${theme.radii.round};\n width: 150px;\n color: ${theme.colors.secondary};\n text-align: center;\n border: 1px solid ${theme.colors.negative};\n background-color: ${theme.colors.negative_20};\n }\n .react-flow__node-default::before {\n content: \"Unknown node type\";\n display: block;\n }\n .react-flow__node-default.selectable:hover,\n .react-flow__node-input.selectable:hover,\n .react-flow__node-output.selectable:hover,\n .react-flow__node-group.selectable:hover {\n box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n }\n .react-flow__node-default.selectable.selected,\n .react-flow__node-default.selectable:focus,\n .react-flow__node-default.selectable:focus-visible,\n .react-flow__node-input.selectable.selected,\n .react-flow__node-input.selectable:focus,\n .react-flow__node-input.selectable:focus-visible,\n .react-flow__node-output.selectable.selected,\n .react-flow__node-output.selectable:focus,\n .react-flow__node-output.selectable:focus-visible,\n .react-flow__node-group.selectable.selected,\n .react-flow__node-group.selectable:focus,\n .react-flow__node-group.selectable:focus-visible {\n box-shadow: 0 0 0 0.5px #1a192b;\n }\n .react-flow__node-group {\n background-color: rgba(240, 240, 240, 0.25);\n }\n .react-flow__nodesselection-rect,\n .react-flow__selection {\n background: rgba(0, 89, 220, 0.08);\n border: 1px dotted rgba(0, 89, 220, 0.8);\n }\n .react-flow__nodesselection-rect:focus,\n .react-flow__nodesselection-rect:focus-visible,\n .react-flow__selection:focus,\n .react-flow__selection:focus-visible {\n outline: none;\n }\n .react-flow__controls {\n box-shadow: ${theme.colors.shadow};\n }\n .react-flow__controls-button {\n border: none;\n background: #fefefe;\n border-bottom: 1px solid #eee;\n box-sizing: content-box;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding: 5px;\n }\n .react-flow__controls-button:hover {\n background: #f4f4f4;\n }\n .react-flow__controls-button svg {\n width: 100%;\n max-width: 12px;\n max-height: 12px;\n }\n .react-flow__controls-button:disabled {\n pointer-events: none;\n }\n .react-flow__controls-button:disabled svg {\n fill-opacity: 0.4;\n }\n .react-flow__minimap {\n background-color: #fff;\n }\n .react-flow__resize-control {\n position: absolute;\n }\n .react-flow__resize-control.left,\n .react-flow__resize-control.right {\n cursor: ew-resize;\n }\n .react-flow__resize-control.top,\n .react-flow__resize-control.bottom {\n cursor: ns-resize;\n }\n .react-flow__resize-control.top.left,\n .react-flow__resize-control.bottom.right {\n cursor: nwse-resize;\n }\n .react-flow__resize-control.bottom.left,\n .react-flow__resize-control.top.right {\n cursor: nesw-resize;\n }\n / handle styles /\n .react-flow__resize-control.handle {\n width: 4px;\n height: 4px;\n border: 1px solid #fff;\n border-radius: 1px;\n background-color: ${theme.colors.primary};\n transform: translate(-50%, -50%);\n }\n .react-flow__resize-control.handle.left {\n left: 0;\n top: 50%;\n }\n .react-flow__resize-control.handle.right {\n left: 100%;\n top: 50%;\n }\n .react-flow__resize-control.handle.top {\n left: 50%;\n top: 0;\n }\n .react-flow__resize-control.handle.bottom {\n left: 50%;\n top: 100%;\n }\n .react-flow__resize-control.handle.top.left {\n left: 0;\n }\n .react-flow__resize-control.handle.bottom.left {\n left: 0;\n }\n .react-flow__resize-control.handle.top.right {\n left: 100%;\n }\n .react-flow__resize-control.handle.bottom.right {\n left: 100%;\n }\n / line styles */\n .react-flow__resize-control.line {\n border-color: ${theme.colors.primary};\n border-width: 0;\n border-style: solid;\n }\n .react-flow__resize-control.line.left,\n .react-flow__resize-control.line.right {\n width: 1px;\n transform: translate(-50%, 0);\n top: 0;\n height: 100%;\n }\n .react-flow__resize-control.line.left {\n left: 0;\n border-left-width: 1px;\n }\n .react-flow__resize-control.line.right {\n left: 100%;\n border-right-width: 1px;\n }\n .react-flow__resize-control.line.top,\n .react-flow__resize-control.line.bottom {\n height: 1px;\n transform: translate(0, -50%);\n left: 0;\n width: 100%;\n }\n .react-flow__resize-control.line.top {\n top: 0;\n border-top-width: 1px;\n }\n .react-flow__resize-control.line.bottom {\n border-bottom-width: 1px;\n top: 100%;\n }\n`;\n"],"names":["css","theme"],"mappings":";;;;AAGO,MAAM,aAAaA,MAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cA2CZC,eAAA,MAAM,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eA4LrBA,eAAA,MAAM,MAAM,EAAE;AAAA,qBACRA,eAAA,MAAM,MAAM,KAAK;AAAA;AAAA,aAEzBA,eAAA,MAAM,OAAO,SAAS;AAAA;AAAA,wBAEXA,eAAA,MAAM,OAAO,QAAQ;AAAA,wBACrBA,eAAA,MAAM,OAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAyC9BA,eAAA,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBA4DbA,eAAA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAiCxBA,eAAA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/cjs/components/Flow/hooks/useFlowContext.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFlowContext.cjs","sources":["../../../../../src/components/Flow/hooks/useFlowContext.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvFlowContext } from \"../FlowContext\";\n\nexport const useFlowContext = () => useContext(HvFlowContext);\n"],"names":["~~useFlowContext","~~useContext","HvFlowContext"],"mappings":";;;;~~AAIaA~~,~~MAAAA~~,~~iBAAiBA~~,~~MAAMC~~,MAAAA,WAAWC,YAAa,aAAA;;"}
1	+ {"version":3,"file":"useFlowContext.cjs","sources":["../../../../../src/components/Flow/hooks/useFlowContext.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvFlowContext } from \"../FlowContext\";\n\nexport const useFlowContext = () => useContext(HvFlowContext);\n"],"names":["useContext","HvFlowContext"],"mappings":";;;;AAIa,MAAA,iBAAiB,MAAMA,MAAAA,WAAWC,YAAa,aAAA;;"}

package/dist/cjs/components/Flow/hooks/useFlowNode.cjs CHANGED Viewed

@@ -3,26 +3,41 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const ReactFlow = require("reactflow");
 function useFlowNode(id) {
-  const nodeSelector = React.useCallback((state) => state.getNodes().find((n) => n.id === id), [id]);
+  const nodeSelector = React.useCallback(
+    (state) => state.getNodes().find((n) => n.id === id),
+    [id]
+  );
   return ReactFlow.useStore(nodeSelector);
 }
 function useFlowNodeInputEdges(id) {
-  const inputEdgesSelector = React.useCallback((state) => state.edges.filter((e) => e.target === id), [id]);
+  const inputEdgesSelector = React.useCallback(
+    (state) => state.edges.filter((e) => e.target === id),
+    [id]
+  );
   return ReactFlow.useStore(inputEdgesSelector);
 }
 function useFlowNodeOutputEdges(id) {
-  const outputEdgesSelector = React.useCallback((state) => state.edges.filter((e) => e.source === id), [id]);
+  const outputEdgesSelector = React.useCallback(
+    (state) => state.edges.filter((e) => e.source === id),
+    [id]
+  );
   return ReactFlow.useStore(outputEdgesSelector);
 }
 function useFlowNodeEdges(id) {
-  const edgesSelector = React.useCallback((state) => state.edges.filter((e) => e.source === id || e.target === id), [id]);
+  const edgesSelector = React.useCallback(
+    (state) => state.edges.filter((e) => e.source === id || e.target === id),
+    [id]
+  );
   return ReactFlow.useStore(edgesSelector);
 }
 function useFlowNodeParents(id) {
   const inputEdges = useFlowNodeInputEdges(id);
-  const parentNodesSelector = React.useCallback((state) => {
-    return inputEdges.map((e) => state.getNodes().find((n) => n.id === e.source)).filter((n) => n !== null);
-  }, [inputEdges]);
+  const parentNodesSelector = React.useCallback(
+    (state) => {
+      return inputEdges.map((e) => state.getNodes().find((n) => n.id === e.source)).filter((n) => n !== null);
+    },
+    [inputEdges]
+  );
   return ReactFlow.useStore(parentNodesSelector);
 }
 function useFlowInputNodes(id) {

package/dist/cjs/components/Flow/hooks/useFlowNode.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFlowNode.cjs","sources":["../../../../../src/components/Flow/hooks/useFlowNode.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n Node,\n Edge,\n ReactFlowState,\n useStore,\n useNodes,\n useEdges,\n} from \"reactflow\";\n\nexport function useFlowNode<T extends Node = Node>(id: string) {\n const nodeSelector = useCallback(\n (state: ReactFlowState) =>\n state.getNodes().find((n: Node): n is T => n.id === id),\n [id]\n );\n return useStore<T \| undefined>(nodeSelector);\n}\n\nexport function useFlowNodeInputEdges(id: string) {\n const inputEdgesSelector = useCallback(\n (state: ReactFlowState) => state.edges.filter((e: Edge) => e.target === id),\n [id]\n );\n return useStore(inputEdgesSelector);\n}\n\nexport function useFlowNodeOutputEdges(id: string) {\n const outputEdgesSelector = useCallback(\n (state: ReactFlowState) => state.edges.filter((e: Edge) => e.source === id),\n [id]\n );\n return useStore(outputEdgesSelector);\n}\n\nexport function useFlowNodeEdges(id: string) {\n const edgesSelector = useCallback(\n (state: ReactFlowState) =>\n state.edges.filter((e: Edge) => e.source === id \|\| e.target === id),\n [id]\n );\n return useStore(edgesSelector);\n}\n\nexport function useFlowNodeParents(id: string) {\n const inputEdges = useFlowNodeInputEdges(id);\n const parentNodesSelector = useCallback(\n (state: ReactFlowState) => {\n return inputEdges\n .map((e) => state.getNodes().find((n: Node) => n.id === e.source))\n .filter((n): n is Node => n !== null);\n },\n [inputEdges]\n );\n return useStore(parentNodesSelector);\n}\n\nexport function useFlowInputNodes<T = any>(id: string) {\n const nodes = useNodes();\n const edges = useEdges();\n\n return useMemo(() => {\n return edges\n .filter((e) => e.target === id)\n .map((e) => nodes.find((n) => n.id === e.source))\n .filter((n): n is Node<T> => n !== null);\n }, [edges, id, nodes]);\n}\n\nexport function useFlowOutputNodes<T = any>(id: string) {\n const nodes = useNodes();\n const edges = useEdges();\n\n return useMemo(() => {\n return edges\n .filter((e) => e.source === id)\n .map((e) => nodes.find((n) => n.id === e.target))\n .filter((n): n is Node<T> => n !== null);\n }, [edges, id, nodes]);\n}\n"],"names":["~~useFlowNode","id","nodeSelector","~~useCallback","~~state","getNodes","find","n","~~useStore","useFlowNodeInputEdges","inputEdgesSelector","edges","filter","e","target","useFlowNodeOutputEdges","outputEdgesSelector","source","useFlowNodeEdges","edgesSelector","useFlowNodeParents","inputEdges","parentNodesSelector","map","useFlowInputNodes","nodes","useNodes","useEdges","useMemo"~~,"useFlowOutputNodes"~~],"mappings":";;;;AAUO,~~SAASA~~,~~YAAmCC~~,IAAY;AAC7D,~~QAAMC~~,~~eAAeC~~,~~MAAAA~~,~~YACnB~~,~~CAACC~~,~~UACCA~~,~~MAAMC~~,~~WAAWC~~,KAAK,~~CAACC~~,~~MAAoBA~~,~~EAAEN~~,~~OAAOA~~,EAAE,~~GACxD~~,~~CAACA~~,EAAE,~~CACL~~;~~AACA~~,~~SAAOO~~,UAAAA,~~SAAwBN~~,YAAY;AAC7C;AAEO,~~SAASO~~,~~sBAAsBR~~,IAAY;AAChD,~~QAAMS~~,~~qBAAqBP~~,~~MAAAA~~,~~YACzB~~,~~CAACC~~,~~UAA0BA~~,~~MAAMO~~,~~MAAMC~~,OAAO,~~CAACC~~,~~MAAYA~~,~~EAAEC~~,~~WAAWb~~,EAAE,~~GAC1E~~,~~CAACA~~,EAAE,~~CACL~~;~~AACA~~,~~SAAOO~~,UAAAA,~~SAASE~~,kBAAkB;AACpC;AAEO,~~SAASK~~,~~uBAAuBd~~,IAAY;AACjD,~~QAAMe~~,~~sBAAsBb~~,~~MAAAA~~,~~YAC1B~~,~~CAACC~~,~~UAA0BA~~,~~MAAMO~~,~~MAAMC~~,OAAO,~~CAACC~~,~~MAAYA~~,~~EAAEI~~,~~WAAWhB~~,EAAE,~~GAC1E~~,~~CAACA~~,EAAE,~~CACL~~;~~AACA~~,~~SAAOO~~,UAAAA,~~SAASQ~~,mBAAmB;AACrC;AAEO,~~SAASE~~,~~iBAAiBjB~~,IAAY;AAC3C,~~QAAMkB~~,~~gBAAgBhB~~,~~MAAAA~~,~~YACpB~~,~~CAACC~~,~~UACCA~~,~~MAAMO~~,~~MAAMC~~,OAAO,~~CAACC~~,~~MAAYA~~,~~EAAEI~~,~~WAAWhB~~,~~MAAMY~~,~~EAAEC~~,~~WAAWb~~,EAAE,~~GACpE~~,~~CAACA~~,EAAE,~~CACL~~;~~AACA~~,~~SAAOO~~,UAAAA,~~SAASW~~,aAAa;AAC/B;AAEO,~~SAASC~~,~~mBAAmBnB~~,IAAY;~~AACvCoB~~,~~QAAAA~~,~~aAAaZ~~,~~sBAAsBR~~,EAAE;~~AACrCqB~~,~~QAAAA~~,~~sBAAsBnB~~,~~kBAC1B~~,~~CAACC~~,UAA0B;~~AACzB~~,~~WAAOiB~~,~~WACJE~~,~~IAAKV~~,~~CAAAA~~,~~MAAMT~~,~~MAAMC~~,SAAS,~~EAAEC~~,KAAK,~~CAACC~~,~~MAAYA~~,~~EAAEN~~,~~OAAOY~~,~~EAAEI~~,MAAM,CAAC,~~EAChEL~~,OAAO,~~CAACL~~,~~MAAiBA~~,MAAM,IAAI;AAAA,~~EAAA~~,~~GAExC~~,~~CAACc~~,UAAU,~~CACb~~;~~AACA~~,~~SAAOb~~,UAAAA,~~SAASc~~,mBAAmB;AACrC;AAEO,~~SAASE~~,~~kBAA2BvB~~,IAAY;AACrD,~~QAAMwB~~,QAAQC,UAAAA;AACd,~~QAAMf~~,~~QAAQgB~~,UAAAA;AAEd,SAAOC,cAAQ,MAAM;~~AACZjB~~,~~WAAAA~~,~~MACJC~~,~~OAAQC~~,~~CAAMA~~,~~MAAAA~~,~~EAAEC~~,~~WAAWb~~,EAAE,~~EAC7BsB~~,~~IAAKV~~,~~CAAAA~~,~~MAAMY~~,~~MAAMnB~~,~~KAAMC~~,~~OAAMA~~,~~EAAEN~~,~~OAAOY~~,~~EAAEI~~,MAAM,CAAC,EAC/CL,OAAO,~~CAACL~~,~~MAAoBA~~,MAAM,IAAI;AAAA,EACxC,GAAA,~~CAACI~~,~~OAAOV~~,~~IAAIwB~~,KAAK,CAAC;AACvB;AAEO,~~SAASI~~,~~mBAA4B5B~~,IAAY;AACtD,~~QAAMwB~~,~~QAAQC~~,UAAAA;AACd,~~QAAMf~~,~~QAAQgB~~,UAAAA;AAEd,SAAOC,cAAQ,MAAM;~~AACZjB~~,~~WAAAA~~,~~MACJC~~,~~OAAQC~~,~~CAAMA~~,~~MAAAA~~,~~EAAEI~~,~~WAAWhB~~,EAAE,~~EAC7BsB~~,~~IAAKV~~,~~CAAAA~~,~~MAAMY~~,~~MAAMnB~~,~~KAAMC~~,~~OAAMA~~,~~EAAEN~~,~~OAAOY~~,~~EAAEC~~,MAAM,CAAC,EAC/CF,OAAO,~~CAACL~~,~~MAAoBA~~,MAAM,IAAI;AAAA,EACxC,GAAA,~~CAACI~~,~~OAAOV~~,~~IAAIwB~~,KAAK,CAAC;AACvB;;;;;;;;"}
1	+ {"version":3,"file":"useFlowNode.cjs","sources":["../../../../../src/components/Flow/hooks/useFlowNode.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n Node,\n Edge,\n ReactFlowState,\n useStore,\n useNodes,\n useEdges,\n} from \"reactflow\";\n\nexport function useFlowNode<T extends Node = Node>(id: string) {\n const nodeSelector = useCallback(\n (state: ReactFlowState) =>\n state.getNodes().find((n: Node): n is T => n.id === id),\n [id]\n );\n return useStore<T \| undefined>(nodeSelector);\n}\n\nexport function useFlowNodeInputEdges(id: string) {\n const inputEdgesSelector = useCallback(\n (state: ReactFlowState) => state.edges.filter((e: Edge) => e.target === id),\n [id]\n );\n return useStore(inputEdgesSelector);\n}\n\nexport function useFlowNodeOutputEdges(id: string) {\n const outputEdgesSelector = useCallback(\n (state: ReactFlowState) => state.edges.filter((e: Edge) => e.source === id),\n [id]\n );\n return useStore(outputEdgesSelector);\n}\n\nexport function useFlowNodeEdges(id: string) {\n const edgesSelector = useCallback(\n (state: ReactFlowState) =>\n state.edges.filter((e: Edge) => e.source === id \|\| e.target === id),\n [id]\n );\n return useStore(edgesSelector);\n}\n\nexport function useFlowNodeParents(id: string) {\n const inputEdges = useFlowNodeInputEdges(id);\n const parentNodesSelector = useCallback(\n (state: ReactFlowState) => {\n return inputEdges\n .map((e) => state.getNodes().find((n: Node) => n.id === e.source))\n .filter((n): n is Node => n !== null);\n },\n [inputEdges]\n );\n return useStore(parentNodesSelector);\n}\n\nexport function useFlowInputNodes<T = any>(id: string) {\n const nodes = useNodes();\n const edges = useEdges();\n\n return useMemo(() => {\n return edges\n .filter((e) => e.target === id)\n .map((e) => nodes.find((n) => n.id === e.source))\n .filter((n): n is Node<T> => n !== null);\n }, [edges, id, nodes]);\n}\n\nexport function useFlowOutputNodes<T = any>(id: string) {\n const nodes = useNodes();\n const edges = useEdges();\n\n return useMemo(() => {\n return edges\n .filter((e) => e.source === id)\n .map((e) => nodes.find((n) => n.id === e.target))\n .filter((n): n is Node<T> => n !== null);\n }, [edges, id, nodes]);\n}\n"],"names":["useCallback","useStore","useNodes","useEdges","useMemo"],"mappings":";;;;AAUO,SAAS,YAAmC,IAAY;AAC7D,QAAM,eAAeA,MAAA;AAAA,IACnB,CAAC,UACC,MAAM,WAAW,KAAK,CAAC,MAAoB,EAAE,OAAO,EAAE;AAAA,IACxD,CAAC,EAAE;AAAA,EAAA;AAEL,SAAOC,UAAAA,SAAwB,YAAY;AAC7C;AAEO,SAAS,sBAAsB,IAAY;AAChD,QAAM,qBAAqBD,MAAA;AAAA,IACzB,CAAC,UAA0B,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,EAAE;AAAA,IAC1E,CAAC,EAAE;AAAA,EAAA;AAEL,SAAOC,UAAAA,SAAS,kBAAkB;AACpC;AAEO,SAAS,uBAAuB,IAAY;AACjD,QAAM,sBAAsBD,MAAA;AAAA,IAC1B,CAAC,UAA0B,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,EAAE;AAAA,IAC1E,CAAC,EAAE;AAAA,EAAA;AAEL,SAAOC,UAAAA,SAAS,mBAAmB;AACrC;AAEO,SAAS,iBAAiB,IAAY;AAC3C,QAAM,gBAAgBD,MAAA;AAAA,IACpB,CAAC,UACC,MAAM,MAAM,OAAO,CAAC,MAAY,EAAE,WAAW,MAAM,EAAE,WAAW,EAAE;AAAA,IACpE,CAAC,EAAE;AAAA,EAAA;AAEL,SAAOC,UAAAA,SAAS,aAAa;AAC/B;AAEO,SAAS,mBAAmB,IAAY;AACvC,QAAA,aAAa,sBAAsB,EAAE;AAC3C,QAAM,sBAAsBD,MAAA;AAAA,IAC1B,CAAC,UAA0B;AAClB,aAAA,WACJ,IAAI,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,CAAC,MAAY,EAAE,OAAO,EAAE,MAAM,CAAC,EAChE,OAAO,CAAC,MAAiB,MAAM,IAAI;AAAA,IACxC;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAEb,SAAOC,UAAAA,SAAS,mBAAmB;AACrC;AAEO,SAAS,kBAA2B,IAAY;AACrD,QAAM,QAAQC,UAAAA;AACd,QAAM,QAAQC,UAAAA;AAEd,SAAOC,cAAQ,MAAM;AACZ,WAAA,MACJ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,EAC7B,IAAI,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAC/C,OAAO,CAAC,MAAoB,MAAM,IAAI;AAAA,EACxC,GAAA,CAAC,OAAO,IAAI,KAAK,CAAC;AACvB;AAEO,SAAS,mBAA4B,IAAY;AACtD,QAAM,QAAQF,UAAAA;AACd,QAAM,QAAQC,UAAAA;AAEd,SAAOC,cAAQ,MAAM;AACZ,WAAA,MACJ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,EAC7B,IAAI,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAC/C,OAAO,CAAC,MAAoB,MAAM,IAAI;AAAA,EACxC,GAAA,CAAC,OAAO,IAAI,KAAK,CAAC;AACvB;;;;;;;;"}

package/dist/cjs/components/Flow/hooks/useFlowNodeMeta.cjs CHANGED Viewed

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const NodeMetaContext = require("../FlowContext/NodeMetaContext.cjs");
 function useFlowNodeMeta(id) {
-  const {
-    registry
-  } = NodeMetaContext.useNodeMetaRegistry();
+  const { registry } = NodeMetaContext.useNodeMetaRegistry();
   return registry[id];
 }
 exports.useFlowNodeMeta = useFlowNodeMeta;

package/dist/cjs/components/Flow/hooks/useFlowNodeMeta.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFlowNodeMeta.cjs","sources":["../../../../../src/components/Flow/hooks/useFlowNodeMeta.ts"],"sourcesContent":["import { useNodeMetaRegistry } from \"../FlowContext/NodeMetaContext\";\n\nexport function useFlowNodeMeta(id: string) {\n const { registry } = useNodeMetaRegistry();\n\n return registry[id];\n}\n"],"names":["~~useFlowNodeMeta","id","registry","~~useNodeMetaRegistry"],"mappings":";;;AAEO,~~SAASA~~,~~gBAAgBC~~,IAAY;AACpC,QAAA~~;AAAA~~,~~IAAEC;AAAAA~~,~~MAAaC~~,~~gBAAoB,oBAAA~~;~~AAEzC~~,~~SAAOD~~,~~SAASD~~,EAAE;AACpB;;"}
1	+ {"version":3,"file":"useFlowNodeMeta.cjs","sources":["../../../../../src/components/Flow/hooks/useFlowNodeMeta.ts"],"sourcesContent":["import { useNodeMetaRegistry } from \"../FlowContext/NodeMetaContext\";\n\nexport function useFlowNodeMeta(id: string) {\n const { registry } = useNodeMetaRegistry();\n\n return registry[id];\n}\n"],"names":["useNodeMetaRegistry"],"mappings":";;;AAEO,SAAS,gBAAgB,IAAY;AACpC,QAAA,EAAE,aAAaA,gBAAAA;AAErB,SAAO,SAAS,EAAE;AACpB;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/DefaultNavigation.cjs CHANGED Viewed

@@ -13,46 +13,43 @@ const HvDefaultNavigation = ({
   children,
   ...other
 }) => {
-  const {
-    activeTheme
-  } = uikitReactCore.useTheme();
-  const {
-    container: maxSize,
-    avatar: minSize
-  } = utils.stepSizes[stepSize];
+  const { activeTheme } = uikitReactCore.useTheme();
+  const { container: maxSize, avatar: minSize } = utils.stepSizes[stepSize];
   const StepComponent = Step.HvStep;
   const stepsWidth = maxSize + minSize * (numSteps - 1);
-  const {
-    width,
-    titleWidth,
-    separatorWidth
-  } = getDynamicValues(stepsWidth);
+  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);
   const maxWidth = Math.max(titleWidth - minSize, separatorWidth);
-  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);
+  const minWidth = Math.max(
+    titleWidth - (maxSize + minSize) * 0.5,
+    separatorWidth
+  );
   const Steps = children;
-  const titles = getTitles(({
-    state
-  }) => ({
+  const titles = getTitles(({ state }) => ({
     variant: "label",
     titleWidth,
     titleDisabled: state === "Disabled"
   }));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...other, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Steps, { ...{
-      stepsWidth,
-      navWidth: width,
-      separatorValues: {
-        minWidth,
-        maxWidth,
-        getColor: utils.getColor,
-        height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0
-      },
-      stepValues: {
-        minSize,
-        maxSize,
-        StepComponent
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Steps,
+      {
+        ...{
+          stepsWidth,
+          navWidth: width,
+          separatorValues: {
+            minWidth,
+            maxWidth,
+            getColor: utils.getColor,
+            height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0
+          },
+          stepValues: {
+            minSize,
+            maxSize,
+            StepComponent
+          }
+        }
       }
-    } }),
+    ),
     titles
   ] });
 };

package/dist/cjs/components/StepNavigation/DefaultNavigation/DefaultNavigation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultNavigation.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/DefaultNavigation.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n HvBaseProps,\n HvTheme,\n useTheme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStep, HvStepProps } from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n stepsWidth: number;\n navWidth: number;\n separatorValues: {\n minWidth: number;\n maxWidth: number;\n getColor: (state: HvStepProps[\"state\"], activeTheme: HvTheme) => any;\n height: number;\n };\n stepValues: {\n minSize: number;\n maxSize: number;\n StepComponent: React.ComponentType<HvStepProps>;\n };\n};\n\nexport interface HvDefaultNavigationProps\n extends Omit<HvBaseProps, \"children\"> {\n /** Number of steps to show on the component. /\n numSteps: number;\n /* Sets one of the standard sizes of the steps. /\n stepSize: \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\";\n /* Returns a `ReactNode` of the titles container. /\n getTitles: (\n getTitleProps?: (params: {\n state: HvStepProps[\"state\"];\n rawTitle: string;\n number: number;\n }) => { variant?: string; title?: string }\n ) => ReactNode;\n /* Returns dynamic width values of the component (width, titleWidth, separatorWidth). /\n getDynamicValues: (stepsWidth: number) => {\n width: number;\n titleWidth: number;\n separatorWidth: number;\n };\n /* Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} /\n children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvDefaultNavigation = ({\n numSteps,\n stepSize,\n getTitles,\n getDynamicValues,\n className,\n children,\n ...other\n}: HvDefaultNavigationProps) => {\n const { activeTheme } = useTheme();\n\n // step values\n const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n const StepComponent = HvStep;\n //\n\n const stepsWidth = maxSize + minSize (numSteps - 1);\n const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n // separator values\n const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n const minWidth = Math.max(\n titleWidth - (maxSize + minSize) * 0.5,\n separatorWidth\n );\n //\n\n const Steps = children;\n\n const titles = getTitles(({ state }) => ({\n variant: \"label\",\n titleWidth,\n titleDisabled: state === \"Disabled\",\n }));\n\n return (\n <div {...other}>\n <Steps\n {...{\n stepsWidth,\n navWidth: width,\n separatorValues: {\n minWidth,\n maxWidth,\n getColor,\n height: activeTheme?.stepNavigation.defaultSeparatorHeight \|\| 0,\n },\n stepValues: {\n minSize,\n maxSize,\n StepComponent,\n },\n }}\n />\n {titles}\n </div>\n );\n};\n"],"names":["~~HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","className","children","other","activeTheme","~~useTheme","~~container","maxSize","avatar","minSize","~~stepSizes","~~StepComponent","~~HvStep","~~stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","titleDisabled","~~jsxs","jsx","~~navWidth","separatorValues","~~getColor"~~,"height","stepNavigation","defaultSeparatorHeight","stepValues"~~],"mappings":";;;;;;AAkDO,~~MAAMA~~,~~sBAAsBA~~,CAAC;AAAA,~~EAClCC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,EACA,~~GAAGC~~;~~AACqB~~,~~MAAM~~;AACxB,QAAA~~;AAAA~~,~~IAAEC;AAAAA~~,~~MAAgBC~~,~~eAAS,SAAA~~;~~AAG3B~~,~~QAAA;AAAA~~,~~IAAEC~~,~~WAAWC;AAAAA~~,~~IAASC~~,~~QAAQC;AAAAA~~,~~EAAAA~~,~~IAAYC,~~MAAAA,~~UAAUZ~~,QAAQ;AAClE,~~QAAMa~~,gBAAgBC,KAAAA;~~AAGhBC~~,~~QAAAA~~,~~aAAaN~~,~~UAAUE~~,~~WAAWZ~~,WAAW;~~AAC7C~~,~~QAAA;AAAA~~,~~IAAEiB;AAAAA~~,~~IAAOC;AAAAA~~,~~IAAYC;AAAAA~~,~~EAAAA~~,~~IAAmBhB~~,~~iBAAiBa~~,UAAU;AAGzE,~~QAAMI~~,~~WAAWC~~,~~KAAKC~~,~~IAAIJ~~,~~aAAaN~~,~~SAASO~~,cAAc;AAC9D,~~QAAMI~~,~~WAAWF~~,~~KAAKC~~,~~IACpBJ~~,~~cAAcR~~,~~UAAUE~~,WAAW,~~KACnCO~~,~~cACF~~;~~AAGA~~,~~QAAMK~~,~~QAAQnB~~;~~AAERoB~~,~~QAAAA~~,~~SAASvB~~,UAAU,CAAC~~;AAAA~~,~~IAAEwB;AAAAA~~,~~EAAAA,OAAa~~;AAAA,~~IACvCC~~,SAAS;AAAA,~~IACTT~~;~~AAAAA~~,~~IACAU~~,~~eAAeF~~,UAAU;AAAA,EACzB,EAAA;AAGA,~~SAAAG~~,2BAAA,KAAC,~~OAAI~~,EAAA,~~GAAIvB~~,OACP,UAAA;AAAA,~~IAAAwB~~,2BAAA,~~IAAC~~,~~SACK~~,~~GAAA~~;AAAA,~~MACFd~~;~~AAAAA~~,~~MACAe~~,~~UAAUd~~;~~AAAAA~~,~~MACVe~~,iBAAiB;AAAA,~~QACfT~~;~~AAAAA~~,~~QACAH~~;~~AAAAA~~,~~QAAAA~~,~~UACAa~~,~~MAAAA~~;~~AAAAA~~,~~QACAC~~,~~QAAQ3B~~,~~aAAa4B~~,~~eAAeC~~,0BAA0B;AAAA,~~MAChE~~;AAAA,~~MACAC~~,YAAY;AAAA,~~QACVzB~~;~~AAAAA~~,~~QACAF~~;~~AAAAA~~,~~QACAI~~;~~AAAAA~~,~~MACF~~;AAAA,~~IAAA~~,~~GACA~~;AAAA,~~IAEHW~~;~~AAAAA~~,EACH,EAAA,CAAA;AAEJ;;"}
1	+ {"version":3,"file":"DefaultNavigation.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/DefaultNavigation.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n HvBaseProps,\n HvTheme,\n useTheme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStep, HvStepProps } from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n stepsWidth: number;\n navWidth: number;\n separatorValues: {\n minWidth: number;\n maxWidth: number;\n getColor: (state: HvStepProps[\"state\"], activeTheme: HvTheme) => any;\n height: number;\n };\n stepValues: {\n minSize: number;\n maxSize: number;\n StepComponent: React.ComponentType<HvStepProps>;\n };\n};\n\nexport interface HvDefaultNavigationProps\n extends Omit<HvBaseProps, \"children\"> {\n /** Number of steps to show on the component. /\n numSteps: number;\n /* Sets one of the standard sizes of the steps. /\n stepSize: \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\";\n /* Returns a `ReactNode` of the titles container. /\n getTitles: (\n getTitleProps?: (params: {\n state: HvStepProps[\"state\"];\n rawTitle: string;\n number: number;\n }) => { variant?: string; title?: string }\n ) => ReactNode;\n /* Returns dynamic width values of the component (width, titleWidth, separatorWidth). /\n getDynamicValues: (stepsWidth: number) => {\n width: number;\n titleWidth: number;\n separatorWidth: number;\n };\n /* Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} /\n children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvDefaultNavigation = ({\n numSteps,\n stepSize,\n getTitles,\n getDynamicValues,\n className,\n children,\n ...other\n}: HvDefaultNavigationProps) => {\n const { activeTheme } = useTheme();\n\n // step values\n const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n const StepComponent = HvStep;\n //\n\n const stepsWidth = maxSize + minSize (numSteps - 1);\n const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n // separator values\n const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n const minWidth = Math.max(\n titleWidth - (maxSize + minSize) * 0.5,\n separatorWidth\n );\n //\n\n const Steps = children;\n\n const titles = getTitles(({ state }) => ({\n variant: \"label\",\n titleWidth,\n titleDisabled: state === \"Disabled\",\n }));\n\n return (\n <div {...other}>\n <Steps\n {...{\n stepsWidth,\n navWidth: width,\n separatorValues: {\n minWidth,\n maxWidth,\n getColor,\n height: activeTheme?.stepNavigation.defaultSeparatorHeight \|\| 0,\n },\n stepValues: {\n minSize,\n maxSize,\n StepComponent,\n },\n }}\n />\n {titles}\n </div>\n );\n};\n"],"names":["useTheme","stepSizes","HvStep","jsxs","jsx","getColor"],"mappings":";;;;;;AAkDO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,gBAAgBA,eAAAA;AAGxB,QAAM,EAAE,WAAW,SAAS,QAAQ,YAAYC,MAAAA,UAAU,QAAQ;AAClE,QAAM,gBAAgBC,KAAAA;AAGhB,QAAA,aAAa,UAAU,WAAW,WAAW;AACnD,QAAM,EAAE,OAAO,YAAY,eAAe,IAAI,iBAAiB,UAAU;AAGzE,QAAM,WAAW,KAAK,IAAI,aAAa,SAAS,cAAc;AAC9D,QAAM,WAAW,KAAK;AAAA,IACpB,cAAc,UAAU,WAAW;AAAA,IACnC;AAAA,EAAA;AAIF,QAAM,QAAQ;AAEd,QAAM,SAAS,UAAU,CAAC,EAAE,aAAa;AAAA,IACvC,SAAS;AAAA,IACT;AAAA,IACA,eAAe,UAAU;AAAA,EACzB,EAAA;AAGA,SAAAC,2BAAA,KAAC,OAAK,EAAA,GAAG,OACP,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,UACF;AAAA,UACA,UAAU;AAAA,UACV,iBAAiB;AAAA,YACf;AAAA,YACA;AAAA,YAAA,UACAC,MAAA;AAAA,YACA,QAAQ,aAAa,eAAe,0BAA0B;AAAA,UAChE;AAAA,UACA,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IACC;AAAA,EACH,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs CHANGED Viewed

@@ -15,10 +15,7 @@ const HvStep = ({
   size = "md",
   number = 1
 }) => {
-  const {
-    classes,
-    cx
-  } = Step_styles.useClasses(classesProp);
+  const { classes, cx } = Step_styles.useClasses(classesProp);
   const iconSize = {
     xs: "XS",
     sm: "XS",
@@ -47,11 +44,50 @@ const HvStep = ({
     Failed: uikitReactIcons.Level3Bad,
     Completed: uikitReactIcons.Level0Good
   }[state];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.root, {
-    [classes.notCurrent]: state !== "Current"
-  }, className), children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { className: cx(classes.ghost, {
-    [classes.ghostDisabled]: state === "Current"
-  }), "aria-label": `${title}`, icon: true, overrideIconColors: false, disabled: disabled ?? ["Current", "Disabled"].includes(state), onClick, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvAvatar, { className: cx(classes.avatar, classes[size]), backgroundColor, status, size, children: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { color, semantic, width: svgSize, height: svgSize, iconSize }) : number }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cx(
+        classes.root,
+        {
+          [classes.notCurrent]: state !== "Current"
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        uikitReactCore.HvButton,
+        {
+          className: cx(classes.ghost, {
+            [classes.ghostDisabled]: state === "Current"
+          }),
+          "aria-label": `${title}`,
+          icon: true,
+          overrideIconColors: false,
+          disabled: disabled ?? ["Current", "Disabled"].includes(state),
+          onClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            uikitReactCore.HvAvatar,
+            {
+              className: cx(classes.avatar, classes[size]),
+              backgroundColor,
+              status,
+              size,
+              children: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+                IconComponent,
+                {
+                  color,
+                  semantic,
+                  width: svgSize,
+                  height: svgSize,
+                  iconSize
+                }
+              ) : number
+            }
+          )
+        }
+      )
+    }
+  );
 };
 exports.HvStep = HvStep;
 //# sourceMappingURL=Step.cjs.map

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n Level0Good,\n Level3Bad,\n HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvAvatarSize,\n HvButtonProps,\n HvBaseProps,\n ExtractNames,\n HvAvatar,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor, getSemantic } from \"../utils\";\nimport { useClasses } from \"./Step.styles\";\n\ntype HvStepClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepProps\n extends Pick<HvButtonProps, \"onClick\">,\n Omit<HvBaseProps, \"onClick\"> {\n /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. /\n classes?: HvStepClasses;\n /* State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} /\n state:\n \| \"Pending\"\n \| \"Failed\"\n \| \"Completed\"\n \| \"Current\"\n \| \"Disabled\"\n \| \"Enabled\";\n /* Title of the step. /\n title: string;\n /* Sets one of the standard sizes of the step /\n size?: HvAvatarSize;\n /* Number of the step. /\n number?: number;\n /\n Define if a step is disabled/enabled.\n * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n /\n disabled?: boolean;\n}\n\n/\n Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n className,\n classes: classesProp,\n state,\n title,\n onClick,\n disabled,\n size = \"md\",\n number = 1,\n}: HvStepProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const iconSize = {\n xs: \"XS\",\n sm: \"XS\",\n md: \"S\",\n ml: \"M\",\n xl: \"M\",\n }[size];\n\n const squareL = {\n Pending: 16,\n Failed: 24,\n Completed: 24,\n }[state];\n\n const svgSize = {\n xs: squareL - 8,\n sm: squareL,\n md: squareL + 8,\n lg: squareL + 16,\n xl: squareL + 24,\n }[size];\n\n const backgroundColor = getColor(state);\n\n const color = state === \"Pending\" ? \"atmo2\" : undefined;\n const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n const IconComponent = {\n Pending: HourGlass,\n Failed: Level3Bad,\n Completed: Level0Good,\n }[state];\n\n return (\n <div\n className={cx(\n classes.root,\n {\n [classes.notCurrent]: state !== \"Current\",\n },\n className\n )}\n >\n <HvButton\n className={cx(classes.ghost, {\n [classes.ghostDisabled]: state === \"Current\",\n })}\n aria-label={`${title}`}\n icon\n overrideIconColors={false}\n disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n <HvAvatar\n className={cx(classes.avatar, classes[size])}\n backgroundColor={backgroundColor}\n status={status}\n size={size}\n >\n {IconComponent ? (\n <IconComponent\n color={color}\n semantic={semantic}\n width={svgSize}\n height={svgSize}\n iconSize={iconSize}\n />\n ) : (\n number\n )}\n </HvAvatar>\n </HvButton>\n </div>\n );\n};\n"],"names":["~~HvStep","className","classes","classesProp","state","title","onClick","disabled","size","number","cx","~~useClasses","~~iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","~~getColor","~~color","undefined","semantic","~~getSemantic","~~status","IconComponent","~~HourGlass","Level3Bad","Level0Good","jsx","~~root","notCurrent","~~HvButton","~~ghost","ghostDisabled","includes","~~HvAvatar"~~,"avatar"~~],"mappings":";;;;;;;AAgDO,~~MAAMA~~,~~SAASA~~,CAAC;AAAA,~~EACrBC~~;~~AAAAA~~,~~EACAC~~,~~SAASC~~;~~AAAAA~~,~~EACTC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~,OAAO;AAAA,~~EACPC~~,SAAS;~~AACE,MAAM;~~AACX,~~QAAA~~;~~AAAA~~,~~IAAEP;AAAAA~~,~~IAASQ;AAAAA~~,~~EAAAA~~,~~IAAOC~~,~~YAAAA~~,~~WAAWR~~,WAAW;AAE9C,~~QAAMS~~,WAAW;AAAA,~~IACfC~~,IAAI;AAAA,~~IACJC~~,IAAI;AAAA,~~IACJC~~,IAAI;AAAA,~~IACJC~~,IAAI;AAAA,~~IACJC~~,IAAI;AAAA,~~IACJT~~,IAAI;AAEN,~~QAAMU~~,UAAU;AAAA,~~IACdC~~,SAAS;AAAA,~~IACTC~~,QAAQ;AAAA,~~IACRC~~,WAAW;AAAA,~~IACXjB~~,KAAK;AAEP,~~QAAMkB~~,UAAU;AAAA,~~IACdT~~,~~IAAIK~~,UAAU;AAAA,~~IACdJ~~,~~IAAII~~;~~AAAAA~~,~~IACJH~~,~~IAAIG~~,UAAU;AAAA,~~IACdK~~,~~IAAIL~~,UAAU;AAAA,~~IACdD~~,~~IAAIC~~,UAAU;AAAA,~~IACdV~~,IAAI;~~AAEAgB~~,~~QAAAA~~,kBAAkBC,~~eAASrB~~,KAAK;~~AAEhCsB~~,~~QAAAA~~,~~QAAQtB~~,UAAU,YAAY,~~UAAUuB~~;AAC9C,~~QAAMC~~,~~WAAWxB~~,UAAU,~~YAAYyB~~,~~MAAAA~~,~~YAAYzB~~,KAAK,~~IAAIuB~~;~~AACtDG~~,~~QAAAA~~,~~SAAS1B~~,UAAU,YAAY,~~iBAAiBuB~~;AAEtD,~~QAAMI~~,gBAAgB;AAAA,~~IACpBZ~~,~~SAASa~~,~~gBAAAA~~;~~AAAAA~~,~~IACTZ~~,~~QAAQa~~,~~gBAAAA~~;~~AAAAA~~,~~IACRZ~~,~~WAAWa~~,~~gBAAAA~~;~~AAAAA~~,~~IACX9B~~,KAAK;~~AAEP~~,~~SACG+B~~,~~2BAAAA~~,IAAA,~~OAAA~~,~~EACC~~,~~WAAWzB~~,~~GACTR~~,~~QAAQkC,MACR~~;AAAA,~~IACE~~,~~CAAClC~~,~~QAAQmC~~,UAAU,~~GAAGjC~~,UAAU;AAAA,~~EAAA~~,~~GAElCH~~,~~SACF~~,~~GAEA~~,~~UAAAkC,+BAACG~~,~~eAAAA~~,~~YACC~~,~~WAAW5B~~,~~GAAGR~~,~~QAAQqC~~,OAAO;AAAA,~~IAC3B~~,~~CAACrC~~,~~QAAQsC~~,aAAa,~~GAAGpC~~,UAAU;AAAA,~~EACpC~~,~~CAAA~~,~~GACD~~,~~cAAa~~,~~GAAEC~~,~~KAAM~~,~~IACrB~~,MAAI,~~MACJ~~,oBAAoB,~~OACpB~~,~~UAAUE~~,YAAY,CAAC,WAAW,UAAU,~~EAAEkC~~,~~SAASrC~~,KAAK,~~GAC5D~~,~~SAEA~~,~~UAAA+B,+BAACO~~,~~eAAAA~~,~~UACC~~,~~EAAA~~,~~WAAWhC~~,~~GAAGR~~,~~QAAQyC~~,~~QAAQzC~~,~~QAAQM~~,IAAI,CAAC,~~GAC3C~~,~~iBACA~~,~~QACA~~,~~MAECuB~~,UACC,~~gBAAAI~~,2BAAA,~~IAAC~~,~~iBACC~~,~~OACA~~,~~UACA~~,~~OAAOb~~,~~SACP~~,~~QAAQA~~,~~SACR~~,~~SAAmB~~,~~CAAA~~,~~IAGrBb~~,~~OAEJ~~,~~CAAA~~,~~EACF~~,~~CAAA~~,~~EACF~~,~~CAAA~~;~~AAEJ~~;;"}
1	+ {"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n Level0Good,\n Level3Bad,\n HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n HvAvatarSize,\n HvButtonProps,\n HvBaseProps,\n ExtractNames,\n HvAvatar,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor, getSemantic } from \"../utils\";\nimport { useClasses } from \"./Step.styles\";\n\ntype HvStepClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepProps\n extends Pick<HvButtonProps, \"onClick\">,\n Omit<HvBaseProps, \"onClick\"> {\n /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. /\n classes?: HvStepClasses;\n /* State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} /\n state:\n \| \"Pending\"\n \| \"Failed\"\n \| \"Completed\"\n \| \"Current\"\n \| \"Disabled\"\n \| \"Enabled\";\n /* Title of the step. /\n title: string;\n /* Sets one of the standard sizes of the step /\n size?: HvAvatarSize;\n /* Number of the step. /\n number?: number;\n /\n Define if a step is disabled/enabled.\n * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n /\n disabled?: boolean;\n}\n\n/\n Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n className,\n classes: classesProp,\n state,\n title,\n onClick,\n disabled,\n size = \"md\",\n number = 1,\n}: HvStepProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const iconSize = {\n xs: \"XS\",\n sm: \"XS\",\n md: \"S\",\n ml: \"M\",\n xl: \"M\",\n }[size];\n\n const squareL = {\n Pending: 16,\n Failed: 24,\n Completed: 24,\n }[state];\n\n const svgSize = {\n xs: squareL - 8,\n sm: squareL,\n md: squareL + 8,\n lg: squareL + 16,\n xl: squareL + 24,\n }[size];\n\n const backgroundColor = getColor(state);\n\n const color = state === \"Pending\" ? \"atmo2\" : undefined;\n const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n const IconComponent = {\n Pending: HourGlass,\n Failed: Level3Bad,\n Completed: Level0Good,\n }[state];\n\n return (\n <div\n className={cx(\n classes.root,\n {\n [classes.notCurrent]: state !== \"Current\",\n },\n className\n )}\n >\n <HvButton\n className={cx(classes.ghost, {\n [classes.ghostDisabled]: state === \"Current\",\n })}\n aria-label={`${title}`}\n icon\n overrideIconColors={false}\n disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n <HvAvatar\n className={cx(classes.avatar, classes[size])}\n backgroundColor={backgroundColor}\n status={status}\n size={size}\n >\n {IconComponent ? (\n <IconComponent\n color={color}\n semantic={semantic}\n width={svgSize}\n height={svgSize}\n iconSize={iconSize}\n />\n ) : (\n number\n )}\n </HvAvatar>\n </HvButton>\n </div>\n );\n};\n"],"names":["useClasses","getColor","getSemantic","HourGlass","Level3Bad","Level0Good","jsx","HvButton","HvAvatar"],"mappings":";;;;;;;AAgDO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAmB;AACjB,QAAM,EAAE,SAAS,GAAG,IAAIA,uBAAW,WAAW;AAE9C,QAAM,WAAW;AAAA,IACf,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAEN,QAAM,UAAU;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,KAAK;AAEP,QAAM,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd,IAAI;AAAA,IACJ,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd,IAAI;AAEA,QAAA,kBAAkBC,eAAS,KAAK;AAEhC,QAAA,QAAQ,UAAU,YAAY,UAAU;AAC9C,QAAM,WAAW,UAAU,YAAYC,MAAA,YAAY,KAAK,IAAI;AACtD,QAAA,SAAS,UAAU,YAAY,iBAAiB;AAEtD,QAAM,gBAAgB;AAAA,IACpB,SAASC,gBAAA;AAAA,IACT,QAAQC,gBAAA;AAAA,IACR,WAAWC,gBAAA;AAAA,IACX,KAAK;AAGL,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,UAAU,GAAG,UAAU;AAAA,QAClC;AAAA,QACA;AAAA,MACF;AAAA,MAEA,UAAAA,2BAAA;AAAA,QAACC,eAAA;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,QAAQ,OAAO;AAAA,YAC3B,CAAC,QAAQ,aAAa,GAAG,UAAU;AAAA,UAAA,CACpC;AAAA,UACD,cAAY,GAAG,KAAK;AAAA,UACpB,MAAI;AAAA,UACJ,oBAAoB;AAAA,UACpB,UAAU,YAAY,CAAC,WAAW,UAAU,EAAE,SAAS,KAAK;AAAA,UAC5D;AAAA,UAEA,UAAAD,2BAAA;AAAA,YAACE,eAAA;AAAA,YAAA;AAAA,cACC,WAAW,GAAG,QAAQ,QAAQ,QAAQ,IAAI,CAAC;AAAA,cAC3C;AAAA,cACA;AAAA,cACA;AAAA,cAEC,UACC,gBAAAF,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR;AAAA,gBAAA;AAAA,cAAA,IAGF;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.styles.cjs CHANGED Viewed

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const {
-  staticClasses,
-  useClasses
-} = uikitReactCore.createClasses("HvStep", {
+const { staticClasses, useClasses } = uikitReactCore.createClasses("HvStep", {
   root: {},
   ghost: {
     "&:hover": {
@@ -18,9 +15,7 @@ const {
     }
   },
   ghostDisabled: {},
-  notCurrent: {
-    margin: "-8px"
-  },
+  notCurrent: { margin: "-8px" },
   xs: {},
   sm: {},
   md: {},

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.styles.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvStep\", {\n root: {},\n ghost: {\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n \"&$ghostDisabled\": {\n cursor: \"default\",\n },\n \"&$ghostDisabled&:hover\": {\n cursor: \"default\",\n },\n },\n ghostDisabled: {},\n notCurrent: { margin: \"-8px\" },\n xs: {},\n sm: {},\n md: {},\n lg: {},\n xl: {},\n avatar: {\n \"&$xs\": {\n fontSize: \"0.625rem\",\n },\n \"&$sm\": {\n fontSize: \"1rem\",\n },\n \"&$md\": {\n fontSize: \"1.5rem\",\n },\n \"&$lg\": {\n fontSize: \"2rem\",\n },\n \"&$xl\": {\n fontSize: \"2.5rem\",\n },\n },\n});\n"],"names":["~~staticClasses","useClasses","~~createClasses"~~,"root","ghost","backgroundColor","cursor","ghostDisabled","notCurrent","margin","xs","sm","md","lg","xl","avatar","fontSize"~~],"mappings":";;;~~AAEa~~,~~MAAA;AAAA~~,~~EAAEA;AAAAA~~,~~EAAeC;AAAW~~,~~IAAIC~~,eAAAA,cAAc,UAAU;AAAA,~~EACnEC~~,MAAM,CAAC;AAAA,~~EACPC~~,OAAO;AAAA,IACL,WAAW;AAAA,~~MACTC~~,iBAAiB;AAAA,IACnB;AAAA,IACA,mBAAmB;AAAA,~~MACjBC~~,QAAQ;AAAA,IACV;AAAA,IACA,0BAA0B;AAAA,~~MACxBA~~,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,~~EACAC~~,eAAe,CAAC;AAAA,~~EAChBC~~,YAAY~~;AAAA~~,~~IAAEC~~,QAAQ~~;AAAA~~,~~EAAO~~;AAAA,~~EAC7BC~~,IAAI,CAAC;AAAA,~~EACLC~~,IAAI,CAAC;AAAA,~~EACLC~~,IAAI,CAAC;AAAA,~~EACLC~~,IAAI,CAAC;AAAA,~~EACLC~~,IAAI,CAAC;AAAA,~~EACLC~~,QAAQ;AAAA,IACN,QAAQ;AAAA,~~MACNC~~,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,~~MACNA~~,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,~~MACNA~~,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,~~MACNA~~,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,~~MACNA~~,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;;;"}
1	+ {"version":3,"file":"Step.styles.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvStep\", {\n root: {},\n ghost: {\n \"&:hover\": {\n backgroundColor: \"transparent\",\n },\n \"&$ghostDisabled\": {\n cursor: \"default\",\n },\n \"&$ghostDisabled&:hover\": {\n cursor: \"default\",\n },\n },\n ghostDisabled: {},\n notCurrent: { margin: \"-8px\" },\n xs: {},\n sm: {},\n md: {},\n lg: {},\n xl: {},\n avatar: {\n \"&$xs\": {\n fontSize: \"0.625rem\",\n },\n \"&$sm\": {\n fontSize: \"1rem\",\n },\n \"&$md\": {\n fontSize: \"1.5rem\",\n },\n \"&$lg\": {\n fontSize: \"2rem\",\n },\n \"&$xl\": {\n fontSize: \"2.5rem\",\n },\n },\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,UAAU;AAAA,EACnE,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,WAAW;AAAA,MACT,iBAAiB;AAAA,IACnB;AAAA,IACA,mBAAmB;AAAA,MACjB,QAAQ;AAAA,IACV;AAAA,IACA,0BAA0B;AAAA,MACxB,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,YAAY,EAAE,QAAQ,OAAO;AAAA,EAC7B,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AAAA,EACL,IAAI,CAAC;AAAA,EACL,QAAQ;AAAA,IACN,QAAQ;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/utils.cjs CHANGED Viewed

@@ -17,26 +17,11 @@ const getSemantic = (state) => ({
   Disabled: "secondary_60",
   Enabled: "secondary"
 })[state];
-const EXTRA_SMALL = {
-  container: 32,
-  avatar: 24
-};
-const SMALL = {
-  container: 40,
-  avatar: 32
-};
-const MEDIUM = {
-  container: 48,
-  avatar: 40
-};
-const LARGE = {
-  container: 60,
-  avatar: 52
-};
-const EXTRA_LARGE = {
-  container: 96,
-  avatar: 88
-};
+const EXTRA_SMALL = { container: 32, avatar: 24 };
+const SMALL = { container: 40, avatar: 32 };
+const MEDIUM = { container: 48, avatar: 40 };
+const LARGE = { container: 60, avatar: 52 };
+const EXTRA_LARGE = { container: 96, avatar: 88 };
 const stepSizes = {
   xs: EXTRA_SMALL,
   sm: SMALL,

package/dist/cjs/components/StepNavigation/DefaultNavigation/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport type { HvStepProps } from \"./Step\";\n\nexport const getColor = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: theme.colors.warning ?? \"warning\",\n Failed: theme.colors.negative ?? \"negative\",\n Completed: theme.colors.positive ?? \"positive\",\n Current: theme.colors.secondary ?? \"secondary\",\n Disabled: theme.colors.secondary_60 ?? \"secondary_60\",\n Enabled: theme.colors.secondary ?? \"secondary\",\n }[state]);\n\nexport const getSemantic = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: \"warning\",\n Failed: \"negative\",\n Completed: \"positive\",\n Current: \"secondary\",\n Disabled: \"secondary_60\",\n Enabled: \"secondary\",\n }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nexport const stepSizes = {\n xs: EXTRA_SMALL,\n sm: SMALL,\n md: MEDIUM,\n lg: LARGE,\n xl: EXTRA_LARGE,\n};\n"],"names":["~~getColor","state","Pending","~~theme","colors","warning","Failed","negative","Completed","positive","Current","secondary","Disabled","secondary_60","Enabled","getSemantic","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","xs","sm","md","lg","xl"],"mappings":";;;~~AAIaA~~,~~MAAAA~~,~~WAAWA~~,~~CAACC~~,WACtB;AAAA,~~EACCC~~,~~SAASC~~,~~YAAMC~~,~~MAAAA~~,~~OAAOC~~,WAAW;AAAA,~~EACjCC~~,~~QAAQH~~,~~YAAMC~~,~~MAAAA~~,~~OAAOG~~,YAAY;AAAA,~~EACjCC~~,~~WAAWL~~,~~YAAMC~~,~~MAAAA~~,~~OAAOK~~,YAAY;AAAA,~~EACpCC~~,~~SAASP~~,~~YAAMC~~,~~MAAAA~~,~~OAAOO~~,aAAa;AAAA,~~EACnCC~~,~~UAAUT~~,~~YAAMC~~,~~MAAAA~~,~~OAAOS~~,gBAAgB;AAAA,~~EACvCC~~,~~SAASX~~,~~YAAMC~~,~~MAAAA~~,~~OAAOO~~,aAAa;AACrC,~~GAAEV~~,KAAK;~~AAEIc~~,~~MAAAA~~,~~cAAcA~~,~~CAACd~~,WACzB;AAAA,~~EACCC~~,SAAS;AAAA,~~EACTI~~,QAAQ;AAAA,~~EACRE~~,WAAW;AAAA,~~EACXE~~,SAAS;AAAA,~~EACTE~~,UAAU;AAAA,~~EACVE~~,SAAS;AACX,~~GAAEb~~,KAAK;AAET,~~MAAMe~~,cAAc~~;AAAA~~,~~EAAEC~~,WAAW~~;AAAA~~,~~EAAIC~~,QAAQ;~~AAAG;~~AAChD,~~MAAMC~~,QAAQ~~;AAAA~~,~~EAAEF~~,WAAW~~;AAAA~~,~~EAAIC~~,QAAQ;~~AAAG;~~AAC1C,~~MAAME~~,SAAS~~;AAAA~~,~~EAAEH~~,WAAW~~;AAAA~~,~~EAAIC~~,QAAQ;~~AAAG;~~AAC3C,~~MAAMG~~,QAAQ~~;AAAA~~,~~EAAEJ~~,WAAW~~;AAAA~~,~~EAAIC~~,QAAQ;~~AAAG;~~AAC1C,~~MAAMI~~,cAAc~~;AAAA~~,~~EAAEL~~,WAAW~~;AAAA~~,~~EAAIC~~,QAAQ;~~AAAG;~~AAEzC,~~MAAMK~~,YAAY;AAAA,~~EACvBC~~,~~IAAIR~~;~~AAAAA~~,~~EACJS~~,~~IAAIN~~;~~AAAAA~~,~~EACJO~~,~~IAAIN~~;~~AAAAA~~,~~EACJO~~,~~IAAIN~~;~~AAAAA~~,~~EACJO~~,~~IAAIN~~;AACN;;;;"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport type { HvStepProps } from \"./Step\";\n\nexport const getColor = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: theme.colors.warning ?? \"warning\",\n Failed: theme.colors.negative ?? \"negative\",\n Completed: theme.colors.positive ?? \"positive\",\n Current: theme.colors.secondary ?? \"secondary\",\n Disabled: theme.colors.secondary_60 ?? \"secondary_60\",\n Enabled: theme.colors.secondary ?? \"secondary\",\n }[state]);\n\nexport const getSemantic = (state: HvStepProps[\"state\"]) =>\n ({\n Pending: \"warning\",\n Failed: \"negative\",\n Completed: \"positive\",\n Current: \"secondary\",\n Disabled: \"secondary_60\",\n Enabled: \"secondary\",\n }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nexport const stepSizes = {\n xs: EXTRA_SMALL,\n sm: SMALL,\n md: MEDIUM,\n lg: LARGE,\n xl: EXTRA_LARGE,\n};\n"],"names":["theme"],"mappings":";;;AAIa,MAAA,WAAW,CAAC,WACtB;AAAA,EACC,SAASA,YAAM,MAAA,OAAO,WAAW;AAAA,EACjC,QAAQA,YAAM,MAAA,OAAO,YAAY;AAAA,EACjC,WAAWA,YAAM,MAAA,OAAO,YAAY;AAAA,EACpC,SAASA,YAAM,MAAA,OAAO,aAAa;AAAA,EACnC,UAAUA,YAAM,MAAA,OAAO,gBAAgB;AAAA,EACvC,SAASA,YAAM,MAAA,OAAO,aAAa;AACrC,GAAE,KAAK;AAEI,MAAA,cAAc,CAAC,WACzB;AAAA,EACC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AACX,GAAE,KAAK;AAET,MAAM,cAAc,EAAE,WAAW,IAAI,QAAQ,GAAG;AAChD,MAAM,QAAQ,EAAE,WAAW,IAAI,QAAQ,GAAG;AAC1C,MAAM,SAAS,EAAE,WAAW,IAAI,QAAQ,GAAG;AAC3C,MAAM,QAAQ,EAAE,WAAW,IAAI,QAAQ,GAAG;AAC1C,MAAM,cAAc,EAAE,WAAW,IAAI,QAAQ,GAAG;AAEzC,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.cjs CHANGED Viewed

@@ -13,23 +13,35 @@ const HvDot = ({
   onClick,
   disabled
 }) => {
-  const {
-    classes,
-    cx,
-    css
-  } = Dot_styles.useClasses(classesProp);
+  const { classes, cx, css } = Dot_styles.useClasses(classesProp);
   const dotSize = utils.dotSizes[size] * (state === "Current" ? 1.5 : 1);
-  return /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, { className: cx(css({
-    backgroundColor: utils.getColor(state),
-    width: dotSize,
-    height: dotSize,
-    "&:hover, &:disabled": {
-      backgroundColor: utils.getColor(state)
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    uikitReactCore.HvButton,
+    {
+      className: cx(
+        css({
+          backgroundColor: utils.getColor(state),
+          width: dotSize,
+          height: dotSize,
+          "&:hover, &:disabled": {
+            backgroundColor: utils.getColor(state)
+          }
+        }),
+        classes.root,
+        {
+          [classes.active]: state === "Current",
+          [classes.ghostDisabled]: disabled ?? ["Current", "Disabled"].includes(state)
+        },
+        className
+      ),
+      "aria-label": `${title}`,
+      icon: true,
+      overrideIconColors: false,
+      disabled: disabled ?? ["Current", "Disabled"].includes(state),
+      onClick,
+      children: []
     }
-  }), classes.root, {
-    [classes.active]: state === "Current",
-    [classes.ghostDisabled]: disabled ?? ["Current", "Disabled"].includes(state)
-  }, className), "aria-label": `${title}`, icon: true, overrideIconColors: false, disabled: disabled ?? ["Current", "Disabled"].includes(state), onClick, children: [] });
+  );
 };
 exports.dotClasses = Dot_styles.staticClasses;
 exports.HvDot = HvDot;

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dot.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.tsx"],"sourcesContent":["import {\n ExtractNames,\n HvBaseProps,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStepProps } from \"../../DefaultNavigation\";\nimport { getColor, dotSizes } from \"../utils\";\nimport { staticClasses, useClasses } from \"./Dot.styles\";\n\nexport { staticClasses as dotClasses };\n\nexport type HvDotClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDotProps\n extends Pick<\n HvStepProps,\n \"size\" \| \"title\" \| \"state\" \| \"onClick\" \| \"disabled\"\n >,\n Omit<HvBaseProps, \"title\" \| \"onClick\"> {\n /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. /\n classes?: HvDotClasses;\n}\n\nexport const HvDot = ({\n classes: classesProp,\n className,\n state,\n title,\n size = \"sm\",\n onClick,\n disabled,\n}: HvDotProps) => {\n const { classes, cx, css } = useClasses(classesProp);\n\n const dotSize = dotSizes[size] (state === \"Current\" ? 1.5 : 1);\n\n return (\n <HvButton\n className={cx(\n css({\n backgroundColor: getColor(state),\n width: dotSize,\n height: dotSize,\n \"&:hover, &:disabled\": {\n backgroundColor: getColor(state),\n },\n }),\n classes.root,\n {\n [classes.active]: state === \"Current\",\n [classes.ghostDisabled]:\n disabled ?? [\"Current\", \"Disabled\"].includes(state),\n },\n className\n )}\n aria-label={`${title}`}\n icon\n overrideIconColors={false}\n disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n {[]}\n </HvButton>\n );\n};\n"],"names":["~~HvDot","classes","classesProp","className","state","title","size","onClick","disabled","cx","css","~~useClasses","~~dotSize","~~dotSizes","jsx","HvButton","~~backgroundColor","~~getColor"~~,"width","height","root","active","ghostDisabled","includes"~~],"mappings":";;;;;;AAwBO,~~MAAMA~~,~~QAAQA~~,CAAC;AAAA,~~EACpBC~~,~~SAASC~~;~~AAAAA~~,~~EACTC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~;~~AAAAA~~,~~EACAC~~,OAAO;AAAA,~~EACPC~~;~~AAAAA~~,~~EACAC~~;~~AACU~~,~~MAAM~~;~~AACV~~,~~QAAA;AAAA~~,~~IAAEP;AAAAA~~,~~IAASQ;AAAAA~~,~~IAAIC;AAAAA~~,~~EAAAA~~,~~IAAQC~~,WAAAA,~~WAAWT~~,WAAW;AAEnD,~~QAAMU~~,UAAUC,~~MAASP~~,~~SAAAA~~,IAAI,~~KAAKF~~,UAAU,YAAY,MAAM;~~AAE9D~~,~~SACGU~~,2BAAA,~~IAAAC~~,eAAA,~~UAAA~~,~~EACC~~,~~WAAWN~~,~~GACTC~~,IAAI;AAAA,~~IACFM~~,iBAAiBC,~~eAASb~~,KAAK;AAAA,~~IAC~~/Bc,~~OAAON~~;~~AAAAA~~,~~IACPO~~,~~QAAQP~~;~~AAAAA~~,~~IACR~~,uBAAuB;AAAA,~~MACrBI~~,~~iBAAiBC~~,~~eAASb~~,KAAK;AAAA,~~IACjC~~;AAAA,~~EAAA~~,CACD,~~GACDH~~,~~QAAQmB~~,~~MACR~~;AAAA,~~IACE~~,~~CAACnB~~,~~QAAQoB~~,MAAM,~~GAAGjB~~,UAAU;AAAA,~~IAC5B~~,~~CAACH~~,~~QAAQqB~~,aAAa,~~GACpBd~~,YAAY,CAAC,WAAW,UAAU,~~EAAEe~~,~~SAASnB~~,KAAK;AAAA,~~EAAA~~,~~GAEtDD~~,~~SACF~~,~~GACA~~,~~cAAa~~,~~GAAEE~~,~~KAAM~~,~~IACrB~~,MAAI,MACJ,oBAAoB,~~OACpB~~,~~UAAUG~~,YAAY,CAAC,WAAW,UAAU,~~EAAEe~~,~~SAASnB~~,KAAK,~~GAC5D~~,~~SAEC~~,~~UAAA~~,~~CACH~~,EAAA~~,CAAA~~;~~AAEJ~~;;;"}
1	+ {"version":3,"file":"Dot.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.tsx"],"sourcesContent":["import {\n ExtractNames,\n HvBaseProps,\n HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStepProps } from \"../../DefaultNavigation\";\nimport { getColor, dotSizes } from \"../utils\";\nimport { staticClasses, useClasses } from \"./Dot.styles\";\n\nexport { staticClasses as dotClasses };\n\nexport type HvDotClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDotProps\n extends Pick<\n HvStepProps,\n \"size\" \| \"title\" \| \"state\" \| \"onClick\" \| \"disabled\"\n >,\n Omit<HvBaseProps, \"title\" \| \"onClick\"> {\n /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. /\n classes?: HvDotClasses;\n}\n\nexport const HvDot = ({\n classes: classesProp,\n className,\n state,\n title,\n size = \"sm\",\n onClick,\n disabled,\n}: HvDotProps) => {\n const { classes, cx, css } = useClasses(classesProp);\n\n const dotSize = dotSizes[size] (state === \"Current\" ? 1.5 : 1);\n\n return (\n <HvButton\n className={cx(\n css({\n backgroundColor: getColor(state),\n width: dotSize,\n height: dotSize,\n \"&:hover, &:disabled\": {\n backgroundColor: getColor(state),\n },\n }),\n classes.root,\n {\n [classes.active]: state === \"Current\",\n [classes.ghostDisabled]:\n disabled ?? [\"Current\", \"Disabled\"].includes(state),\n },\n className\n )}\n aria-label={`${title}`}\n icon\n overrideIconColors={false}\n disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n onClick={onClick}\n >\n {[]}\n </HvButton>\n );\n};\n"],"names":["useClasses","dotSizes","jsx","HvButton","getColor"],"mappings":";;;;;;AAwBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAIA,WAAAA,WAAW,WAAW;AAEnD,QAAM,UAAUC,MAAS,SAAA,IAAI,KAAK,UAAU,YAAY,MAAM;AAG5D,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,IAAI;AAAA,UACF,iBAAiBC,eAAS,KAAK;AAAA,UAC/B,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,uBAAuB;AAAA,YACrB,iBAAiBA,eAAS,KAAK;AAAA,UACjC;AAAA,QAAA,CACD;AAAA,QACD,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,MAAM,GAAG,UAAU;AAAA,UAC5B,CAAC,QAAQ,aAAa,GACpB,YAAY,CAAC,WAAW,UAAU,EAAE,SAAS,KAAK;AAAA,QACtD;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAY,GAAG,KAAK;AAAA,MACpB,MAAI;AAAA,MACJ,oBAAoB;AAAA,MACpB,UAAU,YAAY,CAAC,WAAW,UAAU,EAAE,SAAS,KAAK;AAAA,MAC5D;AAAA,MAEC,UAAC,CAAA;AAAA,IAAA;AAAA,EAAA;AAGR;;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.cjs CHANGED Viewed

@@ -1,14 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const {
-  staticClasses,
-  useClasses
-} = uikitReactCore.createClasses("HvDot", {
-  root: {
-    borderRadius: "50%",
-    zIndex: 1
-  },
+const { staticClasses, useClasses } = uikitReactCore.createClasses("HvDot", {
+  root: { borderRadius: "50%", zIndex: 1 },
   active: {},
   ghostDisabled: {}
 });

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dot.styles.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDot\", {\n root: { borderRadius: \"50%\", zIndex: 1 },\n active: {},\n ghostDisabled: {},\n});\n"],"names":["~~staticClasses","useClasses","~~createClasses"~~,"root","borderRadius","zIndex","active","ghostDisabled"~~],"mappings":";;;~~AAEa~~,~~MAAA;AAAA~~,~~EAAEA;AAAAA~~,~~EAAeC;AAAW~~,~~IAAIC~~,eAAAA,cAAc,SAAS;AAAA,~~EAClEC~~,MAAM~~;AAAA~~,~~IAAEC~~,cAAc~~;AAAA~~,~~IAAOC~~,QAAQ~~;AAAA~~,EAAE;AAAA,~~EACvCC~~,QAAQ,CAAC;AAAA,~~EACTC~~,eAAe,CAAC;AAClB,CAAC;;;"}
1	+ {"version":3,"file":"Dot.styles.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDot\", {\n root: { borderRadius: \"50%\", zIndex: 1 },\n active: {},\n ghostDisabled: {},\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,eAAAA,cAAc,SAAS;AAAA,EAClE,MAAM,EAAE,cAAc,OAAO,QAAQ,EAAE;AAAA,EACvC,QAAQ,CAAC;AAAA,EACT,eAAe,CAAC;AAClB,CAAC;;;"}