@activecollab/components 2.0.264 → 2.0.266

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "separator"];
 import React, { useRef, useMemo, useEffect, useState } from "react";
 import { StyledNavElement, StyledOList, StyledMenuList, StyledListWrapper, StyledBreadcrumbListItem } from "./Styles";
 import { useForkRef, useResizeObserver } from "../../utils";
@@ -9,11 +11,11 @@ import { Menu } from "../Menu";
 export const Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var _dimensions$width, _childDimensions$widt;
   let {
-    children,
-    className,
-    separator = "/",
-    ...rest
-  } = _ref;
+      children,
+      className,
+      separator = "/"
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const internalRef = useRef(null);
   const listWrapperRef = useRef(null);
   const olRef = useRef(null);

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","useForkRef","useResizeObserver","IconButton","TreeDotsIcon","ListItem","Menu","Breadcrumbs","forwardRef","_ref","ref","_dimensions$width","_childDimensions$widt","children","className","separator","rest","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","menuCollection","listCollection","slice","length","current","diffWidth","_offsetWidth","_olRef$current","_olRef$current$queryS","_olRef$current2","_breadcrumbItems$leng","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","_offsetWidth2","_breadcrumbItems$curr","result","push","pop","oldVal","total","collection","sumWidth","_collection","lastWidth","_collection$pop","totalToDecrease","newValue","end","createElement","_extends","target","variant","map","child","index","key","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","useForkRef","useResizeObserver","IconButton","TreeDotsIcon","ListItem","Menu","Breadcrumbs","forwardRef","_ref","ref","_dimensions$width","_childDimensions$widt","children","className","separator","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","menuCollection","listCollection","slice","length","current","diffWidth","_offsetWidth","_olRef$current","_olRef$current$queryS","_olRef$current2","_breadcrumbItems$leng","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","_offsetWidth2","_breadcrumbItems$curr","result","push","pop","oldVal","total","collection","sumWidth","_collection","lastWidth","_collection$pop","totalToDecrease","newValue","end","createElement","_extends","target","variant","map","child","index","key","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Breadcrumbs/Styles.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 export declare const StyledNavElement: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledOList: import("styled-components").StyledComponent<"ol", any, {}, never>;
-export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & {
-    children?: import("react").ReactNode;
+export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ListProps & {
+    children?: import("react").ReactNode | undefined;
 } & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
-    Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & {
-        children?: import("react").ReactNode;
+    Item: import("react").ForwardRefExoticComponent<import("..").ListItemProps & {
+        children?: import("react").ReactNode | undefined;
     } & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
     Separator: {
         ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/esm/components/Breadcrumbs/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;kBAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;kBAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}

package/dist/esm/components/Breadcrumbs/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","List","StyledNavElement","nav","withConfig","displayName","componentId","StyledListWrapper","div","StyledOList","ol","StyledMenuList","StyledBreadcrumbListItem","li"],"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { List } from \"../List\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-hidden`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledListWrapper = styled.div`\n  ${tw`tw-inline-block`}\n`;\n\nStyledListWrapper.displayName = \"StyledListWrapper\";\n\nexport const StyledOList = styled.ol`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-items-center`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledMenuList = styled(List)`\n  ${tw`tw-py-2`}\n`;\n\nStyledMenuList.displayName = \"StyledMenuList\";\n\nexport const StyledBreadcrumbListItem = styled.li`\n  ${tw`tw-flex`}\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledBreadcrumbListItem.displayName = \"StyledBreadcrumbListItem\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,SAAS;AAE9B,OAAO,MAAMC,gBAAgB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBN,SAAS,EACTD,cAAc,CACjB;AAEDG,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAME,iBAAiB,GAAGT,MAAM,CAACU,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,WAAW,GAAGX,MAAM,CAACY,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAC9B;EAAA;AAAQ,CAAC,EACT;EAAA;AAAe,CAAC,EAChB;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAa,CAAC,EACd;EAAA;AAAO,CAAC,EACR;EAAA;AAAO,CAAC,CACb;AAEDG,WAAW,CAACJ,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMM,cAAc,GAAGb,MAAM,CAACG,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDK,cAAc,CAACN,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMO,wBAAwB,GAAGd,MAAM,CAACe,EAAE,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAEDM,wBAAwB,CAACP,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","List","StyledNavElement","nav","withConfig","displayName","componentId","StyledListWrapper","div","StyledOList","ol","StyledMenuList","StyledBreadcrumbListItem","li"],"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { List } from \"../List\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-hidden`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledListWrapper = styled.div`\n  ${tw`tw-inline-block`}\n`;\n\nStyledListWrapper.displayName = \"StyledListWrapper\";\n\nexport const StyledOList = styled.ol`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-items-center`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledMenuList = styled(List)`\n  ${tw`tw-py-2`}\n`;\n\nStyledMenuList.displayName = \"StyledMenuList\";\n\nexport const StyledBreadcrumbListItem = styled.li`\n  ${tw`tw-flex`}\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledBreadcrumbListItem.displayName = \"StyledBreadcrumbListItem\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,SAAS;AAE9B,OAAO,MAAMC,gBAAgB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBN,SAAS,EACTD,cAAc,CACjB;AAEDG,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAME,iBAAiB,GAAGT,MAAM,CAACU,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,WAAW,GAAGX,MAAM,CAACY,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAC9B;EAAA;AAAQ,CAAC,EACT;EAAA;AAAe,CAAC,EAChB;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAa,CAAC,EACd;EAAA;AAAO,CAAC,EACR;EAAA;AAAO,CAAC,CACb;AAEDG,WAAW,CAACJ,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMM,cAAc,GAAGb,MAAM,CAACG,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDK,cAAc,CAACN,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMO,wBAAwB,GAAGd,MAAM,CAACe,EAAE,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAEDM,wBAAwB,CAACP,WAAW,GAAG,0BAA0B","ignoreList":[]}

