@kubit-ui-web/react-components 1.4.0 → 1.5.1

package/dist/cjs/components/inputSignature/hook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/hook/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/dist/cjs/components/inputSignature/hook/useDraw.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDraw = void 0;
+const react_1 = require("react");
+function isImageDataEqual(a, b) {
+    if (a.width !== b.width || a.height !== b.height) {
+        return false;
+    }
+    for (let i = 0; i < a.data.length; i++) {
+        if (a.data[i] !== b.data[i]) {
+            return false;
+        }
+    }
+    return true;
+}
+const useDraw = (onChange) => {
+    const canvasRef = (0, react_1.useRef)(null);
+    const context = (0, react_1.useRef)();
+    const isDrawing = (0, react_1.useRef)(false);
+    const isFilled = (0, react_1.useRef)(false);
+    const signatureStylesRef = (0, react_1.useRef)({ color: 'black', lineWidth: 2 });
+    const canvasInnerData = (0, react_1.useRef)(null); // reference to the canvas data before drawing
+    const resetCanvas = () => {
+        if (!canvasRef.current) {
+            return;
+        }
+        isFilled.current = false;
+        context.current.clearRect(0, 0, canvasRef.current.width, canvasRef.current.height);
+    };
+    const setSignatureStyles = (signatureStyles) => {
+        if (!signatureStyles) {
+            return;
+        }
+        signatureStylesRef.current.color = signatureStyles.color;
+        signatureStylesRef.current.lineWidth = signatureStyles.lineWidth;
+    };
+    const startDrawing = event => {
+        let offsetX, offsetY;
+        if (event.type === 'touchstart' && canvasRef.current) {
+            const { touches } = event;
+            const { clientX, clientY } = touches[0];
+            const { left, top } = canvasRef.current.getBoundingClientRect();
+            offsetX = clientX - left;
+            offsetY = clientY - top;
+        }
+        else {
+            offsetX = event.offsetX;
+            offsetY = event.offsetY;
+        }
+        canvasInnerData.current = context.current.getImageData(0, 0, canvasRef.current?.width, canvasRef.current?.height);
+        context.current.beginPath();
+        context.current.moveTo(offsetX, offsetY);
+        isDrawing.current = true;
+    };
+    const draw = event => {
+        if (!isDrawing.current)
+            return;
+        let offsetX, offsetY;
+        event.preventDefault();
+        if (event.type === 'touchmove' && canvasRef.current) {
+            const { touches } = event;
+            const { clientX, clientY } = touches[0];
+            const { left, top } = canvasRef.current.getBoundingClientRect();
+            offsetX = clientX - left;
+            offsetY = clientY - top;
+        }
+        else {
+            offsetX = event.offsetX;
+            offsetY = event.offsetY;
+        }
+        context.current.lineTo(offsetX, offsetY);
+        context.current.stroke();
+    };
+    const stopDrawing = () => {
+        const currentLayout = context.current.getImageData(0, 0, canvasRef.current?.width, canvasRef.current?.height);
+        context.current.closePath();
+        isDrawing.current = false;
+        if (!canvasInnerData.current) {
+            return;
+        }
+        const isEqual = isImageDataEqual(currentLayout, canvasInnerData.current);
+        if (!isEqual) {
+            const dataUrl = canvasRef.current?.toDataURL();
+            onChange?.(dataUrl);
+            isFilled.current = true;
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (canvasRef.current === null) {
+            return;
+        }
+        const canvas = canvasRef.current;
+        context.current = canvas?.getContext('2d', {
+            willReadFrequently: true,
+        });
+        if (!context.current) {
+            return;
+        }
+        // Configuración del estilo del trazo
+        context.current.strokeStyle = signatureStylesRef.current.color;
+        context.current.lineWidth = signatureStylesRef.current.lineWidth;
+        context.current.lineCap = 'round';
+        context.current.lineJoin = 'round';
+        // Añadir event listeners al canvas
+        canvas?.addEventListener('mousedown', startDrawing);
+        canvas?.addEventListener('mousemove', draw);
+        canvas?.addEventListener('mouseup', stopDrawing);
+        canvas?.addEventListener('mouseleave', stopDrawing);
+        canvas?.addEventListener('touchstart', startDrawing);
+        canvas?.addEventListener('touchmove', draw, { passive: false });
+        canvas?.addEventListener('touchend', stopDrawing);
+        return () => {
+            // Limpiar event listeners al desmontar el componente
+            canvas?.removeEventListener('mousedown', startDrawing);
+            canvas?.removeEventListener('mousemove', draw);
+            canvas?.removeEventListener('mouseup', stopDrawing);
+            canvas?.removeEventListener('mouseleave', stopDrawing);
+            canvas?.removeEventListener('touchstart', startDrawing);
+            canvas?.removeEventListener('touchmove', draw);
+            canvas?.removeEventListener('touchend', stopDrawing);
+        };
+    }, []);
+    return {
+        canvasRef,
+        filled: isFilled.current,
+        resetCanvas,
+        setSignatureStyles,
+    };
+};
+exports.useDraw = useDraw;
+//# sourceMappingURL=useDraw.js.map

