@activecollab/components 1.0.54 → 1.0.57

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 (64) hide show
  1. package/dist/cjs/components/FormLabel/FormLabel.js +53 -0
  2. package/dist/cjs/components/FormLabel/FormLabel.js.map +1 -0
  3. package/dist/cjs/components/Icons/collection/PauseCircleOutline.js +3 -7
  4. package/dist/cjs/components/Icons/collection/PauseCircleOutline.js.map +1 -1
  5. package/dist/cjs/components/Icons/collection/PlayCircleOutline.js +3 -7
  6. package/dist/cjs/components/Icons/collection/PlayCircleOutline.js.map +1 -1
  7. package/dist/cjs/components/Typography/Typography.js +5 -9
  8. package/dist/cjs/components/Typography/Typography.js.map +1 -1
  9. package/dist/cjs/components/Typography/Variants/Body1.js.map +1 -1
  10. package/dist/cjs/components/Typography/Variants/Body2.js.map +1 -1
  11. package/dist/cjs/components/Typography/Variants/Caption1.js.map +1 -1
  12. package/dist/cjs/components/Typography/Variants/Caption2.js.map +1 -1
  13. package/dist/cjs/components/Typography/Variants/Header2.js.map +1 -1
  14. package/dist/cjs/components/Typography/Variants/Header3.js.map +1 -1
  15. package/dist/cjs/components/Typography/Variants/Title1.js.map +1 -1
  16. package/dist/cjs/utils/types.js +6 -0
  17. package/dist/cjs/utils/types.js.map +1 -0
  18. package/dist/esm/components/CounterButton/Styles.d.ts +1 -1
  19. package/dist/esm/components/FormLabel/FormLabel.d.ts +10 -0
  20. package/dist/esm/components/FormLabel/FormLabel.d.ts.map +1 -0
  21. package/dist/esm/components/FormLabel/FormLabel.js +29 -0
  22. package/dist/esm/components/FormLabel/FormLabel.js.map +1 -0
  23. package/dist/esm/components/Icons/collection/PauseCircleOutline.d.ts.map +1 -1
  24. package/dist/esm/components/Icons/collection/PauseCircleOutline.js +3 -7
  25. package/dist/esm/components/Icons/collection/PauseCircleOutline.js.map +1 -1
  26. package/dist/esm/components/Icons/collection/PlayCircleOutline.d.ts.map +1 -1
  27. package/dist/esm/components/Icons/collection/PlayCircleOutline.js +3 -7
  28. package/dist/esm/components/Icons/collection/PlayCircleOutline.js.map +1 -1
  29. package/dist/esm/components/Typography/Typography.d.ts +6 -5
  30. package/dist/esm/components/Typography/Typography.d.ts.map +1 -1
  31. package/dist/esm/components/Typography/Typography.js +6 -9
  32. package/dist/esm/components/Typography/Typography.js.map +1 -1
  33. package/dist/esm/components/Typography/Variants/Body1.d.ts +2 -2
  34. package/dist/esm/components/Typography/Variants/Body1.d.ts.map +1 -1
  35. package/dist/esm/components/Typography/Variants/Body1.js.map +1 -1
  36. package/dist/esm/components/Typography/Variants/Body2.d.ts +2 -2
  37. package/dist/esm/components/Typography/Variants/Body2.d.ts.map +1 -1
  38. package/dist/esm/components/Typography/Variants/Body2.js.map +1 -1
  39. package/dist/esm/components/Typography/Variants/Caption1.d.ts +2 -2
  40. package/dist/esm/components/Typography/Variants/Caption1.d.ts.map +1 -1
  41. package/dist/esm/components/Typography/Variants/Caption1.js.map +1 -1
  42. package/dist/esm/components/Typography/Variants/Caption2.d.ts +2 -2
  43. package/dist/esm/components/Typography/Variants/Caption2.d.ts.map +1 -1
  44. package/dist/esm/components/Typography/Variants/Caption2.js.map +1 -1
  45. package/dist/esm/components/Typography/Variants/Header2.d.ts +2 -2
  46. package/dist/esm/components/Typography/Variants/Header2.d.ts.map +1 -1
  47. package/dist/esm/components/Typography/Variants/Header2.js.map +1 -1
  48. package/dist/esm/components/Typography/Variants/Header3.d.ts +2 -2
  49. package/dist/esm/components/Typography/Variants/Header3.d.ts.map +1 -1
  50. package/dist/esm/components/Typography/Variants/Header3.js.map +1 -1
  51. package/dist/esm/components/Typography/Variants/Title1.d.ts +2 -2
  52. package/dist/esm/components/Typography/Variants/Title1.d.ts.map +1 -1
  53. package/dist/esm/components/Typography/Variants/Title1.js.map +1 -1
  54. package/dist/esm/components/ValueButton/Styles.d.ts +2 -2
  55. package/dist/esm/components/ValueButton/Styles.d.ts.map +1 -1
  56. package/dist/esm/utils/types.d.ts +14 -0
  57. package/dist/esm/utils/types.d.ts.map +1 -0
  58. package/dist/esm/utils/types.js +2 -0
  59. package/dist/esm/utils/types.js.map +1 -0
  60. package/dist/index.js +11 -21
  61. package/dist/index.js.map +1 -1
  62. package/dist/index.min.js +1 -1
  63. package/dist/index.min.js.map +1 -1
  64. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
