@tecsinapse/react-web-kit 1.22.1-beta.3 → 1.22.1-beta.5

package/dist/components/atoms/Tooltip/styled.cjs

@@ -1,121 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const bottomOrTopStylesCommon = (width, position) => ["top", "bottom"].includes(position) && react.css`
-    left: 50%;
-    margin-left: -${width / 2}px;
-  `;
-const bottomOrTopArrowCommon = (position) => ["top", "bottom"].includes(position) && react.css`
-    left: 50%;
-    margin-left: -5px;
-  `;
-const topStyles = (theme, position) => position === "top" && react.css`
-    bottom: 100%;
-    margin-bottom: ${theme.spacing.centi};
-    transform: translateY(10%);
-  `;
-const topArrow = (theme, position) => position === "top" && react.css`
-    top: 100%;
-    border-color: ${theme.color.secondary.xdark} transparent transparent
-      transparent;
-  `;
-const bottomStyles = (theme, position) => position === "bottom" && react.css`
-    top: 100%;
-    margin-top: ${theme.spacing.centi};
-    transform: translateY(-10%);
-  `;
-const bottomArrow = (theme, position) => position === "bottom" && react.css`
-    bottom: 100%;
-    border-color: transparent transparent ${theme.color.secondary.xdark}
-      transparent;
-  `;
-const leftAndRightCommonStyles = (height, position) => ["right", "left"].includes(position) && react.css`
-    top: 50%;
-    margin-top: -${height / 2}px;
-  `;
-const leftOrRightArrowCommon = (position) => ["right", "left"].includes(position) && react.css`
-    top: 50%;
-    margin-top: -5px;
-  `;
-const leftStyles = (theme, position) => position === "left" && react.css`
-    right: 100%;
-    margin-right: ${theme.spacing.centi};
-    transform: translateX(10%);
-  `;
-const leftArrow = (theme, position) => position === "left" && react.css`
-    left: 100%;
-    border-color: transparent transparent transparent
-      ${theme.color.secondary.xdark};
-  `;
-const rightStyles = (theme, position) => position === "right" && react.css`
-    left: 100%;
-    margin-left: ${theme.spacing.centi};
-    transform: translateX(-10%);
-  `;
-const rightArrow = (theme, position) => position === "right" && react.css`
-    right: 100%;
-    border-color: transparent ${theme.color.secondary.xdark} transparent
-      transparent;
-  `;
-const TooltipSpan = styled__default["default"]("span")(
-  ({ theme, computed, position }) => {
-    const { width = 0, height = 0 } = computed || {};
-    return react.css`
-      position: absolute;
-      width: max-content;
-      padding: ${theme.spacing.micro} ${theme.spacing.centi};
-      border-radius: ${theme.borderRadius.mili};
-      opacity: 0;
-      visibility: hidden;
-      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
-      background-color: ${theme.color.secondary.xdark};
-      z-index: ${theme.zIndex.absolute};
-
-      ${bottomOrTopStylesCommon(width, position)}
-      ${bottomStyles(theme, position)}
-      ${topStyles(theme, position)}
-      
-      ${leftAndRightCommonStyles(height, position)}
-      ${leftStyles(theme, position)}
-      ${rightStyles(theme, position)}
-
-      &::after {
-        content: '';
-        position: absolute;
-        border-style: solid;
-        border-width: 5px;
-
-        ${bottomOrTopArrowCommon(position)}
-        ${bottomArrow(theme, position)}
-        ${topArrow(theme, position)}
-        
-        ${leftOrRightArrowCommon(position)}
-        ${leftArrow(theme, position)}
-        ${rightArrow(theme, position)}
-      }
-    `;
-  }
-);
-const Container = styled__default["default"]("div")`
-  position: relative;
-  &:hover {
-    & > span {
-      opacity: 1;
-      visibility: visible;
-      display: flex;
-      transform: ${({ position }) => position === "left" || position === "right" ? "translateX(0%)" : "translateY(0%)"};
-    }
-  }
-`;
-
-exports.Container = Container;
-exports.TooltipSpan = TooltipSpan;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/Tooltip/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"names":["css","styled"],"mappings":"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"}

