@activecollab/components 1.0.53 → 1.0.56

package/dist/esm/components/Typography/Variants/Header3.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
-export declare const Header3: FC<ITypographyProps>;
+export declare const Header3: React.ForwardRefExoticComponent<Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Header3.d.ts.map

package/dist/esm/components/Typography/Variants/Header3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CASxC,CAAC"}
+{"version":3,"file":"Header3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHAUlB,CAAC"}

package/dist/esm/components/Typography/Variants/Header3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["React","forwardRef","Typography","Header3","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAA6B,gBAAGF,UAAU,CACrD,gBAAyBG,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARoD,CAAhD;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["React","forwardRef","Typography","Header3","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAG/B,gBAAyBG,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVgC,CAA1B;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}

package/dist/esm/components/Typography/Variants/Title1.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
 interface ITitleProps {
     weight?: "light" | "bold";
 }
-export declare const Title1: FC<ITypographyProps & ITitleProps>;
+export declare const Title1: React.ForwardRefExoticComponent<ITitleProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Title1.d.ts.map

package/dist/esm/components/Typography/Variants/Title1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,WAAW;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,gBAAgB,GAAG,WAAW,CASrD,CAAC"}
+{"version":3,"file":"Title1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,WAAW;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mIAUjB,CAAC"}

package/dist/esm/components/Typography/Variants/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["React","forwardRef","Typography","Title1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAA0C,gBAAGF,UAAU,CAClE,gBAA2CG,GAA3C,EAA2E;AAAA,yBAAxEC,MAAwE;AAAA,MAAxEA,MAAwE,4BAA/D,OAA+D;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACzE,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARiE,CAA7D;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1: FC<ITypographyProps & ITitleProps> = forwardRef(\n  ({ weight = \"light\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["React","forwardRef","Typography","Title1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAG9B,gBAA2CG,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV+B,CAAzB;AAYPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IButtonProps } from "../Button/Button";
-export declare const StyledValueButtonLabel: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography").IBodyProps>, any, {}, never>;
-export declare const StyledValueButtonValue: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography").IBodyProps>, any, {}, never>;
+export declare const StyledValueButtonLabel: 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 StyledValueButtonValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 interface IStyledValueButton extends IButtonProps {
     $active?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,sBAAsB,2KAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,2KAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,yLA0B7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ValueButton/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAU,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,sBAAsB,8QAGlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,8QAAkB,CAAC;AAItD,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,yLA0B7B,CAAC"}

package/dist/esm/utils/types.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export declare type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+declare type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+export declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+export declare type InheritableElementProps<C extends React.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
+export declare type PolymorphicComponentProps<C extends React.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export declare type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,OAAO,CACjB,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC1E,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvE,aAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAKzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAOF,oBAAY,eAAe,CACzB,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACrC,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAO7D,oBAAY,uBAAuB,CACjC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAMvC,oBAAY,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAKlD,oBAAY,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpD,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAKxC,oBAAY,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC"}

package/dist/esm/utils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/dist/index.js

@@ -855,12 +855,11 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$Q = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$Q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
         variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
-        _ref$Tag = _ref.Tag,
-        Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
+        as = _ref.as,
         _ref$color = _ref.color,
         color = _ref$color === void 0 ? "primary" : _ref$color,
         _ref$italic = _ref.italic,
@@ -889,10 +888,9 @@
         children = _ref.children,
         props = _objectWithoutProperties(_ref, _excluded$Q);
 
-    var innerRef = React.useRef(null);
-    var handleRef = useForkRef(ref, innerRef);
+    var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
-      as: Tag,
+      as: Component,
       className: classnames__default["default"]("typography", className),
       $italic: italic,
       $tabularNums: tabularNums,
@@ -907,7 +905,7 @@
       $variant: variant,
       $color: color,
       $weight: weight,
-      ref: handleRef
+      ref: ref
     }, props), children);
   });
   Typography.displayName = "Typography";
@@ -6934,14 +6932,14 @@
 
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 20,
-      height: 20,
-      viewBox: "0 0 20 20",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "var(--color-theme-600)",
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z",
+      d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z",
       fillRule: "evenodd"
     }));
   });
@@ -7064,14 +7062,14 @@
 
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 20,
-      height: 20,
-      viewBox: "0 0 20 20",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "var(--color-theme-600)",
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z",
+      d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
       fillRule: "evenodd"
     }));
   });