- import { FC } from "react";
1
+ import React from "react";
2
2
  import { ITypographyProps } from "../Typography";
3
3
  export interface IBodyProps {
4
4
  weight?: "regular" | "bold" | "medium";
5
5
  }
6
- export declare const Body2: FC<ITypographyProps & IBodyProps>;
6
+ export declare const Body2: React.ForwardRefExoticComponent<IBodyProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
7
7
  //# sourceMappingURL=Body2.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,gBAAgB,GAAG,UAAU,CASnD,CAAC"}
1
+ {"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAUhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAwC,gBAAGF,UAAU,CAChE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR+D,CAA3D;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}
1
+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV8B,CAAxB;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2 = forwardRef<\n HTMLDivElement,\n IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n return (\n <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n});\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}
@@ -1,8 +1,8 @@
1
- import { FC } from "react";
1
+ import React from "react";
2
2
  import { ITypographyProps } from "../Typography";
3
3
  interface ICaptionProps {
4
4
  weight?: "regular" | "bold";
5
5
  }
6
- export declare const Caption1: FC<ITypographyProps & ICaptionProps>;
6
+ export declare const Caption1: React.ForwardRefExoticComponent<ICaptionProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
7
7
  export {};
8
8
  //# sourceMappingURL=Caption1.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Caption1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,gBAAgB,GAAG,aAAa,CASzD,CAAC"}
1
+ {"version":3,"file":"Caption1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIAUnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAA8C,gBAAGF,UAAU,CACtE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqE,CAAjE;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}
1
+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAViC,CAA3B;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n HTMLDivElement,\n ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n return (\n <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}
@@ -1,8 +1,8 @@
1
- import { FC } from "react";
1
+ import React from "react";
2
2
  import { ITypographyProps } from "../Typography";
3
3
  interface ICaptionProps {
4
4
  weight?: "regular" | "bold";
5
5
  }
6
- export declare const Caption2: FC<ITypographyProps & ICaptionProps>;
6
+ export declare const Caption2: React.ForwardRefExoticComponent<ICaptionProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
7
7
  export {};
8
8
  //# sourceMappingURL=Caption2.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Caption2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,gBAAgB,GAAG,aAAa,CASzD,CAAC"}
1
+ {"version":3,"file":"Caption2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIAUnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAA8C,gBAAGF,UAAU,CACtE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqE,CAAjE;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}
1
+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAViC,CAA3B;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2 = forwardRef<\n HTMLDivElement,\n ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n return (\n <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n});\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}
@@ -1,4 +1,4 @@
1
- import { FC } from "react";
1
+ import React from "react";
2
2
  import { ITypographyProps } from "../Typography";
3
- export declare const Header2: FC<ITypographyProps>;
3
+ export declare const Header2: React.ForwardRefExoticComponent<Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
4
4
  //# sourceMappingURL=Header2.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Header2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header2.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"}
1
+ {"version":3,"file":"Header2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHAUlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","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 Header2: FC<ITypographyProps> = forwardRef(\n ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}
1
+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","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 Header2 = forwardRef<\n HTMLDivElement,\n Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n return (\n <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n});\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}
@@ -1,4 +1,4 @@
1
- import { FC } from "react";
1
+ import React from "react";
2
2
  import { ITypographyProps } from "../Typography";
3
- export declare const Header3: FC<ITypographyProps>;
3
+ export declare const Header3: React.ForwardRefExoticComponent<Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
4
4
  //# sourceMappingURL=Header3.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"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"}