package/dist/components/atoms/Tooltip/styled.mjs

@@ -1,112 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-
-const bottomOrTopStylesCommon = (width, position) => ["top", "bottom"].includes(position) && css`
-    left: 50%;
-    margin-left: -${width / 2}px;
-  `;
-const bottomOrTopArrowCommon = (position) => ["top", "bottom"].includes(position) && css`
-    left: 50%;
-    margin-left: -5px;
-  `;
-const topStyles = (theme, position) => position === "top" && css`
-    bottom: 100%;
-    margin-bottom: ${theme.spacing.centi};
-    transform: translateY(10%);
-  `;
-const topArrow = (theme, position) => position === "top" && css`
-    top: 100%;
-    border-color: ${theme.color.secondary.xdark} transparent transparent
-      transparent;
-  `;
-const bottomStyles = (theme, position) => position === "bottom" && css`
-    top: 100%;
-    margin-top: ${theme.spacing.centi};
-    transform: translateY(-10%);
-  `;
-const bottomArrow = (theme, position) => position === "bottom" && css`
-    bottom: 100%;
-    border-color: transparent transparent ${theme.color.secondary.xdark}
-      transparent;
-  `;
-const leftAndRightCommonStyles = (height, position) => ["right", "left"].includes(position) && css`
-    top: 50%;
-    margin-top: -${height / 2}px;
-  `;
-const leftOrRightArrowCommon = (position) => ["right", "left"].includes(position) && css`
-    top: 50%;
-    margin-top: -5px;
-  `;
-const leftStyles = (theme, position) => position === "left" && css`
-    right: 100%;
-    margin-right: ${theme.spacing.centi};
-    transform: translateX(10%);
-  `;
-const leftArrow = (theme, position) => position === "left" && css`
-    left: 100%;
-    border-color: transparent transparent transparent
-      ${theme.color.secondary.xdark};
-  `;
-const rightStyles = (theme, position) => position === "right" && css`
-    left: 100%;
-    margin-left: ${theme.spacing.centi};
-    transform: translateX(-10%);
-  `;
-const rightArrow = (theme, position) => position === "right" && css`
-    right: 100%;
-    border-color: transparent ${theme.color.secondary.xdark} transparent
-      transparent;
-  `;
-const TooltipSpan = styled("span")(
-  ({ theme, computed, position }) => {
-    const { width = 0, height = 0 } = computed || {};
-    return css`
-      position: absolute;
-      width: max-content;
-      padding: ${theme.spacing.micro} ${theme.spacing.centi};
-      border-radius: ${theme.borderRadius.mili};
-      opacity: 0;
-      visibility: hidden;
-      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
-      background-color: ${theme.color.secondary.xdark};
-      z-index: ${theme.zIndex.absolute};
-
-      ${bottomOrTopStylesCommon(width, position)}
-      ${bottomStyles(theme, position)}
-      ${topStyles(theme, position)}
-      
-      ${leftAndRightCommonStyles(height, position)}
-      ${leftStyles(theme, position)}
-      ${rightStyles(theme, position)}
-
-      &::after {
-        content: '';
-        position: absolute;
-        border-style: solid;
-        border-width: 5px;
-
-        ${bottomOrTopArrowCommon(position)}
-        ${bottomArrow(theme, position)}
-        ${topArrow(theme, position)}
-        
-        ${leftOrRightArrowCommon(position)}
-        ${leftArrow(theme, position)}
-        ${rightArrow(theme, position)}
-      }
-    `;
-  }
-);
-const Container = styled("div")`
-  position: relative;
-  &:hover {
-    & > span {
-      opacity: 1;
-      visibility: visible;
-      display: flex;
-      transform: ${({ position }) => position === "left" || position === "right" ? "translateX(0%)" : "translateY(0%)"};
-    }
-  }
-`;
-
-export { Container, TooltipSpan };
-//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/Tooltip/styled.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      width: max-content;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n      display: flex;\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"names":[],"mappings":"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"}

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs

@@ -1,51 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactCore = require('@tecsinapse/react-core');
-var styled = require('./styled.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const BreadcrumbItem = ({
-  props,
-  Component,
-  isLast,
-  title
-}) => {
-  const noTextDecoration = { textDecoration: "none" };
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerItem, null, /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps(__spreadValues({}, props), {
-    style: noTextDecoration
-  }), /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
-    colorVariant: "secondary",
-    colorTone: isLast ? "medium" : "xdark"
-  }, title)), !isLast && /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerIcon, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
-    name: "chevron-double-right",
-    type: "material-community",
-    size: "centi",
-    fontColor: "orange"
-  })));
-};
-
-module.exports = BreadcrumbItem;
-//# sourceMappingURL=BreadcrumbItem.cjs.map

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbItem.cjs","sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":["React","StyledContainerItem","Text","StyledContainerIcon","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAClD,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,0BAAA,EAAA,IAAA,kBACED,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,GAAA,CAAA,kBAC1BA,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAA,EAAW,SAAS,QAAW,GAAA,OAAA;AAAA,GAAA,EAC3D,KACH,CACF,CAAA,EACC,CAAC,MACA,oBAAAF,yBAAA,CAAA,aAAA,CAACG,kDACEH,yBAAA,CAAA,aAAA,CAAAI,cAAA,EAAA;AAAA,IACC,IAAK,EAAA,sBAAA;AAAA,IACL,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.mjs

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Text, Icon } from '@tecsinapse/react-core';
-import { StyledContainerItem, StyledContainerIcon } from './styled.mjs';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const BreadcrumbItem = ({
-  props,
-  Component,
-  isLast,
-  title
-}) => {
-  const noTextDecoration = { textDecoration: "none" };
-  return /* @__PURE__ */ React.createElement(StyledContainerItem, null, /* @__PURE__ */ React.createElement(Component, __spreadProps(__spreadValues({}, props), {
-    style: noTextDecoration
-  }), /* @__PURE__ */ React.createElement(Text, {
-    colorVariant: "secondary",
-    colorTone: isLast ? "medium" : "xdark"
-  }, title)), !isLast && /* @__PURE__ */ React.createElement(StyledContainerIcon, null, /* @__PURE__ */ React.createElement(Icon, {
-    name: "chevron-double-right",
-    type: "material-community",
-    size: "centi",
-    fontColor: "orange"
-  })));
-};
-
-export { BreadcrumbItem as default };
-//# sourceMappingURL=BreadcrumbItem.mjs.map

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbItem.mjs","sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAClD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,GAAA,CAAA,kBAC1B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAA,EAAW,SAAS,QAAW,GAAA,OAAA;AAAA,GAAA,EAC3D,KACH,CACF,CAAA,EACC,CAAC,MACA,oBAAA,KAAA,CAAA,aAAA,CAAC,2CACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,sBAAA;AAAA,IACL,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/styled');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledContainerItem = styled__default["default"]("div")`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  margin-right: ${({ theme }) => theme.spacing.mili};
-`;
-const StyledContainerIcon = styled__default["default"]("div")`
-  margin-left: ${({ theme }) => theme.spacing.mili};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-`;
-
-exports.StyledContainerIcon = StyledContainerIcon;
-exports.StyledContainerItem = StyledContainerItem;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;AAGa,MAAA,mBAAA,GAAsBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAK7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,mBAAA,GAAsBA,2BAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.mjs

@@ -1,19 +0,0 @@
-import styled from '@emotion/styled';
-
-const StyledContainerItem = styled("div")`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  margin-right: ${({ theme }) => theme.spacing.mili};
-`;
-const StyledContainerIcon = styled("div")`
-  margin-left: ${({ theme }) => theme.spacing.mili};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-`;
-
-export { StyledContainerIcon, StyledContainerItem };
-//# sourceMappingURL=styled.mjs.map

package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.mjs","sources":["../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerIcon = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAK7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.cjs

@@ -1,54 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styled = require('./styled.cjs');
-var BreadcrumbItem = require('./BreadcrumbItem/BreadcrumbItem.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Breadcrumbs = (_a) => {
-  var _b = _a, { breadcrumbs } = _b, rest = __objRest(_b, ["breadcrumbs"]);
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerBreadcrumbs, __spreadValues({}, rest), breadcrumbs.map((item, index) => {
-    const { props, Component = "a", title } = item;
-    return /* @__PURE__ */ React__default["default"].createElement(BreadcrumbItem, {
-      key: index,
-      Component,
-      props,
-      isLast: breadcrumbs.length - 1 === index,
-      title
-    });
-  }));
-};
-
-module.exports = Breadcrumbs;
-//# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"names":["StyledContainerBreadcrumbs","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,WAAA,GAAoC,CAAC,EAA6B,KAAA;AAA7B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAd7C,WAAA,EAAA,GAc2C,EAAkB,EAAA,IAAA,GAAA,SAAA,CAAlB,IAAkB,CAAhB,aAAA,CAAA,CAAA,CAAA;AAC3C,EAAA,+DACGA,iCAA+B,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.mjs

@@ -1,48 +0,0 @@
-import React from 'react';
-import { StyledContainerBreadcrumbs } from './styled.mjs';
-import BreadcrumbItem from './BreadcrumbItem/BreadcrumbItem.mjs';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Breadcrumbs = (_a) => {
-  var _b = _a, { breadcrumbs } = _b, rest = __objRest(_b, ["breadcrumbs"]);
-  return /* @__PURE__ */ React.createElement(StyledContainerBreadcrumbs, __spreadValues({}, rest), breadcrumbs.map((item, index) => {
-    const { props, Component = "a", title } = item;
-    return /* @__PURE__ */ React.createElement(BreadcrumbItem, {
-      key: index,
-      Component,
-      props,
-      isLast: breadcrumbs.length - 1 === index,
-      title
-    });
-  }));
-};
-
-export { Breadcrumbs as default };
-//# sourceMappingURL=Breadcrumbs.mjs.map

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.mjs","sources":["../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,WAAA,GAAoC,CAAC,EAA6B,KAAA;AAA7B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAd7C,WAAA,EAAA,GAc2C,EAAkB,EAAA,IAAA,GAAA,SAAA,CAAlB,IAAkB,CAAhB,aAAA,CAAA,CAAA,CAAA;AAC3C,EAAA,2CACG,0BAA+B,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Breadcrumbs/styled.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/styled');
-var reactCore = require('@tecsinapse/react-core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledContainerBreadcrumbs = styled__default["default"]("div")`
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};
-  border-radius: ${({ theme }) => theme.borderRadius.mili};
-  box-shadow: 0px 2px 8px
-    ${({ theme }) => reactCore.hex2rgba(theme.miscellaneous.shadow, 0.05)};
-`;
-
-exports.StyledContainerBreadcrumbs = StyledContainerBreadcrumbs;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/molecules/Breadcrumbs/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":["styled","hex2rgba"],"mappings":";;;;;;;;;;;AAGa,MAAA,0BAAA,GAA6BA,2BAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAChD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMC,mBAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/Breadcrumbs/styled.mjs

@@ -1,16 +0,0 @@
-import styled from '@emotion/styled';
-import { hex2rgba } from '@tecsinapse/react-core';
-
-const StyledContainerBreadcrumbs = styled("div")`
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};
-  border-radius: ${({ theme }) => theme.borderRadius.mili};
-  box-shadow: 0px 2px 8px
-    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
-`;
-
-export { StyledContainerBreadcrumbs };
-//# sourceMappingURL=styled.mjs.map

package/dist/components/molecules/Breadcrumbs/styled.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.mjs","sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,0BAAA,GAA6B,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAChD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}