package/dist/esm/components/Breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/dist/esm/components/BreakPoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakPoints.js","names":["size","sm","md","lg","xl","xxl","screen"],"sources":["../../../src/components/BreakPoints.ts"],"sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"mappings":"AAEA,MAAMA,IAAI,GAAG;EACXC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,MAAM,GAAG;EACpBL,EAAE,0BAAwBD,IAAI,CAACC,EAAE,MAAG;EACpCC,EAAE,0BAAwBF,IAAI,CAACE,EAAE,MAAG;EACpCC,EAAE,0BAAwBH,IAAI,CAACG,EAAE,MAAG;EACpCC,EAAE,0BAAwBJ,IAAI,CAACI,EAAE,MAAG;EACpCC,GAAG,0BAAwBL,IAAI,CAACK,GAAG;AACrC,CAAC"}
+{"version":3,"file":"BreakPoints.js","names":["size","sm","md","lg","xl","xxl","screen"],"sources":["../../../src/components/BreakPoints.ts"],"sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"mappings":"AAEA,MAAMA,IAAI,GAAG;EACXC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,MAAM,GAAG;EACpBL,EAAE,0BAAwBD,IAAI,CAACC,EAAE,MAAG;EACpCC,EAAE,0BAAwBF,IAAI,CAACE,EAAE,MAAG;EACpCC,EAAE,0BAAwBH,IAAI,CAACG,EAAE,MAAG;EACpCC,EAAE,0BAAwBJ,IAAI,CAACI,EAAE,MAAG;EACpCC,GAAG,0BAAwBL,IAAI,CAACK,GAAG;AACrC,CAAC","ignoreList":[]}

package/dist/esm/components/Bubble/Bubble.js

@@ -1,15 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "innerRef", "style"];
 import React from "react";
 import classnames from "classnames";
 import { StyledBubble } from "./Styles";
 export const Bubble = _ref => {
   let {
-    children,
-    className,
-    innerRef = null,
-    style = {},
-    ...rest
-  } = _ref;
+      children,
+      className,
+      innerRef = null,
+      style = {}
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledBubble, _extends({}, rest, {
     ref: innerRef,
     className: classnames("c-bubble", className),

package/dist/esm/components/Bubble/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","classnames","StyledBubble","Bubble","_ref","children","className","innerRef","style","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAML,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAiBvC,OAAO,MAAMC,MAAoD,GAAGC,IAAA,IAM9D;EAAA,IAN+D;IACnEC,QAAQ;IACRC,SAAS;IACTC,QAAQ,GAAG,IAAI;IACfC,KAAK,GAAG,CAAC,CAAC;IACV,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,oBACEJ,KAAA,CAAAU,aAAA,CAACR,YAAY,EAAAS,QAAA,KACPF,IAAI;IACRG,GAAG,EAAEL,QAAS;IACdD,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CE,KAAK,EAAEA;EAAM,IAEZH,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACU,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Bubble.js","names":["React","classnames","StyledBubble","Bubble","_ref","children","className","innerRef","style","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAML,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAiBvC,OAAO,MAAMC,MAAoD,GAAGC,IAAA,IAM9D;EAAA,IAN+D;MACnEC,QAAQ;MACRC,SAAS;MACTC,QAAQ,GAAG,IAAI;MACfC,KAAK,GAAG,CAAC;IAEX,CAAC,GAAAJ,IAAA;IADIK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,oBACEX,KAAA,CAAAY,aAAA,CAACV,YAAY,EAAAW,QAAA,KACPJ,IAAI;IACRK,GAAG,EAAEP,QAAS;IACdD,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CE,KAAK,EAAEA;EAAM,IAEZH,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Bubble/Styles.js

@@ -12,7 +12,7 @@ export const StyledBubble = styled.div.withConfig({
   "borderStyle": "solid",
   "borderColor": "var(--color-theme-200)",
   "--tw-bg-opacity": "1",
-  "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity))",
+  "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity, 1))",
   "color": "var(--color-theme-800)",
   "opacity": "1",
   "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",

package/dist/esm/components/Bubble/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IL,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IL,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":"AAAA,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}

package/dist/esm/components/Button/AddToListButton/AddToListButton.js

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["text", "className"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledAddCrossIcon, StyledAddToListButton, StyledText } from "./Styles";
 export const AddToListButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    text,
-    className,
-    ...rest
-  } = _ref;
+      text,
+      className
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledAddToListButton, _extends({
     ref: ref,
     className: classnames("c--add-to-list-btn", className)

package/dist/esm/components/Button/AddToListButton/AddToListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToListButton.js","names":["React","forwardRef","classnames","StyledAddCrossIcon","StyledAddToListButton","StyledText","AddToListButton","_ref","ref","text","className","rest","createElement","_extends","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,UAAU,QACL,UAAU;AAUjB,OAAO,MAAMC,eAAe,gBAAGL,UAAU,CACvC,CAAAM,IAAA,EAA+BC,GAAG,KAAK;EAAA,IAAtC;IAAEC,IAAI;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAC3B,oBACEP,KAAA,CAAAY,aAAA,CAACR,qBAAqB,EAAAS,QAAA;IACpBL,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAER,UAAU,CAAC,oBAAoB,EAAEQ,SAAS;EAAE,GACnDC,IAAI,gBAERX,KAAA,CAAAY,aAAA,CAACT,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAY,aAAA,CAACP,UAAU;IAACS,MAAM,EAAC;EAAQ,GAAEL,IAAiB,CACzB,CAAC;AAE5B,CACF,CAAC;AAEDH,eAAe,CAACS,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"AddToListButton.js","names":["React","forwardRef","classnames","StyledAddCrossIcon","StyledAddToListButton","StyledText","AddToListButton","_ref","ref","text","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,UAAU,QACL,UAAU;AAUjB,OAAO,MAAMC,eAAe,gBAAGL,UAAU,CACvC,CAAAM,IAAA,EAA+BC,GAAG,KAAK;EAAA,IAAtC;MAAEC,IAAI;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAANI,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACzB,oBACEb,KAAA,CAAAc,aAAA,CAACV,qBAAqB,EAAAW,QAAA;IACpBP,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAER,UAAU,CAAC,oBAAoB,EAAEQ,SAAS;EAAE,GACnDC,IAAI,gBAERX,KAAA,CAAAc,aAAA,CAACX,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAc,aAAA,CAACT,UAAU;IAACW,MAAM,EAAC;EAAQ,GAAEP,IAAiB,CACzB,CAAC;AAE5B,CACF,CAAC;AAEDH,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/components/Button/AddToListButton/Styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const StyledText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Typography").IBodyProps & Omit<import("../../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").IBodyProps & Omit<import("../../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledAddCrossIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
-    gradient?: string | undefined;
+    gradient?: string;
 }, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const StyledAddToListButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Button/AddToListButton/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU,oRAItB,CAAC;AAIF,eAAO,MAAM,kBAAkB;;0EAM9B,CAAC;AAGF,eAAO,MAAM,qBAAqB,uEA2CjC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,yQAItB,CAAC;AAIF,eAAO,MAAM,kBAAkB;;0EAM9B,CAAC;AAGF,eAAO,MAAM,qBAAqB,uEA2CjC,CAAC"}

package/dist/esm/components/Button/AddToListButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","AddCrossIcon","Body2","StyledText","withConfig","displayName","componentId","StyledAddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { AddCrossIcon } from \"../../Icons/collection\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDH,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,MAAME,kBAAkB,GAAGP,MAAM,CAACC,YAAY,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMG,qBAAqB,GAAGR,MAAM,CAAC,QAAQ,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CH,UAAU,EAWVI,kBAAkB,CAMvB;AAEDC,qBAAqB,CAACH,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["styled","AddCrossIcon","Body2","StyledText","withConfig","displayName","componentId","StyledAddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { AddCrossIcon } from \"../../Icons/collection\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDH,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,MAAME,kBAAkB,GAAGP,MAAM,CAACC,YAAY,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMG,qBAAqB,GAAGR,MAAM,CAAC,QAAQ,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CH,UAAU,EAWVI,kBAAkB,CAMvB;AAEDC,qBAAqB,CAACH,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/esm/components/Button/AddToListButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/AddToListButton/index.ts"],"sourcesContent":["export * from \"./AddToListButton\";\n"],"mappings":"AAAA,cAAc,mBAAmB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/AddToListButton/index.ts"],"sourcesContent":["export * from \"./AddToListButton\";\n"],"mappings":"AAAA,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/components/Button/Button.d.ts

@@ -28,6 +28,6 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
  * https://design.activecollab.com/docs/components/button
  */
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/Button/Button.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "active", "variant", "size", "className"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Styles";
@@ -24,13 +26,13 @@ import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Style
  */
 export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    children,
-    active = false,
-    variant = "contained",
-    size = "medium",
-    className,
-    ...args
-  } = _ref;
+      children,
+      active = false,
+      variant = "contained",
+      size = "medium",
+      className
+    } = _ref,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     className: classnames("c-btn", className, {
       "c-btn--contained": variant === "primary" || variant === "contained",

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","active","variant","size","className","args","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EASEC,GAAG,KACA;EAAA,IATH;IACEC,QAAQ;IACRC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,WAAW;IACrBC,IAAI,GAAG,QAAQ;IACfC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAP,IAAA;EAGD,oBACEP,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAa,QAAA;IACXH,SAAS,EAAEX,UAAU,CAAC,OAAO,EAAEW,SAAS,EAAE;MACxC,kBAAkB,EAAEF,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEC,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBH,QAAQ,YAAYQ,MAAM,IAAI,EAAER,QAAQ,YAAYS,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEV,QAAQ,YAAYQ,MAAM,IAAI,EAAER,QAAQ,YAAYS,KAAK,CAAE;IACrEP,OAAO,EAAEA,OAAQ;IACjBD,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA,IAAK;IACXJ,GAAG,EAAEA,GAAI;IACT,gBAAcE,MAAO;IACrBU,IAAI,EAAC;EAAQ,GACTN,IAAI,GAEPL,QAAQ,YAAYS,KAAK,gBACxBlB,KAAA,CAAAe,aAAA,CAACV,oBAAoB;IAACQ,SAAS,EAAC;EAAiB,GAC9CJ,QAAQ,CAACY,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACHtB,KAAA,CAAAe,aAAA,CAACX,mBAAmB;IAClBS,SAAS,EAAC,0BAA0B;IACpCW,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBb,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAACmB,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","active","variant","size","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EASEC,GAAG,KACA;EAAA,IATH;MACEC,QAAQ;MACRC,MAAM,GAAG,KAAK;MACdC,OAAO,GAAG,WAAW;MACrBC,IAAI,GAAG,QAAQ;MACfC;IAEF,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,YAAY,EAAAe,QAAA;IACXL,SAAS,EAAEX,UAAU,CAAC,OAAO,EAAEW,SAAS,EAAE;MACxC,kBAAkB,EAAEF,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEC,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBH,QAAQ,YAAYU,MAAM,IAAI,EAAEV,QAAQ,YAAYW,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEZ,QAAQ,YAAYU,MAAM,IAAI,EAAEV,QAAQ,YAAYW,KAAK,CAAE;IACrET,OAAO,EAAEA,OAAQ;IACjBD,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA,IAAK;IACXJ,GAAG,EAAEA,GAAI;IACT,gBAAcE,MAAO;IACrBY,IAAI,EAAC;EAAQ,GACTR,IAAI,GAEPL,QAAQ,YAAYW,KAAK,gBACxBpB,KAAA,CAAAiB,aAAA,CAACZ,oBAAoB;IAACQ,SAAS,EAAC;EAAiB,GAC9CJ,QAAQ,CAACc,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACHxB,KAAA,CAAAiB,aAAA,CAACb,mBAAmB;IAClBS,SAAS,EAAC,0BAA0B;IACpCa,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBf,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAACqB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js

@@ -1,14 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "disabled"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledGlobalAddButton } from "./Styles";
 import AddCrossTinyIcon from "../../Icons/collection/AddCrossTiny";
 export const GlobalAddButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    className,
-    disabled = false,
-    ...rest
-  } = _ref;
+      className,
+      disabled = false
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledGlobalAddButton, _extends({
     ref: ref,
     variant: "contained",

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAddButton.js","names":["React","forwardRef","classnames","StyledGlobalAddButton","AddCrossTinyIcon","GlobalAddButton","_ref","ref","className","disabled","rest","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledGlobalAddButton } from \"./Styles\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\n\nexport interface IGlobalAddButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n  ({ className, disabled = false, ...rest }, ref) => {\n    return (\n      <StyledGlobalAddButton\n        ref={ref}\n        variant=\"contained\"\n        disabled={disabled}\n        className={classnames(\"c-global-add-btn\", className)}\n        {...rest}\n      >\n        <AddCrossTinyIcon />\n      </StyledGlobalAddButton>\n    );\n  }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,OAAOC,gBAAgB,MAAM,qCAAqC;AAUlE,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAAAK,IAAA,EAA2CC,GAAG,KAAK;EAAA,IAAlD;IAAEC,SAAS;IAAEC,QAAQ,GAAG,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EACvC,oBACEN,KAAA,CAAAW,aAAA,CAACR,qBAAqB,EAAAS,QAAA;IACpBL,GAAG,EAAEA,GAAI;IACTM,OAAO,EAAC,WAAW;IACnBJ,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEN,UAAU,CAAC,kBAAkB,EAAEM,SAAS;EAAE,GACjDE,IAAI,gBAERV,KAAA,CAAAW,aAAA,CAACP,gBAAgB,MAAE,CACE,CAAC;AAE5B,CACF,CAAC;AAEDC,eAAe,CAACS,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"GlobalAddButton.js","names":["React","forwardRef","classnames","StyledGlobalAddButton","AddCrossTinyIcon","GlobalAddButton","_ref","ref","className","disabled","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledGlobalAddButton } from \"./Styles\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\n\nexport interface IGlobalAddButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n  ({ className, disabled = false, ...rest }, ref) => {\n    return (\n      <StyledGlobalAddButton\n        ref={ref}\n        variant=\"contained\"\n        disabled={disabled}\n        className={classnames(\"c-global-add-btn\", className)}\n        {...rest}\n      >\n        <AddCrossTinyIcon />\n      </StyledGlobalAddButton>\n    );\n  }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,OAAOC,gBAAgB,MAAM,qCAAqC;AAUlE,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAAAK,IAAA,EAA2CC,GAAG,KAAK;EAAA,IAAlD;MAAEC,SAAS;MAAEC,QAAQ,GAAG;IAAe,CAAC,GAAAH,IAAA;IAANI,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EACrC,oBACEZ,KAAA,CAAAa,aAAA,CAACV,qBAAqB,EAAAW,QAAA;IACpBP,GAAG,EAAEA,GAAI;IACTQ,OAAO,EAAC,WAAW;IACnBN,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEN,UAAU,CAAC,kBAAkB,EAAEM,SAAS;EAAE,GACjDE,IAAI,gBAERV,KAAA,CAAAa,aAAA,CAACT,gBAAgB,MAAE,CACE,CAAC;AAE5B,CACF,CAAC;AAEDC,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/components/Button/GlobalAddButton/Styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const StyledGlobalAddButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & {
-    children?: import("react").ReactNode;
+export declare const StyledGlobalAddButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & {
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Button/GlobalAddButton/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,qBAAqB;;sEAQjC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;sEAQjC,CAAC"}

package/dist/esm/components/Button/GlobalAddButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","Button","StyledGlobalAddButton","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../Button\";\n\nexport const StyledGlobalAddButton = styled(Button)`\n  svg {\n    fill: var(--color-theme-100);\n  }\n  &:hover svg {\n    transform: rotate(90deg);\n    transition: ease 0.3s;\n  }\n`;\n\nStyledGlobalAddButton.displayName = \"StyledGlobalAddButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,qBAAqB,GAAGF,MAAM,CAACC,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAQlD;AAEDH,qBAAqB,CAACE,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["styled","Button","StyledGlobalAddButton","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../Button\";\n\nexport const StyledGlobalAddButton = styled(Button)`\n  svg {\n    fill: var(--color-theme-100);\n  }\n  &:hover svg {\n    transform: rotate(90deg);\n    transition: ease 0.3s;\n  }\n`;\n\nStyledGlobalAddButton.displayName = \"StyledGlobalAddButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,qBAAqB,GAAGF,MAAM,CAACC,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAQlD;AAEDH,qBAAqB,CAACE,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/esm/components/Button/GlobalAddButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/GlobalAddButton/index.ts"],"sourcesContent":["export * from \"./GlobalAddButton\";\n"],"mappings":"AAAA,cAAc,mBAAmB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/GlobalAddButton/index.ts"],"sourcesContent":["export * from \"./GlobalAddButton\";\n"],"mappings":"AAAA,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/components/Button/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 288px;\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover,\n      &:focus-visible {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover,\n      &:focus-visible {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n\n    ${(props) =>\n    props.active &&\n    css`\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        &:hover,\n        &:focus-visible {\n          color: var(--color-primary);\n        }\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 288px;\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover,\n      &:focus-visible {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover,\n      &:focus-visible {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n\n    ${(props) =>\n    props.active &&\n    css`\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        &:hover,\n        &:focus-visible {\n          color: var(--color-primary);\n        }\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./GlobalAddButton\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,mBAAmB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./GlobalAddButton\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    invalid?: boolean | undefined;
+    invalid?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,WAAW;;wCAYtB,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,WAAW;cAE8B,OAAO;wCAU3D,CAAC"}