@@ -1,8 +1,8 @@
1
- import { FC } from "react";
1
+ import React from "react";
2
2
  import { ITypographyProps } from "../Typography";
3
3
  interface ITitleProps {
4
4
  weight?: "light" | "bold";
5
5
  }
6
- export declare const Title1: FC<ITypographyProps & ITitleProps>;
6
+ export declare const Title1: React.ForwardRefExoticComponent<ITitleProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
7
7
  export {};
8
8
  //# sourceMappingURL=Title1.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
1
+ {"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"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { IButtonProps } from "../Button/Button";
3
- export declare const StyledValueButtonLabel: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography").IBodyProps>, any, {}, never>;
4
- export declare const StyledValueButtonValue: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography").IBodyProps>, any, {}, never>;
3
+ 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>;
4
+ 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>;
5
5
  interface IStyledValueButton extends IButtonProps {
6
6
  $active?: boolean;
7
7
  }
@@ -1 +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"}
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,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"}
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ export declare type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
3
+ declare type AsProp<C extends React.ElementType> = {
4
+ as?: C;
5
+ };
6
+ export declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
7
+ export declare type InheritableElementProps<C extends React.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
8
+ export declare type PolymorphicComponentProps<C extends React.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
9
+ export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
10
+ export declare type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
11
+ ref?: PolymorphicRef<C>;
12
+ };
13
+ export {};
14
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
package/dist/index.js CHANGED
@@ -855,12 +855,11 @@
855
855
  });
856
856
  StyledTypography.displayName = "StyledTypography";
857
857
 
858
- var _excluded$Q = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
858
+ var _excluded$Q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
859
859
  var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
860
860
  var _ref$variant = _ref.variant,
861
861
  variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
862
- _ref$Tag = _ref.Tag,
863
- Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
862
+ as = _ref.as,
864
863
  _ref$color = _ref.color,
865
864
  color = _ref$color === void 0 ? "primary" : _ref$color,
866
865
  _ref$italic = _ref.italic,
@@ -889,10 +888,9 @@
889
888
  children = _ref.children,
890
889
  props = _objectWithoutProperties(_ref, _excluded$Q);
891
890
 
892
- var innerRef = React.useRef(null);
893
- var handleRef = useForkRef(ref, innerRef);
891
+ var Component = as || "div";
894
892
  return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
895
- as: Tag,
893
+ as: Component,
896
894
  className: classnames__default["default"]("typography", className),
897
895
  $italic: italic,
898
896
  $tabularNums: tabularNums,
@@ -907,7 +905,7 @@
907
905
  $variant: variant,
908
906
  $color: color,
909
907
  $weight: weight,
910
- ref: handleRef
908
+ ref: ref
911
909
  }, props), children);
912
910
  });
913
911
  Typography.displayName = "Typography";
@@ -6940,14 +6938,10 @@
6940
6938
  xmlns: "http://www.w3.org/2000/svg",
6941
6939
  fill: "var(--color-theme-600)",
6942
6940
  ref: svgRef
6943
- }, props), /*#__PURE__*/React__default["default"].createElement("g", {
6944
- fillRule: "evenodd"
6945
- }, /*#__PURE__*/React__default["default"].createElement("path", {
6946
- d: "M0 0h24v24H0z"
6947
- }), /*#__PURE__*/React__default["default"].createElement("path", {
6941
+ }, props), /*#__PURE__*/React__default["default"].createElement("path", {
6948
6942
  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",
6949
- fillRule: "nonzero"
6950
- })));
6943
+ fillRule: "evenodd"
6944
+ }));
6951
6945
  });
6952
6946
  PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
6953
6947
  var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
@@ -7074,14 +7068,10 @@
7074
7068
  xmlns: "http://www.w3.org/2000/svg",
7075
7069
  fill: "var(--color-theme-600)",
7076
7070
  ref: svgRef
7077
- }, props), /*#__PURE__*/React__default["default"].createElement("g", {
7078
- fillRule: "evenodd"
7079
- }, /*#__PURE__*/React__default["default"].createElement("path", {
7080
- d: "M0 0h24v24H0z"
7081
- }), /*#__PURE__*/React__default["default"].createElement("path", {
7071
+ }, props), /*#__PURE__*/React__default["default"].createElement("path", {
7082
7072
  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",
7083
- fillRule: "nonzero"
7084
- })));
7073
+ fillRule: "evenodd"
7074
+ }));
7085
7075
  });
7086
7076
  PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
7087
7077
  var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;