@activecollab/components 1.0.57 → 1.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "1.0.57",
+  "version": "1.0.60",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -58,8 +58,11 @@
     "@storybook/addon-a11y": "^6.4.9",
     "@storybook/addon-actions": "^6.4.9",
     "@storybook/addon-backgrounds": "^6.4.9",
+    "@storybook/addon-controls": "^6.4.19",
     "@storybook/addon-docs": "^6.4.9",
     "@storybook/addon-knobs": "^6.1.21",
+    "@storybook/addon-measure": "^6.4.19",
+    "@storybook/addon-outline": "^6.4.19",
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-storyshots": "^6.4.9",
     "@storybook/addon-storysource": "^6.4.9",

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"names":["FormLabel","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,SAAS,gBAAG,uBAKvB,gBAEEC,GAFF,EAGK;AAAA,0BAFDC,OAEC;AAAA,MAFDA,OAEC,6BAFS,KAET;AAAA,2BAFgBC,QAEhB;AAAA,MAFgBA,QAEhB,8BAF2B,KAE3B;AAAA,MAFkCC,IAElC,QAFkCA,IAElC;AAAA,MAFwCC,QAExC,QAFwCA,QAExC;AAAA,MAFkDC,SAElD,QAFkDA,SAElD;AAAA,MAFgEC,KAEhE;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,cAAX,EAA2BE,SAA3B,CAFb;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CA1BsB,CAAlB;;AA6BPH,SAAS,CAACU,WAAV,GAAwB,WAAxB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface IBodyProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const FormLabel = forwardRef<\n  HTMLLabelElement,\n  IBodyProps &\n    Omit<ITypographyProps, keyof IBodyProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    { invalid = false, required = false, size, children, className, ...props },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-form-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nFormLabel.displayName = \"FormLabel\";\n"],"file":"FormLabel.js"}

package/dist/cjs/components/Label/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Label/Styles.ts"],"names":["StyledLabel","styled","div","BoxSizingStyle","FontStyle","displayName","StyledLabelDot","props","$showText","css","color","StyledLabelText"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AACO,IAAMA,WAAW,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,wDAClB;AAAA;AAAA;AAAA,CADkB,EAIpBC,8BAJoB,EAKpBC,oBALoB,CAAjB;;;AAQPJ,WAAW,CAACK,WAAZ,GAA0B,aAA1B;;AAMO,IAAMC,cAAc,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,uBACrB;AAAA;AAAA;AAAA;AAAA;AAAA,CADqB,EAGvB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAHuB,EASvB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,QACAD,qBADA,8BAEsBF,KAAK,CAACG,KAF5B,CADA;AAAA,CATuB,CAApB;;;AAgBPJ,cAAc,CAACD,WAAf,GAA6B,gBAA7B;;AAEO,IAAMM,eAAe,GAAGV,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBACtB;AAAA;AAAA,CADsB,EAExB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,QACAD,qBADA,mBAEWF,KAAK,CAACG,KAFjB,CADA;AAAA,CAFwB,CAArB;;;AASPC,eAAe,CAACN,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nexport const StyledLabel = styled.div`\n  ${tw`tw-flex tw-items-center`}\n  font-size: 13px;\n  line-height: 1.375;\n  ${BoxSizingStyle}\n  ${FontStyle}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\ninterface IStyledLabelDot {\n  $showText?: boolean;\n}\n\nexport const StyledLabelDot = styled.div<IStyledLabelDot>`\n  ${tw`tw-w-2 tw-h-2 tw-rounded-full tw-justify-center`}\n\n  ${(props) =>\n    props.$showText &&\n    css`\n      ${tw`tw-mr-1`}\n    `}\n\n  ${(props) =>\n    props.color &&\n    css`\n      background-color: ${props.color};\n    `}\n`;\n\nStyledLabelDot.displayName = \"StyledLabelDot\";\n\nexport const StyledLabelText = styled.div`\n  ${tw`tw-uppercase`}\n  ${(props) =>\n    props.color &&\n    css`\n      color: ${props.color};\n    `}\n`;\n\nStyledLabelText.displayName = \"StyledLabelText\";\n"],"file":"Styles.js"}

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { ITypographyProps } from "../Typography/Typography";
-interface IBodyProps {
-    invalid?: boolean;
-    required?: boolean;
-    size?: "regular" | "small";
-}
-export declare const FormLabel: React.ForwardRefExoticComponent<IBodyProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof IBodyProps> & React.RefAttributes<HTMLLabelElement>>;
-export {};
-//# sourceMappingURL=FormLabel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,iKA2BrB,CAAC"}