package/dist/esm/components/ButtonGroup/ButtonGroup.js

@@ -1,14 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children", "className", "invalid"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledButtonGroup } from "./Styles";
 export const ButtonGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    children,
-    className,
-    invalid,
-    ...rest
-  } = _ref;
+      children,
+      className,
+      invalid
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
     ref: ref,
     className: classNames("c-btn-group", className),

package/dist/esm/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","_ref","ref","children","className","invalid","rest","createElement","_extends","$invalid","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { invalid?: boolean }\n>(({ children, className, invalid, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CAGnC,CAAAI,IAAA,EAA4CC,GAAG;EAAA,IAA9C;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAAL,IAAA;EAAA,oBAC1CL,KAAA,CAAAW,aAAA,CAACR,iBAAiB,EAAAS,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDK,QAAQ,EAAEJ;EAAQ,GACdC,IAAI,GAEPH,QACgB,CAAC;AAAA,CACrB,CAAC;AAEFH,WAAW,CAACU,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ButtonGroup.js","names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","_ref","ref","children","className","invalid","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$invalid","displayName"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { invalid?: boolean }\n>(({ children, className, invalid, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    $invalid={invalid}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CAGnC,CAAAI,IAAA,EAA4CC,GAAG;EAAA,IAA9C;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAiB,CAAC,GAAAJ,IAAA;IAANK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAAA,oBACxCZ,KAAA,CAAAa,aAAA,CAACV,iBAAiB,EAAAW,QAAA;IAChBR,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDO,QAAQ,EAAEN;EAAQ,GACdC,IAAI,GAEPH,QACgB,CAAC;AAAA,CACrB,CAAC;AAEFH,WAAW,CAACY,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/ButtonGroup/Styles.d.ts

@@ -1,4 +1,4 @@
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {
-    $invalid?: boolean | undefined;
+    $invalid?: boolean;
 }, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ButtonGroup/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;;SAsD7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;eAA2B,OAAO;SAsD/D,CAAC"}

package/dist/esm/components/ButtonGroup/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButtonGroup","div","withConfig","displayName","componentId","props","$invalid"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div<{ $invalid?: boolean }>`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:disabled {\n      opacity: 1;\n      color: var(--color-theme-500);\n      pointer-events: none;\n    }\n\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-left-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-right-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n        `}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,iBAAiB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8RACrC;EAAA;EAAA;AAAoB,CAAC,EACvBL,SAAS,EACTD,cAAc,EAaR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAC9BO,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,iJAIF,EAOC;EAAA;EAAA;AAAkB,CAAC,EACpBQ,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,kJAIF,EAIC;EAAA;EAAA;AAA0B,CAAC,EAC5BQ,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,mGAGF,EAKD;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAEDG,iBAAiB,CAACG,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButtonGroup","div","withConfig","displayName","componentId","props","$invalid"],"sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div<{ $invalid?: boolean }>`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:disabled {\n      opacity: 1;\n      color: var(--color-theme-500);\n      pointer-events: none;\n    }\n\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-left-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n          border-right-color: var(--red-alert) !important;\n        `}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n      ${(props) =>\n        props.$invalid &&\n        css`\n          border-top-color: var(--red-alert) !important;\n          border-bottom-color: var(--red-alert) !important;\n        `}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,iBAAiB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8RACrC;EAAA;EAAA;AAAoB,CAAC,EACvBL,SAAS,EACTD,cAAc,EAaR;EAAA;EAAA;EAAA;AAA4B,CAAC,EAC9BO,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,iJAIF,EAOC;EAAA;EAAA;AAAkB,CAAC,EACpBQ,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,kJAIF,EAIC;EAAA;EAAA;AAA0B,CAAC,EAC5BQ,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdT,GAAG,mGAGF,EAKD;EAAA;EAAA;AAAkC,CAAC,CAE1C;AAEDG,iBAAiB,CAACG,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/components/ButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ButtonGroup/index.ts"],"sourcesContent":["export * from \"./ButtonGroup\";\n"],"mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ButtonGroup/index.ts"],"sourcesContent":["export * from \"./ButtonGroup\";\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}