package/dist/cjs/components/inputSignature/hook/useDraw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraw.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/hook/useDraw.tsx"],"names":[],"mappings":";;;AAAA,iCAA0C;AAW1C,SAAS,gBAAgB,CAAC,CAAY,EAAE,CAAY;IAClD,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;QACjD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAEM,MAAM,OAAO,GAAG,CAAC,QAAkC,EAAc,EAAE;IACxE,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GACX,IAAA,cAAM,GAAgF,CAAC;IACzF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAU,KAAK,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAU,KAAK,CAAC,CAAC;IACxC,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAA2B,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;IAC9F,MAAM,eAAe,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC,CAAC,8CAA8C;IAEtG,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACrF,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,eAA0C,EAAE,EAAE;QACxE,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QACD,kBAAkB,CAAC,OAAO,CAAC,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;QACzD,kBAAkB,CAAC,OAAO,CAAC,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;IACnE,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,IAAI,OAAO,EAAE,OAAO,CAAC;QAErB,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACrD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;YAC1B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACxC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAChE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;YACzB,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YACxB,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CACpD,CAAC,EACD,CAAC,EACD,SAAS,CAAC,OAAO,EAAE,KAAe,EAClC,SAAS,CAAC,OAAO,EAAE,MAAgB,CACpC,CAAC;QAEF,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5B,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAC/B,IAAI,OAAO,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;YAC1B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACxC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAChE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;YACzB,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YACxB,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzC,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAChD,CAAC,EACD,CAAC,EACD,SAAS,CAAC,OAAO,EAAE,KAAe,EAClC,SAAS,CAAC,OAAO,EAAE,MAAgB,CACpC,CAAC;QAEF,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5B,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,gBAAgB,CAAC,aAAa,EAAE,eAAe,CAAC,OAAoB,CAAC,CAAC;QACtF,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,SAAS,EAAY,CAAC;YACzD,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;YACpB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,OAAO,CAAC,OAAO,GAAG,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE;YACzC,kBAAkB,EAAE,IAAI;SACzB,CAA6B,CAAC;QAE/B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC/D,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC,SAAS,CAAC;QACjE,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;QAClC,OAAO,CAAC,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC;QAEnC,mCAAmC;QACnC,MAAM,EAAE,gBAAgB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QACpD,MAAM,EAAE,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC5C,MAAM,EAAE,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QACjD,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACpD,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QACrD,MAAM,EAAE,gBAAgB,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAChE,MAAM,EAAE,gBAAgB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,qDAAqD;YACrD,MAAM,EAAE,mBAAmB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;YACvD,MAAM,EAAE,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC/C,MAAM,EAAE,mBAAmB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;YACpD,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;YACvD,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YACxD,MAAM,EAAE,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC/C,MAAM,EAAE,mBAAmB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,SAAS;QACT,MAAM,EAAE,QAAQ,CAAC,OAAO;QACxB,WAAW;QACX,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC;AA5IW,QAAA,OAAO,WA4IlB"}

