@kubit-ui-web/react-components 1.0.0-beta.1

package/dist/cjs/utils/focusHandlers/focusHandlers.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trapFocus = exports.focusFirstDescendant = exports.focusLastDescendantOrElement = exports.focusElementOrFirstDescendant = exports.focusPreviousFocusableElement = exports.focusNextFocusableElement = exports.getFocusableDescendants = void 0;
+const FOCUSABLE_QUERY_SELECTOR = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
+const getFocusableDescendants = (element) => {
+    const focusableNodes = Array.from(element.querySelectorAll(FOCUSABLE_QUERY_SELECTOR)).filter(node => !node.hasAttribute('aria-disabled:true') &&
+        !node.getAttribute('aria-hidden:true') &&
+        !node.hasAttribute('disabled'));
+    return focusableNodes?.length ? focusableNodes : false;
+};
+exports.getFocusableDescendants = getFocusableDescendants;
+/**
+ * Find the next focusable element (without looking to children)
+ * Return true when a focusable element has been found and focused
+ * @param element
+ * @returns boolean
+ */
+// eslint-disable-next-line complexity
+const focusNextFocusableElement = (element) => {
+    let focusableElement = element;
+    let foundFocusableElement = false;
+    // Search next focusable element
+    while (focusableElement) {
+        while (focusableElement.nextElementSibling) {
+            focusableElement = focusableElement.nextElementSibling;
+            if (isElementOrSomeChildrenFocusable(focusableElement)) {
+                foundFocusableElement = true;
+                break;
+            }
+        }
+        if (foundFocusableElement) {
+            break;
+        }
+        focusableElement = focusableElement.parentNode;
+    }
+    // If next focusable element has been found
+    if (foundFocusableElement) {
+        (0, exports.focusElementOrFirstDescendant)(focusableElement);
+    }
+    return foundFocusableElement;
+};
+exports.focusNextFocusableElement = focusNextFocusableElement;
+/**
+ * Find the previous focusable element (without looking to children)
+ * Return true when a focusable element has been found and focused
+ * @param element
+ * @returns boolean
+ */
+// eslint-disable-next-line complexity
+const focusPreviousFocusableElement = (element) => {
+    let focusableElement = element;
+    let foundFocusableElement = false;
+    let focusableElementIsParent = false;
+    while (focusableElement) {
+        while (focusableElement.previousElementSibling) {
+            focusableElement = focusableElement.previousElementSibling;
+            if (isElementOrSomeChildrenFocusable(focusableElement)) {
+                foundFocusableElement = true;
+                break;
+            }
+        }
+        if (foundFocusableElement) {
+            break;
+        }
+        focusableElement = focusableElement.parentNode;
+        // Father is the previous focusable element
+        if (isElementFocusable(focusableElement)) {
+            foundFocusableElement = true;
+            focusableElementIsParent = true;
+            break;
+        }
+    }
+    if (foundFocusableElement) {
+        if (focusableElementIsParent) {
+            focusableElement.focus();
+        }
+        else {
+            (0, exports.focusLastDescendantOrElement)(focusableElement);
+        }
+    }
+    return foundFocusableElement;
+};
+exports.focusPreviousFocusableElement = focusPreviousFocusableElement;
+const isElementFocusable = (element) => {
+    return (!element.hasAttribute('aria-disabled:true') &&
+        !element.getAttribute('aria-hidden:true') &&
+        element.matches(FOCUSABLE_QUERY_SELECTOR));
+};
+const isSomeChildrenFocusable = (element) => {
+    const focusableElements = (0, exports.getFocusableDescendants)(element);
+    return !!(typeof focusableElements !== 'boolean' && focusableElements?.length);
+};
+const isElementOrSomeChildrenFocusable = (element) => {
+    return isElementFocusable(element) || isSomeChildrenFocusable(element);
+};
+const focusElementOrFirstDescendant = (element) => {
+    if (isElementFocusable(element)) {
+        element.focus();
+        return;
+    }
+    (0, exports.focusFirstDescendant)(element);
+};
+exports.focusElementOrFirstDescendant = focusElementOrFirstDescendant;
+const focusLastDescendantOrElement = (element) => {
+    const focusableElements = (0, exports.getFocusableDescendants)(element);
+    if (typeof focusableElements !== 'boolean' && focusableElements?.length) {
+        const focusableElement = focusableElements[focusableElements.length - 1];
+        focusableElement.focus();
+        return;
+    }
+    if (isElementFocusable(element)) {
+        element.focus();
+    }
+};
+exports.focusLastDescendantOrElement = focusLastDescendantOrElement;
+const focusFirstDescendant = (element) => {
+    if (element?.childNodes?.length) {
+        const focusableElements = (0, exports.getFocusableDescendants)(element);
+        if (typeof focusableElements !== 'boolean' && focusableElements?.length) {
+            focusableElements.some(node => {
+                node.focus();
+                return document.activeElement === node;
+            });
+        }
+    }
+};
+exports.focusFirstDescendant = focusFirstDescendant;
+const trapFocus = (element, e) => {
+    const focusableElements = (0, exports.getFocusableDescendants)(element);
+    if (typeof focusableElements !== 'boolean' && focusableElements.length) {
+        const firstFocusableElement = focusableElements[0];
+        const lastFocusableElement = focusableElements[focusableElements.length - 1];
+        if (e.shiftKey) {
+            if (document.activeElement === firstFocusableElement) {
+                lastFocusableElement?.focus();
+                e.preventDefault();
+            }
+        }
+        else {
+            if (document.activeElement === lastFocusableElement) {
+                firstFocusableElement?.focus();
+                e.preventDefault();
+            }
+        }
+    }
+    else {
+        e.preventDefault();
+    }
+};
+exports.trapFocus = trapFocus;
+//# sourceMappingURL=focusHandlers.js.map

