@activecollab/components 1.0.57 → 1.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/cjs/components/Label/Label.js +21 -19
  2. package/dist/cjs/components/Label/Label.js.map +1 -1
  3. package/dist/cjs/components/{Label → Tag}/Styles.js +16 -16
  4. package/dist/cjs/components/Tag/Styles.js.map +1 -0
  5. package/dist/cjs/components/{FormLabel/FormLabel.js → Tag/Tag.js} +26 -27
  6. package/dist/cjs/components/Tag/Tag.js.map +1 -0
  7. package/dist/cjs/components/Tag/index.js +19 -0
  8. package/dist/cjs/components/Tag/index.js.map +1 -0
  9. package/dist/cjs/components/index.js +17 -4
  10. package/dist/cjs/components/index.js.map +1 -1
  11. package/dist/esm/components/Label/Label.d.ts +6 -9
  12. package/dist/esm/components/Label/Label.d.ts.map +1 -1
  13. package/dist/esm/components/Label/Label.js +20 -18
  14. package/dist/esm/components/Label/Label.js.map +1 -1
  15. package/dist/esm/components/Tag/Styles.d.ts +8 -0
  16. package/dist/esm/components/Tag/Styles.d.ts.map +1 -0
  17. package/dist/esm/components/{Label → Tag}/Styles.js +12 -12
  18. package/dist/esm/components/Tag/Styles.js.map +1 -0
  19. package/dist/esm/components/Tag/Tag.d.ts +13 -0
  20. package/dist/esm/components/Tag/Tag.d.ts.map +1 -0
  21. package/dist/esm/components/Tag/Tag.js +28 -0
  22. package/dist/esm/components/Tag/Tag.js.map +1 -0
  23. package/dist/esm/components/Tag/index.d.ts +2 -0
  24. package/dist/esm/components/Tag/index.d.ts.map +1 -0
  25. package/dist/esm/components/Tag/index.js +2 -0
  26. package/dist/esm/components/Tag/index.js.map +1 -0
  27. package/dist/esm/components/index.d.ts +2 -1
  28. package/dist/esm/components/index.d.ts.map +1 -1
  29. package/dist/esm/components/index.js +2 -1
  30. package/dist/esm/components/index.js.map +1 -1
  31. package/dist/index.js +160 -134
  32. package/dist/index.js.map +1 -1
  33. package/dist/index.min.js +1 -1
  34. package/dist/index.min.js.map +1 -1
  35. package/package.json +1 -1
  36. package/dist/cjs/components/FormLabel/FormLabel.js.map +0 -1
  37. package/dist/cjs/components/Label/Styles.js.map +0 -1
  38. package/dist/esm/components/FormLabel/FormLabel.d.ts +0 -10
  39. package/dist/esm/components/FormLabel/FormLabel.d.ts.map +0 -1
  40. package/dist/esm/components/FormLabel/FormLabel.js +0 -29
  41. package/dist/esm/components/FormLabel/FormLabel.js.map +0 -1
  42. package/dist/esm/components/Label/Styles.d.ts +0 -8
  43. package/dist/esm/components/Label/Styles.d.ts.map +0 -1
  44. package/dist/esm/components/Label/Styles.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@activecollab/components",
3
- "version": "1.0.57",
3
+ "version": "1.0.58",
4
4
  "description": "ActiveCollab Components",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { ITypographyProps } from "../Typography/Typography";
3
- interface IBodyProps {
4
- invalid?: boolean;
5
- required?: boolean;
6
- size?: "regular" | "small";
7
- }
8
- export declare const FormLabel: React.ForwardRefExoticComponent<IBodyProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof IBodyProps> & React.RefAttributes<HTMLLabelElement>>;
9
- export {};
10
- //# sourceMappingURL=FormLabel.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,29 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- var _excluded = ["invalid", "required", "size", "children", "className"];
4
- import classNames from "classnames";
5
- import React, { forwardRef } from "react";
6
- import { Typography } from "../Typography/Typography";
7
- export var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
8
- var _ref$invalid = _ref.invalid,
9
- invalid = _ref$invalid === void 0 ? false : _ref$invalid,
10
- _ref$required = _ref.required,
11
- required = _ref$required === void 0 ? false : _ref$required,
12
- size = _ref.size,
13
- children = _ref.children,
14
- className = _ref.className,
15
- props = _objectWithoutPropertiesLoose(_ref, _excluded);
16
-
17
- var color = invalid ? "alert" : "primary";
18
- var variant = size === "regular" ? "Body 2" : "Caption 1";
19
- return /*#__PURE__*/React.createElement(Typography, _extends({
20
- as: "label",
21
- className: classNames("c-form-label", className),
22
- variant: variant,
23
- color: color,
24
- weight: "bold",
25
- ref: ref
26
- }, props), children, required ? "*" : null);
27
- });
28
- FormLabel.displayName = "FormLabel";
29
- //# sourceMappingURL=FormLabel.js.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,8 +0,0 @@
1
- export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- interface IStyledLabelDot {
3
- $showText?: boolean;
4
- }
5
- export declare const StyledLabelDot: import("styled-components").StyledComponent<"div", any, IStyledLabelDot, never>;
6
- export declare const StyledLabelText: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export {};
8
- //# sourceMappingURL=Styles.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}