package/dist/cjs/components/inputSignature/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDraw = exports.InputSignatureControlled = exports.InputSignatureUnControlled = exports.InputSignatureState = void 0;
+// enum
+var types_1 = require("./types");
+Object.defineProperty(exports, "InputSignatureState", { enumerable: true, get: function () { return types_1.InputSignatureState; } });
+// components
+var inputSignatureUncontrolled_1 = require("./inputSignatureUncontrolled");
+Object.defineProperty(exports, "InputSignatureUnControlled", { enumerable: true, get: function () { return inputSignatureUncontrolled_1.InputSignatureUnControlled; } });
+var inputSignatureControlled_1 = require("./inputSignatureControlled");
+Object.defineProperty(exports, "InputSignatureControlled", { enumerable: true, get: function () { return inputSignatureControlled_1.InputSignatureControlled; } });
+// hook
+var hook_1 = require("./hook");
+Object.defineProperty(exports, "useDraw", { enumerable: true, get: function () { return hook_1.useDraw; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputSignature/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/index.ts"],"names":[],"mappings":";;;AASA,OAAO;AACP,iCAA8C;AAArC,4GAAA,mBAAmB,OAAA;AAE5B,aAAa;AACb,2EAA0E;AAAjE,wIAAA,0BAA0B,OAAA;AACnC,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA;AAEjC,OAAO;AACP,+BAAiC;AAAxB,+FAAA,OAAO,OAAA"}

package/dist/cjs/components/inputSignature/inputSignature.styled.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSignaturePlaceholderStyled = exports.InputSignatureCanvasStyled = exports.InputSignatureContainerStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../utils");
+exports.InputSignatureContainerStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles)}
+`;
+exports.InputSignatureCanvasStyled = styled_components_1.default.canvas `
+  height: 100%;
+  width: 100%;
+`;
+exports.InputSignaturePlaceholderStyled = styled_components_1.default.div `
+  ${({ styles }) => (0, utils_1.getStyles)(styles)}
+`;
+//# sourceMappingURL=inputSignature.styled.js.map

package/dist/cjs/components/inputSignature/inputSignature.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignature.styled.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignature.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAGvC,mCAAoC;AAMvB,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAAiB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC;CACpC,CAAC;AAEW,QAAA,0BAA0B,GAAG,2BAAM,CAAC,MAAM,CAAA;;;CAGtD,CAAC;AAEW,QAAA,+BAA+B,GAAG,2BAAM,CAAC,GAAG,CAAiB;IACtE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC;CACpC,CAAC"}

package/dist/cjs/components/inputSignature/inputSignatureControlled.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSignatureControlled = exports.InputSignatureControlledComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const errorBoundary_1 = require("../../provider/errorBoundary");
+const inputSignatureStandAlone_1 = require("./inputSignatureStandAlone");
+exports.InputSignatureControlledComponent = react_1.default.forwardRef(({ variant, setSignatureStyles, ...props }, ref) => {
+    const { signatureStyle, ...styles } = (0, hooks_1.useStylesV2)({
+        styleName: constants_1.STYLES_NAME.INPUT_SIGNATURE,
+        variantName: variant,
+    });
+    setSignatureStyles?.(signatureStyle);
+    return (0, jsx_runtime_1.jsx)(inputSignatureStandAlone_1.InputSignatureStandAlone, { ref: ref, styles: styles[props.state], ...props });
+});
+exports.InputSignatureControlledComponent.displayName = 'InputSignatureControlledComponent';
+const InputSignatureBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(inputSignatureStandAlone_1.InputSignatureStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(exports.InputSignatureControlledComponent, { ...props, ref: ref }) }));
+const InputSignatureControlled = react_1.default.forwardRef(InputSignatureBoundary);
+exports.InputSignatureControlled = InputSignatureControlled;
+//# sourceMappingURL=inputSignatureControlled.js.map

package/dist/cjs/components/inputSignature/inputSignatureControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureControlled.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureControlled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA4C;AAE5C,2CAA0C;AAC1C,mCAAsC;AACtC,4DAA4E;AAE5E,yEAAsE;AAIzD,QAAA,iCAAiC,GAAG,eAAK,CAAC,UAAU,CAC/D,CACE,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAgC,EACvE,GAAiC,EACpB,EAAE;IACf,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,GAAG,IAAA,mBAAW,EAA0B;QACzE,SAAS,EAAE,uBAAW,CAAC,eAAe;QACtC,WAAW,EAAE,OAAiB;KAC/B,CAA4B,CAAC;IAE9B,kBAAkB,EAAE,CAAC,cAAc,CAAC,CAAC;IAErC,OAAO,uBAAC,mDAAwB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI,CAAC;AACxF,CAAC,CACF,CAAC;AACF,yCAAiC,CAAC,WAAW,GAAG,mCAAmC,CAAC;AAEpF,MAAM,sBAAsB,GAAG,CAC7B,KAAmC,EACnC,GAAuC,EAC1B,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,mDAAwB,OAAM,KAA8C,EAAE,GAAG,EAAE,GAAG,GAAI,GACzE,YAGtB,uBAAC,yCAAiC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC5C,CACjB,CAAC;AAEF,MAAM,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,sBAAsB,CAMxD,CAAC;AAER,4DAAwB"}

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSignatureStandAlone = exports.InputSignatureStandAloneComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const text_1 = require("../text");
+const inputSignature_styled_1 = require("./inputSignature.styled");
+const types_1 = require("./types");
+const InputSignatureStandAloneComponent = ({ styles, canvasRef, ...props }, ref) => {
+    const hasPlaceholder = props.state === types_1.InputSignatureState.DEFAULT ||
+        props.state === types_1.InputSignatureState.ERROR ||
+        props.state === types_1.InputSignatureState.DISABLED;
+    const currentText = props.state === types_1.InputSignatureState.ERROR && props.errorText
+        ? props.errorText
+        : props.placeholder;
+    return ((0, jsx_runtime_1.jsxs)(inputSignature_styled_1.InputSignatureContainerStyled, { ref: ref, "data-testid": props.dataTestid, styles: styles.container, tabIndex: -1, onBlur: props.onBlurContainer, onClick: props.onClickContainer, children: [(0, jsx_runtime_1.jsx)(inputSignature_styled_1.InputSignatureCanvasStyled, { ref: canvasRef, "data-testid": `${props.dataTestid}Canvas` }), hasPlaceholder && ((0, jsx_runtime_1.jsx)(inputSignature_styled_1.InputSignaturePlaceholderStyled, { styles: styles.placeholderContainer, children: (0, jsx_runtime_1.jsx)(text_1.Text, { ...styles.placeholderText, ...currentText, children: currentText.content }) }))] }));
+};
+exports.InputSignatureStandAloneComponent = InputSignatureStandAloneComponent;
+exports.InputSignatureStandAlone = react_1.default.forwardRef(exports.InputSignatureStandAloneComponent);
+//# sourceMappingURL=inputSignatureStandAlone.js.map

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kCAA+B;AAC/B,mEAIiC;AACjC,mCAAyE;AAElE,MAAM,iCAAiC,GAAG,CAC/C,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B,EAC1D,GAAuC,EAC1B,EAAE;IACf,MAAM,cAAc,GAClB,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,OAAO;QAC3C,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,KAAK;QACzC,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,QAAQ,CAAC;IAE/C,MAAM,WAAW,GACf,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;QAC1D,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;IAExB,OAAO,CACL,wBAAC,qDAA6B,IAC5B,GAAG,EAAE,GAAG,iBACK,KAAK,CAAC,UAAU,EAC7B,MAAM,EAAE,MAAM,CAAC,SAAS,EACxB,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,OAAO,EAAE,KAAK,CAAC,gBAAgB,aAE/B,uBAAC,kDAA0B,IAAC,GAAG,EAAE,SAAS,iBAAe,GAAG,KAAK,CAAC,UAAU,QAAQ,GAAI,EACvF,cAAc,IAAI,CACjB,uBAAC,uDAA+B,IAAC,MAAM,EAAE,MAAM,CAAC,oBAAoB,YAClE,uBAAC,WAAI,OAAK,MAAM,CAAC,eAAe,KAAM,WAAW,YAC9C,WAAW,CAAC,OAAO,GACf,GACyB,CACnC,IAC6B,CACjC,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,iCAAiC,qCAiC5C;AAEW,QAAA,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,yCAAiC,CAAC,CAAC"}

package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSignatureUnControlled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const hook_1 = require("./hook");
+const inputSignatureControlled_1 = require("./inputSignatureControlled");
+const utils_1 = require("./utils");
+const InputSignatureUnControlledComponent = ({ disabled, error, onChange, ...props }, ref) => {
+    // refs
+    const innerRef = react_1.default.useRef(null);
+    // custom hook
+    const { canvasRef, filled, resetCanvas, setSignatureStyles } = (0, hook_1.useDraw)(onChange);
+    // active state
+    const [active, setActive] = react_1.default.useState(false);
+    // constants
+    const state = (0, utils_1.getInputSignatureState)({ active, filled, error, disabled });
+    react_1.default.useImperativeHandle(ref, () => ({
+        get InputSignature() {
+            return innerRef.current;
+        },
+        get reset() {
+            return resetCanvas;
+        },
+    }));
+    const _onClickContainer = e => {
+        if (disabled) {
+            return;
+        }
+        e.stopPropagation();
+        setActive(true);
+        e.currentTarget.focus();
+    };
+    const _onBlurContainer = () => {
+        setActive(false);
+    };
+    return ((0, jsx_runtime_1.jsx)(inputSignatureControlled_1.InputSignatureControlled, { ref: innerRef, canvasRef: canvasRef, setSignatureStyles: setSignatureStyles, state: state, onBlurContainer: _onBlurContainer, onClickContainer: _onClickContainer, ...props }));
+};
+const InputSignatureUnControlled = react_1.default.forwardRef(InputSignatureUnControlledComponent);
+exports.InputSignatureUnControlled = InputSignatureUnControlled;
+//# sourceMappingURL=inputSignatureUncontrolled.js.map

package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureUncontrolled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,iCAAiC;AACjC,yEAAsE;AAEtE,mCAAiD;AAEjD,MAAM,mCAAmC,GAAG,CAC1C,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkC,EACvE,GAAiD,EACpC,EAAE;IACf,OAAO;IACP,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC3D,cAAc;IACd,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,IAAA,cAAO,EAAC,QAAQ,CAAC,CAAC;IACjF,eAAe;IACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,YAAY;IACZ,MAAM,KAAK,GAAG,IAAA,8BAAsB,EAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1E,eAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,IAAI,cAAc;YAChB,OAAO,QAAQ,CAAC,OAAyB,CAAC;QAC5C,CAAC;QACD,IAAI,KAAK;YACP,OAAO,WAAW,CAAC;QACrB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE;QAC5B,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mDAAwB,IACvB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,gBAAgB,EACjC,gBAAgB,EAAE,iBAAiB,KAC/B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,eAAK,CAAC,UAAU,CAAC,mCAAmC,CAMvE,CAAC;AAER,gEAA0B"}

package/dist/cjs/components/inputSignature/types/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSignatureState = void 0;
+// enum
+var inputSignatureState_1 = require("./inputSignatureState");
+Object.defineProperty(exports, "InputSignatureState", { enumerable: true, get: function () { return inputSignatureState_1.InputSignatureState; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputSignature/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/index.ts"],"names":[],"mappings":";;;AAYA,OAAO;AACP,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA"}

package/dist/cjs/components/inputSignature/types/inputSignature.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=inputSignature.js.map

package/dist/cjs/components/inputSignature/types/inputSignature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignature.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/inputSignature.ts"],"names":[],"mappings":""}

package/dist/cjs/components/inputSignature/types/inputSignatureState.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSignatureState = void 0;
+var InputSignatureState;
+(function (InputSignatureState) {
+    InputSignatureState["DEFAULT"] = "DEFAULT";
+    InputSignatureState["ACTIVE"] = "ACTIVE";
+    InputSignatureState["FILLED"] = "FILLED";
+    InputSignatureState["ERROR"] = "ERROR";
+    InputSignatureState["DISABLED"] = "DISABLED";
+})(InputSignatureState || (exports.InputSignatureState = InputSignatureState = {}));
+//# sourceMappingURL=inputSignatureState.js.map

package/dist/cjs/components/inputSignature/types/inputSignatureState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureState.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/inputSignatureState.ts"],"names":[],"mappings":";;;AAAA,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,wCAAiB,CAAA;IACjB,wCAAiB,CAAA;IACjB,sCAAe,CAAA;IACf,4CAAqB,CAAA;AACvB,CAAC,EANW,mBAAmB,mCAAnB,mBAAmB,QAM9B"}

package/dist/cjs/components/inputSignature/types/inputSignatureTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=inputSignatureTheme.js.map

package/dist/cjs/components/inputSignature/types/inputSignatureTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureTheme.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/inputSignatureTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/inputSignature/utils/__tests__/getInputSignatureState.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = require("../../types");
+const getInputSignatureState_1 = require("../getInputSignatureState");
+describe('getInputSignatureState', () => {
+    it('should return DISABLED if disabled is true', () => {
+        const state = (0, getInputSignatureState_1.getInputSignatureState)({ disabled: true, active: false, filled: false });
+        expect(state).toBe(types_1.InputSignatureState.DISABLED);
+    });
+    it('should return ERROR if error is true', () => {
+        const state = (0, getInputSignatureState_1.getInputSignatureState)({ error: true, active: false, filled: false });
+        expect(state).toBe(types_1.InputSignatureState.ERROR);
+    });
+    it('should return ACTIVE if active is true', () => {
+        const state = (0, getInputSignatureState_1.getInputSignatureState)({ active: true, filled: false });
+        expect(state).toBe(types_1.InputSignatureState.ACTIVE);
+    });
+    it('should return FILLED if filled is true', () => {
+        const state = (0, getInputSignatureState_1.getInputSignatureState)({ active: false, filled: true });
+        expect(state).toBe(types_1.InputSignatureState.FILLED);
+    });
+    it('should return DEFAULT if none of the conditions are met', () => {
+        const state = (0, getInputSignatureState_1.getInputSignatureState)({ active: false, filled: false });
+        expect(state).toBe(types_1.InputSignatureState.DEFAULT);
+    });
+});
+//# sourceMappingURL=getInputSignatureState.js.map

package/dist/cjs/components/inputSignature/utils/__tests__/getInputSignatureState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputSignatureState.js","sourceRoot":"","sources":["../../../../../../src/components/inputSignature/utils/__tests__/getInputSignatureState.ts"],"names":[],"mappings":";;AAAA,uCAAkD;AAClD,sEAAmE;AAEnE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,KAAK,GAAG,IAAA,+CAAsB,EAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACvF,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAAmB,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,KAAK,GAAG,IAAA,+CAAsB,EAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAAmB,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,KAAK,GAAG,IAAA,+CAAsB,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAAmB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,KAAK,GAAG,IAAA,+CAAsB,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAAmB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,KAAK,GAAG,IAAA,+CAAsB,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACvE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAAmB,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputSignatureState = void 0;
+const inputSignatureState_1 = require("../types/inputSignatureState");
+const getInputSignatureState = ({ active, filled, error, disabled, }) => {
+    if (disabled) {
+        return inputSignatureState_1.InputSignatureState.DISABLED;
+    }
+    else if (error) {
+        return inputSignatureState_1.InputSignatureState.ERROR;
+    }
+    else if (active) {
+        return inputSignatureState_1.InputSignatureState.ACTIVE;
+    }
+    else if (filled) {
+        return inputSignatureState_1.InputSignatureState.FILLED;
+    }
+    return inputSignatureState_1.InputSignatureState.DEFAULT;
+};
+exports.getInputSignatureState = getInputSignatureState;
+//# sourceMappingURL=getInputSignatureState.js.map

package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputSignatureState.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/utils/getInputSignatureState.ts"],"names":[],"mappings":";;;AAAA,sEAAmE;AAS5D,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,GACe,EAAuB,EAAE;IAChD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,yCAAmB,CAAC,QAAQ,CAAC;IACtC,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,OAAO,yCAAmB,CAAC,KAAK,CAAC;IACnC,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,yCAAmB,CAAC,MAAM,CAAC;IACpC,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,yCAAmB,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,OAAO,yCAAmB,CAAC,OAAO,CAAC;AACrC,CAAC,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC"}

package/dist/cjs/components/inputSignature/utils/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputSignatureState = void 0;
+var getInputSignatureState_1 = require("./getInputSignatureState");
+Object.defineProperty(exports, "getInputSignatureState", { enumerable: true, get: function () { return getInputSignatureState_1.getInputSignatureState; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inputSignature/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/utils/index.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA"}

package/dist/cjs/components/layout/layoutStandAlone.js

@@ -11,7 +11,7 @@ const LayoutStandAlone = ({ headerContent, mainContent, asideContent, styles, ba
     const columnsConfiguration = columnsConfig ?? styles.defaultColumnsConfig;
     const gridConfiguration = gridConfig ?? styles.gridConfig;
     const { header, main, aside, footer } = columnsConfiguration ?? {};
-    return ((0, jsx_runtime_1.jsxs)(layout_styled_1.LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && ((0, jsx_runtime_1.jsx)(grid_1.Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: (0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.header, desktop: header?.[breakpoints_1.DeviceBreakpointsType.DESKTOP], mobile: header?.[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: header?.[breakpoints_1.DeviceBreakpointsType.TABLET], children: headerContent }) })), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { addPaddingForLayout: true, config: gridConfiguration, children: [(0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.main, desktop: asideContent ? main?.[breakpoints_1.DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: main?.[breakpoints_1.DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && ((0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.aside, desktop: aside?.[breakpoints_1.DeviceBreakpointsType.DESKTOP], mobile: aside?.[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: aside?.[breakpoints_1.DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && ((0, jsx_runtime_1.jsx)(grid_1.Grid, { addPaddingForLayout: true, config: gridConfiguration, children: (0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.footer, desktop: footer[breakpoints_1.DeviceBreakpointsType.DESKTOP], mobile: footer[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: footer[breakpoints_1.DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(layout_styled_1.LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && ((0, jsx_runtime_1.jsx)(grid_1.Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: (0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.header, desktop: header?.[breakpoints_1.DeviceBreakpointsType.DESKTOP], mobile: header?.[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: header?.[breakpoints_1.DeviceBreakpointsType.TABLET], children: headerContent }) })), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Main`, children: [(0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.main, desktop: asideContent ? main?.[breakpoints_1.DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: main?.[breakpoints_1.DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && ((0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.aside, "data-testid": `${dataTestId}Aside`, desktop: aside?.[breakpoints_1.DeviceBreakpointsType.DESKTOP], mobile: aside?.[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: aside?.[breakpoints_1.DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && ((0, jsx_runtime_1.jsx)(grid_1.Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Footer`, children: (0, jsx_runtime_1.jsx)(grid_1.GridItem, { as: types_1.LayoutRoleType.footer, desktop: footer[breakpoints_1.DeviceBreakpointsType.DESKTOP], mobile: footer[breakpoints_1.DeviceBreakpointsType.MOBILE], tablet: footer[breakpoints_1.DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
 };
 exports.LayoutStandAlone = LayoutStandAlone;
 //# sourceMappingURL=layoutStandAlone.js.map

package/dist/cjs/components/layout/layoutStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";;;;AAGA,YAAY;AACZ,4CAAmD;AACnD,qDAA4D;AAE5D,mDAAkD;AAClD,mCAA4D;AAErD,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,wBAAC,+BAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,uBAAC,WAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,mCAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,wBAAC,WAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,aACjD,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,mCAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAClF,MAAM,EAAE,IAAI,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,IAAI,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE3C,WAAW,GACH,EACV,YAAY,IAAI,CACf,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,KAAK,EACxB,OAAO,EAAE,KAAK,EAAE,CAAC,mCAAqB,CAAC,OAAO,CAAC,EAC/C,MAAM,EAAE,KAAK,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC7C,MAAM,EAAE,KAAK,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE5C,YAAY,GACJ,CACZ,IACI,EACN,aAAa,IAAI,MAAM,IAAI,CAC1B,uBAAC,WAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,YACjD,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,CAAC,mCAAqB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,MAAM,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,MAAM,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE3C,aAAa,GACL,GACN,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,gBAAgB,oBA+D3B"}
+{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";;;;AAGA,YAAY;AACZ,4CAAmD;AACnD,qDAA4D;AAE5D,mDAAkD;AAClD,mCAA4D;AAErD,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,wBAAC,+BAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,uBAAC,WAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,mCAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,wBAAC,WAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,MAAM,aACnF,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,mCAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAClF,MAAM,EAAE,IAAI,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,IAAI,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE3C,WAAW,GACH,EACV,YAAY,IAAI,CACf,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,KAAK,iBACX,GAAG,UAAU,OAAO,EACjC,OAAO,EAAE,KAAK,EAAE,CAAC,mCAAqB,CAAC,OAAO,CAAC,EAC/C,MAAM,EAAE,KAAK,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC7C,MAAM,EAAE,KAAK,EAAE,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE5C,YAAY,GACJ,CACZ,IACI,EACN,aAAa,IAAI,MAAM,IAAI,CAC1B,uBAAC,WAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,uBAAC,eAAQ,IACP,EAAE,EAAE,sBAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,CAAC,mCAAqB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,MAAM,CAAC,mCAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,MAAM,CAAC,mCAAqB,CAAC,MAAM,CAAC,YAE3C,aAAa,GACL,GACN,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,gBAAgB,oBAgE3B"}

package/dist/cjs/components/link/link.js

@@ -36,15 +36,19 @@ const genericComponentsProvider_1 = require("../../provider/genericComponents/ge
 const disabled_1 = require("./helpers/disabled");
 const linkStandAlone_1 = require("./linkStandAlone");
 const types_2 = require("./types");
-const LinkComponent = React.forwardRef(({ action = types_2.LinkActionType.NAVIGATION, decoration = types_1.TextDecorationType.AUTO, alignCenter = false, disabled = false, color: colorLinkProp, textVariant: textVariantProp, role: roleProp, variant, ctv, ...props }, ref) => {
+const LinkComponent = React.forwardRef(({ action = types_2.LinkActionType.NAVIGATION, decoration = types_1.TextDecorationType.AUTO, alignCenter = false, disabled = false, color: colorLinkProp, textVariant, role: roleProp, variant, ctv, ...props }, ref) => {
     const { LINK: genericLinkComponent } = (0, genericComponentsProvider_1.useGenericComponents)();
     const { role } = (0, disabled_1.disabledLink)(disabled, roleProp);
     const ariaDisabled = disabled || undefined;
     const actionStyles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.LINK, action, ctv?.[action]);
+    const textStyles = (0, hooks_1.useStylesV2)({
+        styleName: constants_1.STYLES_NAME.TEXT,
+        variantName: textVariant,
+        isOptional: true,
+    });
     const styles = (variant && actionStyles?.[variant]) || {};
     const isInline = action === types_2.LinkActionType.INLINE;
     const textDecoration = isInline ? types_1.TextDecorationType.UNDERLINE : decoration;
-    const textVariant = textVariantProp ?? styles.container?.font_variant;
     const weight = props.weight || styles.container?.font_weight;
     const color = colorLinkProp || styles.font_color || styles.container?.color;
     const { state, setRef } = (0, hooks_1.useManageState)({
@@ -52,7 +56,7 @@ const LinkComponent = React.forwardRef(({ action = types_2.LinkActionType.NAVIGA
         ref,
         disabled,
     });
-    return ((0, jsx_runtime_1.jsx)(linkStandAlone_1.LinkStandAlone, { ...props, ref: setRef, action: action, alignCenter: alignCenter, "aria-disabled": ariaDisabled, color: color, component: genericLinkComponent, decoration: textDecoration, role: role, state: state, styles: styles, textVariant: textVariant, weight: weight }));
+    return ((0, jsx_runtime_1.jsx)(linkStandAlone_1.LinkStandAlone, { ...props, ref: setRef, action: action, alignCenter: alignCenter, "aria-disabled": ariaDisabled, color: color, component: genericLinkComponent, decoration: textDecoration, role: role, state: state, styles: styles, textStyles: textStyles, weight: weight }));
 });
 LinkComponent.displayName = 'LinkComponent';
 const LinkBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(linkStandAlone_1.LinkStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(LinkComponent, { ...props, ref: ref }) }));

package/dist/cjs/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+B;AAC/B,6CAA+B;AAE/B,mDAA6D;AAC7D,2CAA0C;AAC1C,mCAAiD;AACjD,2DAAwD;AACxD,4DAA4E;AAC5E,sGAA8F;AAE9F,iDAAkD;AAClD,qDAAkD;AAClD,mCAMiB;AAEjB,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,MAAM,GAAG,sBAAc,CAAC,UAAU,EAClC,UAAU,GAAG,0BAAkB,CAAC,IAAI,EACpC,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,eAAe,EAC5B,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACF,EACR,GAAuD,EAC1C,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,IAAA,gDAAoB,GAAE,CAAC;IAC9D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAY,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,QAAQ,IAAI,SAAS,CAAC;IAC3C,MAAM,YAAY,GAAG,IAAA,qBAAS,EAAsB,uBAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7F,MAAM,MAAM,GAAG,CAAC,OAAO,IAAI,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;IAE1D,MAAM,QAAQ,GAAG,MAAM,KAAK,sBAAc,CAAC,MAAM,CAAC;IAClD,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,0BAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5E,MAAM,WAAW,GAAG,eAAe,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC;IACtE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC;IAC7D,MAAM,KAAK,GAAG,aAAa,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC;IAE5E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAc,EAAC;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAa,CAAW;QAC9C,GAAG;QACH,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,+BAAc,OACT,KAAK,EACT,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,mBACT,YAAY,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,oBAAoB,EAC/B,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAiC,EACxC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,YAAY,GAAG,CACnB,KAAY,EACZ,GAAuD,EAC1C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,+BAAc,OAAM,KAAoC,EAAE,GAAG,EAAE,GAAG,GAAI,GACrD,YAGtB,uBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACxB,CACjB,CAAC;AAEW,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+B;AAC/B,6CAA+B;AAE/B,mDAAoF;AACpF,2CAA0C;AAC1C,mCAA8D;AAC9D,2DAAwD;AACxD,4DAA4E;AAC5E,sGAA8F;AAE9F,iDAAkD;AAClD,qDAAkD;AAClD,mCAMiB;AAEjB,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,MAAM,GAAG,sBAAc,CAAC,UAAU,EAClC,UAAU,GAAG,0BAAkB,CAAC,IAAI,EACpC,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,aAAa,EACpB,WAAW,EACX,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACF,EACR,GAAuD,EAC1C,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,IAAA,gDAAoB,GAAE,CAAC;IAC9D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAY,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,QAAQ,IAAI,SAAS,CAAC;IAC3C,MAAM,YAAY,GAAG,IAAA,qBAAS,EAAsB,uBAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7F,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAwB;QACpD,SAAS,EAAE,uBAAW,CAAC,IAAI;QAC3B,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,CAAC,OAAO,IAAI,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;IAE1D,MAAM,QAAQ,GAAG,MAAM,KAAK,sBAAc,CAAC,MAAM,CAAC;IAClD,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,0BAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5E,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC;IAC7D,MAAM,KAAK,GAAG,aAAa,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC;IAE5E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAc,EAAC;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAa,CAAW;QAC9C,GAAG;QACH,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,+BAAc,OACT,KAAK,EACT,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,mBACT,YAAY,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,oBAAoB,EAC/B,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAiC,EACxC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,YAAY,GAAG,CACnB,KAAY,EACZ,GAAuD,EAC1C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,+BAAc,OAAM,KAAoC,EAAE,GAAG,EAAE,GAAG,GAAI,GACrD,YAGtB,uBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACxB,CACjB,CAAC;AAEW,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}

package/dist/cjs/components/link/link.styled.js

@@ -28,6 +28,7 @@ const styled_components_1 = __importStar(require("styled-components"));
 // mixin
 const mixins_1 = require("../../styles/mixins");
 const getStyles_1 = require("../../utils/getStyles/getStyles");
+const text_styled_1 = require("../text/text.styled");
 const types_1 = require("./types");
 const applyDevicePropsTextStyles = (props) => {
     return (0, styled_components_1.css) `
@@ -56,44 +57,39 @@ const applyPropsTextStyles = (props) => (0, styled_components_1.css) `
     }
   `}
 `;
+const applyLinkStateStyles = ({ textStyles, linkPropsStyles, }) => {
+    return (0, styled_components_1.css) `
+    ${(0, getStyles_1.getStyles)(linkPropsStyles?.container)}
+    ${(0, getStyles_1.getTypographyStyles)(linkPropsStyles?.container)}
+    // If textVariant is defined it should be applied before the own variant styles
+    ${(0, text_styled_1.applyVariantStyles)(textStyles)}
+    // In alternative variants, the focus colors must be change
+    ${linkPropsStyles?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+  `;
+};
 exports.TextStyledExtended = styled_components_1.default.p.withConfig({
     shouldForwardProp: () => true,
 }) `
-  ${({ linkStyles }) => (0, getStyles_1.getStyles)(linkStyles?.[types_1.LinkStateType.DEFAULT]?.container)}
-  ${({ linkStyles }) => (0, getStyles_1.getTypographyStyles)(linkStyles?.[types_1.LinkStateType.DEFAULT]?.container)}
-  // In alternative variants, the focus colors must be change
-  ${({ linkStyles }) => linkStyles?.[types_1.LinkStateType.DEFAULT]?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+  ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[types_1.LinkStateType.DEFAULT] })}
   ${({ alignCenter }) => alignCenter &&
     (0, styled_components_1.css) `
       margin: auto;
     `};
 
   &[aria-disabled='true'] {
-    ${({ linkStyles }) => (0, getStyles_1.getStyles)(linkStyles?.[types_1.LinkStateType.DISABLED]?.container)}
-    ${({ linkStyles }) => (0, getStyles_1.getTypographyStyles)(linkStyles?.[types_1.LinkStateType.DISABLED]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[types_1.LinkStateType.DEFAULT]?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[types_1.LinkStateType.DISABLED] })}
   }
 
   &:hover:not([aria-disabled='true']) {
-    ${({ linkStyles }) => (0, getStyles_1.getStyles)(linkStyles?.[types_1.LinkStateType.HOVER]?.container)}
-    ${({ linkStyles }) => (0, getStyles_1.getTypographyStyles)(linkStyles?.[types_1.LinkStateType.HOVER]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[types_1.LinkStateType.HOVER]?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[types_1.LinkStateType.HOVER] })}
   }
 
   &:active:not([aria-disabled='true']) {
-    ${({ linkStyles }) => (0, getStyles_1.getStyles)(linkStyles?.[types_1.LinkStateType.PRESSED]?.container)}
-    ${({ linkStyles }) => (0, getStyles_1.getTypographyStyles)(linkStyles?.[types_1.LinkStateType.PRESSED]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[types_1.LinkStateType.PRESSED]?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[types_1.LinkStateType.PRESSED] })}
   }
 
   &:visited:not([aria-disabled='true']) {
-    ${({ linkStyles }) => (0, getStyles_1.getStyles)(linkStyles?.[types_1.LinkStateType.VISITED]?.container)}
-    ${({ linkStyles }) => (0, getStyles_1.getTypographyStyles)(linkStyles?.[types_1.LinkStateType.VISITED]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[types_1.LinkStateType.VISITED]?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[types_1.LinkStateType.VISITED] })}
   }
 
   // Apply props tokens

package/dist/cjs/components/link/link.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.styled.js","sourceRoot":"","sources":["../../../../src/components/link/link.styled.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"link.styled.js","sourceRoot":"","sources":["../../../../src/components/link/link.styled.ts"],"names":[],"mappings":"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"}