package/dist/cjs/utils/focusHandlers/focusHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusHandlers.js","sourceRoot":"","sources":["../../../../src/utils/focusHandlers/focusHandlers.ts"],"names":[],"mappings":";;;AAEA,MAAM,wBAAwB,GAC5B,4KAA4K,CAAC;AAExK,MAAM,uBAAuB,GAAG,CAAC,OAAoB,EAA2B,EAAE;IACvF,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAC/B,OAAO,CAAC,gBAAgB,CAAc,wBAAwB,CAAC,CAChE,CAAC,MAAM,CACN,IAAI,CAAC,EAAE,CACL,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC;QACxC,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;QACtC,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CACjC,CAAC;IAEF,OAAO,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;AACzD,CAAC,CAAC;AAXW,QAAA,uBAAuB,2BAWlC;AAEF;;;;;GAKG;AACH,sCAAsC;AAC/B,MAAM,yBAAyB,GAAG,CAAC,OAAoB,EAAW,EAAE;IACzE,IAAI,gBAAgB,GAAG,OAAO,CAAC;IAC/B,IAAI,qBAAqB,GAAG,KAAK,CAAC;IAClC,gCAAgC;IAChC,OAAO,gBAAgB,EAAE,CAAC;QACxB,OAAO,gBAAgB,CAAC,kBAAkB,EAAE,CAAC;YAC3C,gBAAgB,GAAG,gBAAgB,CAAC,kBAAiC,CAAC;YACtE,IAAI,gCAAgC,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACvD,qBAAqB,GAAG,IAAI,CAAC;gBAC7B,MAAM;YACR,CAAC;QACH,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,MAAM;QACR,CAAC;QACD,gBAAgB,GAAG,gBAAgB,CAAC,UAAyB,CAAC;IAChE,CAAC;IACD,2CAA2C;IAC3C,IAAI,qBAAqB,EAAE,CAAC;QAC1B,IAAA,qCAA6B,EAAC,gBAAgB,CAAC,CAAC;IAClD,CAAC;IACD,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC;AAtBW,QAAA,yBAAyB,6BAsBpC;AAEF;;;;;GAKG;AACH,sCAAsC;AAC/B,MAAM,6BAA6B,GAAG,CAAC,OAAoB,EAAW,EAAE;IAC7E,IAAI,gBAAgB,GAAG,OAAO,CAAC;IAC/B,IAAI,qBAAqB,GAAG,KAAK,CAAC;IAClC,IAAI,wBAAwB,GAAG,KAAK,CAAC;IACrC,OAAO,gBAAgB,EAAE,CAAC;QACxB,OAAO,gBAAgB,CAAC,sBAAsB,EAAE,CAAC;YAC/C,gBAAgB,GAAG,gBAAgB,CAAC,sBAAqC,CAAC;YAC1E,IAAI,gCAAgC,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACvD,qBAAqB,GAAG,IAAI,CAAC;gBAC7B,MAAM;YACR,CAAC;QACH,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,MAAM;QACR,CAAC;QACD,gBAAgB,GAAG,gBAAgB,CAAC,UAAyB,CAAC;QAC9D,2CAA2C;QAC3C,IAAI,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACzC,qBAAqB,GAAG,IAAI,CAAC;YAC7B,wBAAwB,GAAG,IAAI,CAAC;YAChC,MAAM;QACR,CAAC;IACH,CAAC;IACD,IAAI,qBAAqB,EAAE,CAAC;QAC1B,IAAI,wBAAwB,EAAE,CAAC;YAC7B,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,IAAA,oCAA4B,EAAC,gBAAgB,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IACD,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC;AA/BW,QAAA,6BAA6B,iCA+BxC;AAEF,MAAM,kBAAkB,GAAG,CAAC,OAAoB,EAAW,EAAE;IAC3D,OAAO,CACL,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC;QAC3C,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC;QACzC,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAC1C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,OAAoB,EAAW,EAAE;IAChE,MAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,OAAO,CAAC,CAAC;IAC3D,OAAO,CAAC,CAAC,CAAC,OAAO,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,EAAE,MAAM,CAAC,CAAC;AACjF,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,CAAC,OAAoB,EAAW,EAAE;IACzE,OAAO,kBAAkB,CAAC,OAAO,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,CAAC;AACzE,CAAC,CAAC;AAEK,MAAM,6BAA6B,GAAG,CAAC,OAAoB,EAAQ,EAAE;IAC1E,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;QAChC,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,IAAA,4BAAoB,EAAC,OAAO,CAAC,CAAC;AAChC,CAAC,CAAC;AANW,QAAA,6BAA6B,iCAMxC;AAEK,MAAM,4BAA4B,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACzE,MAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,OAAO,CAAC,CAAC;IAC3D,IAAI,OAAO,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,EAAE,MAAM,EAAE,CAAC;QACxE,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACzE,gBAAgB,CAAC,KAAK,EAAE,CAAC;QACzB,OAAO;IACT,CAAC;IACD,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;QAChC,OAAO,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,4BAA4B,gCAUvC;AAEK,MAAM,oBAAoB,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACjE,IAAI,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;QAChC,MAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,OAAO,CAAC,CAAC;QAE3D,IAAI,OAAO,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,EAAE,MAAM,EAAE,CAAC;YACxE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,OAAO,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B;AAEK,MAAM,SAAS,GAAG,CAAC,OAAoB,EAAE,CAAmC,EAAQ,EAAE;IAC3F,MAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,OAAO,CAAC,CAAC;IAC3D,IAAI,OAAO,iBAAiB,KAAK,SAAS,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC;QACvE,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACnD,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC7E,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;YACf,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE,CAAC;gBACrD,oBAAoB,EAAE,KAAK,EAAE,CAAC;gBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE,CAAC;gBACpD,qBAAqB,EAAE,KAAK,EAAE,CAAC;gBAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC;SAAM,CAAC;QACN,CAAC,CAAC,cAAc,EAAE,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,SAAS,aAmBpB"}