package/dist/esm/components/FormLabel/FormLabel.js

@@ -1,29 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["invalid", "required", "size", "children", "className"];
-import classNames from "classnames";
-import React, { forwardRef } from "react";
-import { Typography } from "../Typography/Typography";
-export var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      size = _ref.size,
-      children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var color = invalid ? "alert" : "primary";
-  var variant = size === "regular" ? "Body 2" : "Caption 1";
-  return /*#__PURE__*/React.createElement(Typography, _extends({
-    as: "label",
-    className: classNames("c-form-label", className),
-    variant: variant,
-    color: color,
-    weight: "bold",
-    ref: ref
-  }, props), children, required ? "*" : null);
-});
-FormLabel.displayName = "FormLabel";
-//# sourceMappingURL=FormLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"names":["classNames","React","forwardRef","Typography","FormLabel","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,SAAS,gBAAGF,UAAU,CAKjC,gBAEEG,GAFF,EAGK;AAAA,0BAFDC,OAEC;AAAA,MAFDA,OAEC,6BAFS,KAET;AAAA,2BAFgBC,QAEhB;AAAA,MAFgBA,QAEhB,8BAF2B,KAE3B;AAAA,MAFkCC,IAElC,QAFkCA,IAElC;AAAA,MAFwCC,QAExC,QAFwCA,QAExC;AAAA,MAFkDC,SAElD,QAFkDA,SAElD;AAAA,MAFgEC,KAEhE;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,cAAD,EAAiBU,SAAjB,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CA1BgC,CAA5B;AA6BPH,SAAS,CAACU,WAAV,GAAwB,WAAxB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\ninterface IBodyProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const FormLabel = forwardRef<\n  HTMLLabelElement,\n  IBodyProps &\n    Omit<ITypographyProps, keyof IBodyProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    { invalid = false, required = false, size, children, className, ...props },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-form-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nFormLabel.displayName = \"FormLabel\";\n"],"file":"FormLabel.js"}

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

@@ -1,8 +0,0 @@
-export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface IStyledLabelDot {
-    $showText?: boolean;
-}
-export declare const StyledLabelDot: import("styled-components").StyledComponent<"div", any, IStyledLabelDot, never>;
-export declare const StyledLabelText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};
-//# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,oEAMvB,CAAC;AAIF,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,iFAc1B,CAAC;AAIF,eAAO,MAAM,eAAe,oEAO3B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Label/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledLabel","div","displayName","StyledLabelDot","props","$showText","color","StyledLabelText"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,wDAClB;AAAA;AAAA;AAAA,CADkB,EAIpBH,cAJoB,EAKpBC,SALoB,CAAjB;AAQPC,WAAW,CAACE,WAAZ,GAA0B,aAA1B;AAMA,OAAO,IAAMC,cAAc,GAAGP,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,uBACrB;AAAA;AAAA;AAAA;AAAA;AAAA,CADqB,EAGvB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,IACAR,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAHuB,EASvB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,IACAT,GADA,6BAEsBO,KAAK,CAACE,KAF5B,CADA;AAAA,CATuB,CAApB;AAgBPH,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMK,eAAe,GAAGX,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,kBACtB;AAAA;AAAA,CADsB,EAExB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,IACAT,GADA,kBAEWO,KAAK,CAACE,KAFjB,CADA;AAAA,CAFwB,CAArB;AASPC,eAAe,CAACL,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nexport const StyledLabel = styled.div`\n  ${tw`tw-flex tw-items-center`}\n  font-size: 13px;\n  line-height: 1.375;\n  ${BoxSizingStyle}\n  ${FontStyle}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\ninterface IStyledLabelDot {\n  $showText?: boolean;\n}\n\nexport const StyledLabelDot = styled.div<IStyledLabelDot>`\n  ${tw`tw-w-2 tw-h-2 tw-rounded-full tw-justify-center`}\n\n  ${(props) =>\n    props.$showText &&\n    css`\n      ${tw`tw-mr-1`}\n    `}\n\n  ${(props) =>\n    props.color &&\n    css`\n      background-color: ${props.color};\n    `}\n`;\n\nStyledLabelDot.displayName = \"StyledLabelDot\";\n\nexport const StyledLabelText = styled.div`\n  ${tw`tw-uppercase`}\n  ${(props) =>\n    props.color &&\n    css`\n      color: ${props.color};\n    `}\n`;\n\nStyledLabelText.displayName = \"StyledLabelText\";\n"],"file":"Styles.js"}