package/dist/cjs/utils/getSizeWindowRem/getSizeWindowRem.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSizeWindowRem = void 0;
+const getSizeWindowRem = () => {
+    if (typeof window === 'undefined')
+        return 0;
+    if (typeof document === 'undefined')
+        return 0;
+    const elem = document?.querySelector('body');
+    return elem ? window.innerWidth / parseFloat(getComputedStyle(elem)['font-size']) : 0;
+};
+exports.getSizeWindowRem = getSizeWindowRem;
+//# sourceMappingURL=getSizeWindowRem.js.map

package/dist/cjs/utils/getSizeWindowRem/getSizeWindowRem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeWindowRem.js","sourceRoot":"","sources":["../../../../src/utils/getSizeWindowRem/getSizeWindowRem.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,GAAW,EAAE;IAC3C,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,CAAC,CAAC;IAC5C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,CAAC,CAAC;IAE9C,MAAM,IAAI,GAAG,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxF,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}

package/dist/cjs/utils/getStyles/getStyles.js

@@ -0,0 +1,428 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAnimationStyles = exports.getStyles = exports.getPseudoElementStyles = exports.getPointerStyles = exports.getTypographyStyles = exports.getGenericTypographyStyles = exports.getBoxShadowStyles = exports.getPositionStyles = exports.getPaddingStyles = exports.getMeasuresStyles = exports.getMarginStyles = exports.getDisplayStyles = exports.getBorderStyles = exports.getBackgroundStyles = void 0;
+/* eslint-disable complexity */
+const styled_components_1 = require("styled-components");
+/**
+ * Returns the background styles.
+ * @param {BackgroundTypes} prop - The background properties.
+ * @returns {string} - The background styles.
+ * @category styles
+ * @example
+ * getBackgroundStyles({ background: '10px' });
+ * // Returns: background: 10px;
+ */
+const getBackgroundStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { background, background_color, background_image, background_position, background_repeat, background_size, opacity, accent_color, } = prop;
+    return (0, styled_components_1.css) `
+    ${background && `background: ${background};`}
+    ${background_color && `background-color: ${background_color};`}
+    ${background_image && `background-image: ${background_image};`}
+    ${background_position && `background-position: ${background_position};`}
+    ${background_repeat && `background-repeat: ${background_repeat};`}
+    ${background_size && `background-size: ${background_size};`}
+    ${opacity && `opacity: ${opacity};`}
+    ${accent_color && `accent-color: ${accent_color};`}
+  `;
+};
+exports.getBackgroundStyles = getBackgroundStyles;
+/**
+ * Get border styles.
+ * @param {BorderTypes} prop - border styles
+ * @category styles
+ * @example
+ * const Component = styled.div<BorderTypes>`
+ * ${getBorderStyles}
+ * `;
+ * @returns {string} border styles
+ * ,
+ */
+const getBorderStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { border, border_top, border_right, border_bottom, border_left, border_radius, border_width, border_left_width, border_right_width, border_top_width, border_bottom_width, border_color, border_left_color, border_right_color, border_top_color, border_bottom_color, border_top_left_radius, border_top_right_radius, border_bottom_left_radius, border_bottom_right_radius, border_style, border_left_style, border_top_style, border_right_style, border_bottom_style, outline, outline_style, outline_color, outline_width, outline_offset, } = prop;
+    return (0, styled_components_1.css) `
+    ${border && `border: ${border};`}
+    ${border_top && `border-top: ${border_top};`}
+    ${border_right && `border-right: ${border_right};`}
+    ${border_bottom && `border-bottom: ${border_bottom};`}
+    ${border_left && `border-left: ${border_left};`}
+    ${border_radius && `border-radius: ${border_radius};`}
+    ${border_width && `border-width: ${border_width};`}
+    ${border_left_width && `border-left-width: ${border_left_width};`}
+    ${border_right_width && `border-right-width: ${border_right_width};`}
+    ${border_top_width && `border-top-width: ${border_top_width};`}
+    ${border_bottom_width && `border-bottom-width: ${border_bottom_width};`}
+    ${border_color && `border-color: ${border_color};`}
+    ${border_left_color && `border-left-color: ${border_left_color};`}
+    ${border_right_color && `border-right-color: ${border_right_color};`}
+    ${border_top_color && `border-top-color: ${border_top_color};`}
+    ${border_bottom_color && `border-bottom-color: ${border_bottom_color};`}
+    ${border_top_left_radius && `border-top-left-radius: ${border_top_left_radius};`}
+    ${border_top_right_radius && `border-top-right-radius: ${border_top_right_radius};`}
+    ${border_bottom_left_radius && `border-bottom-left-radius: ${border_bottom_left_radius};`}
+    ${border_bottom_right_radius && `border-bottom-right-radius: ${border_bottom_right_radius};`}
+    ${border_style && `border-style: ${border_style};`}
+    ${border_left_style && `border-left-style: ${border_left_style};`}
+    ${border_top_style && `border-top-style: ${border_top_style};`}
+    ${border_right_style && `border-right-style: ${border_right_style};`}
+    ${border_bottom_style && `border-bottom-style: ${border_bottom_style};`}
+    ${outline && `outline: ${outline};`}
+    ${outline_style && `outline-style: ${outline_style};`}
+    ${outline_color && `outline-color: ${outline_color};`}
+    ${outline_width && `outline-width: ${outline_width};`}
+    ${outline_offset && `outline-offset: ${outline_offset};`}
+  `;
+};
+exports.getBorderStyles = getBorderStyles;
+/**
+ * Get display styles.
+ * @param {DisplayTypes} prop - display styles
+ * @category styles
+ * @example
+ * const Component = styled.div<DisplayTypes>`
+ * ${getDisplayStyles}
+ * `;
+ * @returns {string} display styles
+ * ,
+ */
+const getDisplayStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { display, visibility, overflow, overflow_x, overflow_y, flex, flex_direction, flex_wrap, flex_flow, flex_grow, flex_shrink, flex_basis, justify_content, align_items, align_self, align_content, order, flex_order, flex_align_self, flex_justify_self, flex_align_content, flex_align_items, gap, row_gap, column_gap, grid, grid_area, grid_template, grid_template_areas, grid_template_rows, grid_template_columns, grid_row, grid_row_start, grid_row_end, grid_column, grid_column_start, grid_column_end, grid_gap, grid_row_gap, grid_column_gap, grid_auto_flow, grid_auto_rows, grid_auto_columns, } = prop;
+    return (0, styled_components_1.css) `
+    ${display && `display: ${display};`}
+    ${visibility && `visibility: ${visibility};`}
+    ${overflow && `overflow: ${overflow};`}
+    ${overflow_x && `overflow-x: ${overflow_x};`}
+    ${overflow_y && `overflow-y: ${overflow_y};`}
+    ${flex && `flex: ${flex};`}
+    ${flex_direction && `flex-direction: ${flex_direction};`}
+    ${flex_wrap && `flex-wrap: ${flex_wrap};`}
+    ${flex_flow && `flex-flow: ${flex_flow};`}
+    ${flex_grow && `flex-grow: ${flex_grow};`}
+    ${flex_shrink && `flex-shrink: ${flex_shrink};`}
+    ${flex_basis && `flex-basis: ${flex_basis};`}
+    ${justify_content && `justify-content: ${justify_content};`}
+    ${align_items && `align-items: ${align_items};`}
+    ${align_self && `align-self: ${align_self};`}    
+    ${align_content && `align-content: ${align_content};`}
+    ${order && `order: ${order};`}
+    ${flex_order && `order: ${flex_order};`}
+    ${flex_align_self && `align-self: ${flex_align_self};`}
+    ${flex_justify_self && `justify-self: ${flex_justify_self};`}
+    ${flex_align_content && `align-content: ${flex_align_content};`}
+    ${flex_align_items && `align-items: ${flex_align_items};`}
+    ${gap && `gap: ${gap};`}
+    ${row_gap && `row-gap: ${row_gap};`}
+    ${column_gap && `column-gap: ${column_gap};`}
+    ${grid && `grid: ${grid};`}
+    ${grid_area && `grid-area: ${grid_area};`}
+    ${grid_template && `grid-template: ${grid_template};`}
+    ${grid_template_areas && `grid-template-areas: ${grid_template_areas};`}
+    ${grid_template_rows && `grid-template-rows: ${grid_template_rows};`}
+    ${grid_template_columns && `grid-template-columns: ${grid_template_columns};`}
+    ${grid_row && `grid-row: ${grid_row};`}
+    ${grid_row_start && `grid-row-start: ${grid_row_start};`}
+    ${grid_row_end && `grid-row-end: ${grid_row_end};`}
+    ${grid_column && `grid-column: ${grid_column};`}
+    ${grid_column_start && `grid-column-start: ${grid_column_start};`}
+    ${grid_column_end && `grid-column-end: ${grid_column_end};`}
+    ${grid_gap && `grid-gap: ${grid_gap};`}
+    ${grid_row_gap && `grid-row-gap: ${grid_row_gap};`}
+    ${grid_column_gap && `grid-column-gap: ${grid_column_gap};`}
+    ${grid_auto_flow && `grid-auto-flow: ${grid_auto_flow};`}
+    ${grid_auto_rows && `grid-auto-rows: ${grid_auto_rows};`}
+    ${grid_auto_columns && `grid-auto-columns: ${grid_auto_columns};`}
+  `;
+};
+exports.getDisplayStyles = getDisplayStyles;
+/**
+ * Get margin styles.
+ * @param {MarginTypes} prop - margin styles
+ * @category styles
+ * @example
+ * const Component = styled.div<MarginTypes>`
+ * ${getMarginStyles}
+ * `;
+ * @returns {string} margin styles
+ * ,
+ */
+const getMarginStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { margin, margin_left, margin_right, margin_top, margin_bottom } = prop;
+    return (0, styled_components_1.css) `
+    ${margin && `margin: ${margin};`}
+    ${margin_left && `margin-left: ${margin_left};`}
+    ${margin_right && `margin-right: ${margin_right};`}
+    ${margin_top && `margin-top: ${margin_top};`}
+    ${margin_bottom && `margin-bottom: ${margin_bottom};`}
+  `;
+};
+exports.getMarginStyles = getMarginStyles;
+/**
+ * Get measures styles.
+ * @param {MeasuresType} prop - measures styles
+ * @category styles
+ * @example
+ * const Component = styled.div<MeasuresType>`
+ *  ${getMeasuresStyles}
+ * `;
+ * @returns {string} measures styles
+ * ,
+ */
+const getMeasuresStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { box_sizing, width, min_width, max_width, height, min_height, max_height } = prop;
+    return (0, styled_components_1.css) `
+    ${box_sizing && `box-sizing: ${box_sizing};`}
+    ${width && `width: ${width};`}
+    ${min_width && `min-width: ${min_width};`}
+    ${max_width && `max-width: ${max_width};`}
+    ${height && `height: ${height};`}
+    ${min_height && `min-height: ${min_height};`}
+    ${max_height && `max-height: ${max_height};`}
+  `;
+};
+exports.getMeasuresStyles = getMeasuresStyles;
+/**
+ * Returns the padding styles.
+ * @param {PaddingTypes} prop - The padding properties.
+ * @returns {string} - The padding styles.
+ * @category styles
+ * @example
+ * getPaddingStyles({ padding: '10px' });
+ * // Returns: padding: 10px;
+ */
+const getPaddingStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { padding, padding_left, padding_right, padding_top, padding_bottom } = prop;
+    return (0, styled_components_1.css) `
+    ${padding && `padding: ${padding};`}
+    ${padding_left && `padding-left: ${padding_left};`}
+    ${padding_right && `padding-right: ${padding_right};`}
+    ${padding_top && `padding-top: ${padding_top};`}
+    ${padding_bottom && `padding-bottom: ${padding_bottom};`}
+  `;
+};
+exports.getPaddingStyles = getPaddingStyles;
+/**
+ * Get position styles.
+ * @param {PositionTypes} prop - position styles
+ * @category styles
+ * @example
+ * const Component = styled.div<PositionTypes>`
+ * ${getPositionStyles}
+ * `;
+ * @returns {string} position styles
+ * ,
+ */
+const getPositionStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { position, top, right, bottom, left, float, transform, z_index, transform_style } = prop;
+    return (0, styled_components_1.css) `
+    ${position && `position: ${position};`}
+    ${transform_style && `transform-style: ${transform_style};`}
+    ${top && `top: ${top};`}
+              ${right && `right: ${right};`}
+              ${bottom && `bottom: ${bottom};`}
+              ${left && `left: ${left};`}
+              ${float && `float: ${float};`}
+              ${transform && `transform: ${transform};`}
+              ${z_index && `z-index: ${z_index};`}
+  `;
+};
+exports.getPositionStyles = getPositionStyles;
+/**
+ * Returns the box shadow styles.
+ * @param {BoxShadowTypes} prop - The box shadow properties.
+ * @returns {string} - The box shadow styles.
+ * @category styles
+ * @example
+ * getBoxShadowStyles({ box_shadow: '10px' });
+ * // Returns: box-shadow: 10px;
+ *
+ */
+const getBoxShadowStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { box_shadow } = prop;
+    return (0, styled_components_1.css) `
+    ${box_shadow && `box-shadow: ${box_shadow};`}
+  `;
+};
+exports.getBoxShadowStyles = getBoxShadowStyles;
+const getGenericTypographyStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { font_family, font_size, font_weight, font_style, line_height, letter_spacing, text_align, text_decoration, text_transform, white_space, word_break, word_wrap, text_overflow, text_shadow, text_indent, text_justify, color, overflow, } = prop;
+    return (0, styled_components_1.css) `
+    ${font_family && `font-family: ${font_family};`}
+    ${font_size && `font-size: ${font_size};`}
+    ${!!font_weight && `font-weight: ${font_weight};`}
+    ${font_style && `font-style: ${font_style};`}
+    ${line_height && `line-height: ${line_height};`}
+    ${letter_spacing && `letter-spacing: ${letter_spacing};`}
+    ${text_align && `text-align: ${text_align};`}
+    ${text_decoration && `text-decoration: ${text_decoration};`}
+    ${text_transform && `text-transform: ${text_transform};`}
+    ${white_space && `white-space: ${white_space};`}
+    ${word_break && `word-break: ${word_break};`}
+    ${word_wrap && `word-wrap: ${word_wrap};`}
+    ${text_overflow && `text-overflow: ${text_overflow};`}
+    ${text_shadow && `text-shadow: ${text_shadow};`}
+    ${text_indent && `text-indent: ${text_indent};`}
+    ${text_justify && `text-justify: ${text_justify};`}
+    ${color && `color: ${color};`}
+    ${overflow && `overflow: ${overflow};`}
+  `;
+};
+exports.getGenericTypographyStyles = getGenericTypographyStyles;
+/**
+ * Get typography styles.
+ * @param {TypographyTypes} prop - typography styles
+ * @category styles
+ * @example
+ * const Component = styled.div<TypographyTypes>`
+ * ${getTypographyStyles}
+ * `;
+ * @returns {string} typography styles
+ * ,
+ */
+const getTypographyStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    return (0, styled_components_1.css) `
+    ${({ theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet, onlyMobile }, }, }) => (0, styled_components_1.css) `
+      ${(0, exports.getGenericTypographyStyles)(prop)}
+      ${onlyDesktop} {
+        ${(0, exports.getGenericTypographyStyles)(prop.DESKTOP)}
+      }
+      ${onlyTablet} {
+        ${(0, exports.getGenericTypographyStyles)(prop.TABLET)}
+      }
+      ${onlyMobile} {
+        ${(0, exports.getGenericTypographyStyles)(prop.MOBILE)}
+      }
+    `}
+  `;
+};
+exports.getTypographyStyles = getTypographyStyles;
+/**
+ * Get pointer styles.
+ * @param {PointerTypes} prop - pointer styles
+ * @category styles
+ * @example
+ * const Component = styled.div<PointerTypes>`
+ * ${getPointerStyles}
+ * `;
+ * @returns {string} pointer styles
+ * ,
+ */
+const getPointerStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { cursor, pointer_events } = prop;
+    return (0, styled_components_1.css) `
+    ${cursor && `cursor: ${cursor};`}
+    ${pointer_events && `pointer-events: ${pointer_events};`}
+  `;
+};
+exports.getPointerStyles = getPointerStyles;
+const getGenericStyles = (styles) => {
+    return (0, styled_components_1.css) `
+    ${(0, exports.getPaddingStyles)(styles)}
+    ${(0, exports.getBorderStyles)(styles)}
+    ${(0, exports.getBoxShadowStyles)(styles)}
+    ${(0, exports.getBackgroundStyles)(styles)}
+    ${(0, exports.getMeasuresStyles)(styles)}
+    ${(0, exports.getDisplayStyles)(styles)}
+    ${(0, exports.getMarginStyles)(styles)}
+    ${(0, exports.getPositionStyles)(styles)}
+    ${(0, exports.getPointerStyles)(styles)}
+  `;
+};
+const getPseudoElementStyles = (pseudoElement, { content, ...styles }) => {
+    const isAfterOrBefore = pseudoElement.includes('after') || pseudoElement.includes('before');
+    return (0, styled_components_1.css) `
+    ${pseudoElement} {
+      ${isAfterOrBefore && `content: '${content}'`};
+      ${getGenericStyles(styles)}
+    }
+  `;
+};
+exports.getPseudoElementStyles = getPseudoElementStyles;
+const getAfterBeforeKeys = (styles) => {
+    if (!styles) {
+        return (0, styled_components_1.css) ``;
+    }
+    const afterKey = '&::after';
+    const beforeKey = '&::before';
+    const backdropKey = '&::backdrop';
+    return (0, styled_components_1.css) `
+    ${styles.after && (0, exports.getPseudoElementStyles)(afterKey, styles.after)}
+    ${styles.before && (0, exports.getPseudoElementStyles)(beforeKey, styles.before)}
+    ${styles.backdrop && (0, exports.getPseudoElementStyles)(backdropKey, styles.backdrop)}
+  `;
+};
+const getStyles = (styles) => {
+    //all styles except TypographyTypes and IconTypes
+    return (0, styled_components_1.css) `
+    ${getGenericStyles(styles)}
+    ${getAfterBeforeKeys(styles)}
+    ${({ theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet, onlyMobile }, }, }) => (0, styled_components_1.css) `
+      ${onlyDesktop} {
+        ${getGenericStyles(styles?.DESKTOP)}
+        ${getAfterBeforeKeys(styles?.DESKTOP)}
+      }
+      ${onlyTablet} {
+        ${getGenericStyles(styles?.TABLET)}
+        ${getAfterBeforeKeys(styles?.TABLET)}
+      }
+      ${onlyMobile} {
+        ${getGenericStyles(styles?.MOBILE)}
+        ${getAfterBeforeKeys(styles?.MOBILE)}
+      }
+    `}
+  `;
+};
+exports.getStyles = getStyles;
+/**
+ * Get animation styles.
+ * @param {AnimationType} prop - animation styles
+ * @category styles
+ * @example
+ * const Component = styled.div<AnimationType>`
+ *  ${getAnimationStyles}
+ * `;
+ * @returns {string} animation styles
+ * ,
+ */
+const getAnimationStyles = (prop) => {
+    if (!prop) {
+        return (0, styled_components_1.css) ``;
+    }
+    const { transition } = prop;
+    return (0, styled_components_1.css) `
+    ${transition && `display: ${transition};`}
+  `;
+};
+exports.getAnimationStyles = getAnimationStyles;
+//# sourceMappingURL=getStyles.js.map

package/dist/cjs/utils/getStyles/getStyles.js.map

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