@activecollab/components 2.0.119 → 2.0.121

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","_ref","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","createElement","key","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","hoverable","paperType","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className=\"card-header\">\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-body\">\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-footer\">\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,UAAU,EAEVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAoB3C,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAMEC,GAA2C,KACxC;EAAA,IANH;IACEC,QAAQ,GAAG,WAAW;IACtBC,UAAU;IACVC;EACiD,CAAC,GAAAJ,IAAA;EAGpD,MAAMK,gBAAgB,GAAGT,WAAW,CAAEO,UAA+B,IAAK;IACxE,OAAOA,UAAU,CACdG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,UAAU,CAAC,CAC3BC,GAAG,CAAEF,CAAC,IAAK;MACV,oBACEb,KAAA,CAAAgB,aAAA;QAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;QAACR,SAAS,uBAAqBG,CAAC,CAACK;MAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CAAC;IAEV,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGlB,WAAW,CAAEO,UAA+B,IAAK;IACxE,MAAMY,aAAa,GAAGZ,UAAU,CAACG,MAAM,CACpCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC9C,CAAC;IACD,MAAMC,WAAW,GAAGd,UAAU,CAACG,MAAM,CAClCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,MAC9C,CAAC;IACD,MAAME,aAAa,GAAGf,UAAU,CAACG,MAAM,CACpCC,CAAC,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC3B,CAAC;IACD,MAAMG,cAAc,GAAIZ,CAAoB,iBAC1Cb,KAAA,CAAAgB,aAAA;MAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;MAACR,SAAS,uBAAqBG,CAAC,CAACK;IAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CACN;IACD,oBACEnB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBW,aAAa,CAACN,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAW,GACvBa,WAAW,CAACR,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACtC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBc,aAAa,CAACT,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CACL,CAAC;EAEP,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;IACfG,GAAG,EAAEA,GAAI;IACToB,SAAS;IACTjB,SAAS,EAAEP,UAAU,CACnB,qBAAqB,EACrB;MACE,WAAW,EAAEK,QAAQ,KAAK,WAAW;MACrC,WAAW,EAAEA,QAAQ,KAAK;IAC5B,CAAC,EACDE,SACF,CAAE;IACFkB,SAAS,EAAEpB,QAAQ,KAAK,WAAW,GAAG,SAAS,GAAG,SAAU;IAC5DqB,SAAS,EAAErB;EAAS,GAEnBA,QAAQ,KAAK,WAAW,GAAGG,gBAAgB,CAACF,UAAU,CAAC,GAAG,IAAI,EAC9DD,QAAQ,KAAK,WAAW,GAAGY,gBAAgB,CAACX,UAAU,CAAC,GAAG,IAC3C,CAAC;AAEvB,CACF,CAAC;AAEDJ,UAAU,CAACyB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","_ref","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","createElement","key","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","hoverable","variant","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className=\"card-header\">\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-body\">\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-footer\">\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        variant={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,UAAU,EAEVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAoB3C,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAMEC,GAA2C,KACxC;EAAA,IANH;IACEC,QAAQ,GAAG,WAAW;IACtBC,UAAU;IACVC;EACiD,CAAC,GAAAJ,IAAA;EAGpD,MAAMK,gBAAgB,GAAGT,WAAW,CAAEO,UAA+B,IAAK;IACxE,OAAOA,UAAU,CACdG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,UAAU,CAAC,CAC3BC,GAAG,CAAEF,CAAC,IAAK;MACV,oBACEb,KAAA,CAAAgB,aAAA;QAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;QAACR,SAAS,uBAAqBG,CAAC,CAACK;MAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CAAC;IAEV,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGlB,WAAW,CAAEO,UAA+B,IAAK;IACxE,MAAMY,aAAa,GAAGZ,UAAU,CAACG,MAAM,CACpCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC9C,CAAC;IACD,MAAMC,WAAW,GAAGd,UAAU,CAACG,MAAM,CAClCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,MAC9C,CAAC;IACD,MAAME,aAAa,GAAGf,UAAU,CAACG,MAAM,CACpCC,CAAC,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC3B,CAAC;IACD,MAAMG,cAAc,GAAIZ,CAAoB,iBAC1Cb,KAAA,CAAAgB,aAAA;MAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;MAACR,SAAS,uBAAqBG,CAAC,CAACK;IAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CACN;IACD,oBACEnB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBW,aAAa,CAACN,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAW,GACvBa,WAAW,CAACR,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACtC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBc,aAAa,CAACT,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CACL,CAAC;EAEP,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;IACfG,GAAG,EAAEA,GAAI;IACToB,SAAS;IACTjB,SAAS,EAAEP,UAAU,CACnB,qBAAqB,EACrB;MACE,WAAW,EAAEK,QAAQ,KAAK,WAAW;MACrC,WAAW,EAAEA,QAAQ,KAAK;IAC5B,CAAC,EACDE,SACF,CAAE;IACFkB,OAAO,EAAEpB,QAAQ,KAAK,WAAW,GAAG,SAAS,GAAG,SAAU;IAC1DqB,SAAS,EAAErB;EAAS,GAEnBA,QAAQ,KAAK,WAAW,GAAGG,gBAAgB,CAACF,UAAU,CAAC,GAAG,IAAI,EAC9DD,QAAQ,KAAK,WAAW,GAAGY,gBAAgB,CAACX,UAAU,CAAC,GAAG,IAC3C,CAAC;AAEvB,CACF,CAAC;AAEDJ,UAAU,CAACyB,WAAW,GAAG,YAAY"}

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

@@ -9,7 +9,7 @@ export interface IPaperProps {
     /** Define custom style */
     style?: object;
     /** Type of paper to be used */
-    type?: "paper-1" | "paper-2" | "paper-3";
+    type?: "paper-1" | "paper-2" | "paper-3" | "tile-1" | "tile-2";
     /** Paper has hover or not */
     hover?: boolean;
     /** Use optimized shadow */

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAET,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,2HAqCjB,CAAC"}
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAET,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,2HAqCjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,KAAK;IACbC,kBAAkB,GAAG,KAAK;IAC1B,GAAGC;EACyC,CAAC,GAAAP,IAAA;EAG/C,oBACEL,KAAA,CAAAa,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVN,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHM,GAAG,EAAET,QAAS;IACdG,IAAI,EAAEA;EAAK,GACPG,IAAI,GAEPL,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACY,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\" | \"tile-1\" | \"tile-2\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,KAAK;IACbC,kBAAkB,GAAG,KAAK;IAC1B,GAAGC;EACyC,CAAC,GAAAP,IAAA;EAG/C,oBACEL,KAAA,CAAAa,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVN,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHM,GAAG,EAAET,QAAS;IACdG,IAAI,EAAEA;EAAK,GACPG,IAAI,GAEPL,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACY,WAAW,GAAG,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,WAAW,wDAMvB,CAAC;AACF,eAAO,MAAM,WAAW,6EAQvB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,WAAW,wDAMvB,CAAC;AACF,eAAO,MAAM,WAAW,6EAgBvB,CAAC"}

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

@@ -7,6 +7,6 @@ export const PaperStyles = css(["", " border-radius:var(--ac-br-8);", " ", ""],
 export const StyledPaper = styled.div.withConfig({
   displayName: "Styles__StyledPaper",
   componentId: "sc-1ld1e2o-0"
-})(["", " ", ""], PaperStyles, props => props.type === "paper-3" && css(["border:solid 1px var(--border-primary);"]));
+})(["", " ", " ", ""], PaperStyles, props => (props.type === "paper-3" || props.type === "tile-1") && css(["border:solid 1px var(--border-primary);"]), props => (props.type === "tile-1" || props.type === "tile-2") && css(["&:hover{background-color:var(--color-theme-200);}"]));
 StyledPaper.displayName = "StyledPaper";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,MAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjCL,WAAW,EAEVM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,SAAS,IACxBV,GAAG,6CAEF,CACJ;AAEDI,WAAW,CAACG,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    (props.type === \"paper-3\" || props.type === \"tile-1\") &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n\n      ${(props) =>\n    (props.type === \"tile-1\" || props.type === \"tile-2\") &&\n    css`\n      &:hover {\n        background-color: var(--color-theme-200);\n      }\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,MAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACjCL,WAAW,EAEVM,KAAK,IACN,CAACA,KAAK,CAACC,IAAI,KAAK,SAAS,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,KACpDV,GAAG,6CAEF,EAEIS,KAAK,IACV,CAACA,KAAK,CAACC,IAAI,KAAK,QAAQ,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,KACnDV,GAAG,uDAIF,CACJ;AAEDI,WAAW,CAACG,WAAW,GAAG,aAAa"}

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

@@ -3,6 +3,6 @@ export * from "./colors";
 export * from "./validation";
 export { default as useForkRef } from "./useForkRef";
 export { default as useResizeObserver } from "./useResizeObserver";
-export { decimalToHours, formatHours } from "./timeUtils";
+export { formatHours } from "./timeUtils";
 export { formatNumber, formatCurrency, numberWithSeparator, getNumberFromString, } from "./currencyUtils";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EACL,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

package/dist/esm/utils/index.js

@@ -3,6 +3,6 @@ export * from "./colors";
 export * from "./validation";
 export { default as useForkRef } from "./useForkRef";
 export { default as useResizeObserver } from "./useResizeObserver";
-export { decimalToHours, formatHours } from "./timeUtils";
+export { formatHours } from "./timeUtils";
 export { formatNumber, formatCurrency, numberWithSeparator, getNumberFromString } from "./currencyUtils";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver","decimalToHours","formatHours","formatNumber","formatCurrency","numberWithSeparator","getNumberFromString"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours, formatHours } from \"./timeUtils\";\nexport {\n  formatNumber,\n  formatCurrency,\n  numberWithSeparator,\n  getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB;AAClE,SAASC,cAAc,EAAEC,WAAW,QAAQ,aAAa;AACzD,SACEC,YAAY,EACZC,cAAc,EACdC,mBAAmB,EACnBC,mBAAmB,QACd,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver","formatHours","formatNumber","formatCurrency","numberWithSeparator","getNumberFromString"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { formatHours } from \"./timeUtils\";\nexport {\n  formatNumber,\n  formatCurrency,\n  numberWithSeparator,\n  getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB;AAClE,SAASC,WAAW,QAAQ,aAAa;AACzC,SACEC,YAAY,EACZC,cAAc,EACdC,mBAAmB,EACnBC,mBAAmB,QACd,iBAAiB"}

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

@@ -15,24 +15,6 @@
  * formatHours("3.5", true) // "03:30"
  */
 export declare const formatHours: (num: number | string | undefined, withLeadingZeroHours?: boolean) => string;
-/**
- * @function decimalToHours
- * @deprecated
- * @description
- * Converts a decimal number representing hours into a formatted string (HH:MM).
- * The input can be a number, string, or undefined. The function handles various formats
- * and can optionally add a leading zero to the hours component.
- *
- * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
- * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
- *
- * @returns {string} - A formatted time string in HH:MM format.
- *
- * @example
- * decimalToHours(1.5) // "1:30"
- * decimalToHours("3.5", true) // "03:30"
- */
-export declare const decimalToHours: (num: number | string | undefined, withLeadingZeroHours?: boolean) => string;
 export declare const withLeadingZero: (num: string | number, size?: number) => string;
 export declare const isDecimal: (num: number) => boolean;
 //# sourceMappingURL=timeUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/timeUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,QACjB,MAAM,GAAG,MAAM,GAAG,SAAS,qCAE/B,MAkDF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,QACpB,MAAM,GAAG,MAAM,GAAG,SAAS,qCAE/B,MAqDF,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,GAAG,MAAM,0BAInD,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,OAEvC,CAAC"}
+{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/timeUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,QACjB,MAAM,GAAG,MAAM,GAAG,SAAS,qCAE/B,MAkDF,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,GAAG,MAAM,0BAInD,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,OAEvC,CAAC"}

package/dist/esm/utils/timeUtils.js

@@ -63,74 +63,6 @@ export const formatHours = function (num, withLeadingZeroHours) {
   const minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
   return hours + ":" + withLeadingZero(minutes_formatted);
 };
-
-/**
- * @function decimalToHours
- * @deprecated
- * @description
- * Converts a decimal number representing hours into a formatted string (HH:MM).
- * The input can be a number, string, or undefined. The function handles various formats
- * and can optionally add a leading zero to the hours component.
- *
- * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
- * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
- *
- * @returns {string} - A formatted time string in HH:MM format.
- *
- * @example
- * decimalToHours(1.5) // "1:30"
- * decimalToHours("3.5", true) // "03:30"
- */
-export const decimalToHours = function (num, withLeadingZeroHours) {
-  if (withLeadingZeroHours === void 0) {
-    withLeadingZeroHours = false;
-  }
-  console.warn("Deprecated. Please use formatHours from @activecollab/components.");
-  if (!num) {
-    return "";
-  }
-  if (typeof num === "string" && !num) {
-    return withLeadingZeroHours ? "00:00" : "0:00";
-  }
-  if (typeof num === "string" && num.indexOf(":") >= 0) {
-    //eslint-disable-next-line
-    let [_hours, _minutes] = num.split(":");
-    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
-      _minutes = Number(_minutes) + "0";
-    }
-    if (_hours && _minutes) {
-      if (withLeadingZeroHours) {
-        return withLeadingZero(_hours) + ":" + _minutes;
-      }
-      return _hours + ":" + _minutes;
-    } else if (!_hours && _minutes) {
-      return withLeadingZeroHours ? "00:" + _minutes : "0:" + _minutes;
-    } else if (!_minutes && _hours) {
-      return withLeadingZeroHours ? withLeadingZero(_hours) + ":00" : _hours + ":00";
-    } else {
-      return withLeadingZeroHours ? "00:00" : "0:00";
-    }
-  }
-  if (typeof num === "string" && num.indexOf(",") >= 0) {
-    num = num.replace(",", ".");
-  }
-  const input = typeof num === "string" ? parseFloat(num) : num;
-  if (!isDecimal(input)) {
-    if (withLeadingZeroHours) {
-      return withLeadingZero(input) + ":00";
-    }
-    return input + ":00";
-  }
-  const decimal = input.toFixed(2);
-  const time = decimal.toString().split(".");
-  let hours = time[0];
-  if (withLeadingZeroHours) {
-    hours = withLeadingZero(hours);
-  }
-  const minutes = time[1];
-  const minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-  return hours + ":" + withLeadingZero(minutes_formatted);
-};
 export const withLeadingZero = function (num, size) {
   if (size === void 0) {
     size = 2;

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

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.js","names":["formatHours","num","withLeadingZeroHours","indexOf","_hours","_minutes","split","length","Number","withLeadingZero","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","decimalToHours","console","warn","size","s","isInteger"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["/**\n * @function formatHours\n * @description\n * Formats a decimal number representing hours into a formatted string (HH:MM).\n * The input can be a number, string, or undefined. The function handles various formats\n * and can optionally add a leading zero to the hours component.\n *\n * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.\n *\n * @returns {string} - A formatted time string in HH:MM format.\n *\n * @example\n * formatHours(1.5) // \"1:30\"\n * formatHours(\"3.5\", true) // \"03:30\"\n */\nexport const formatHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false\n): string => {\n  if (!num) {\n    return \"\";\n  }\n  if (typeof num === \"string\" && !num) {\n    return withLeadingZeroHours ? `00:00` : \"0:00\";\n  }\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    //eslint-disable-next-line\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (withLeadingZeroHours) {\n        return `${withLeadingZero(_hours)}:${_minutes}`;\n      }\n      return `${_hours}:${_minutes}`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_minutes && _hours) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else {\n      return withLeadingZeroHours ? `00:00` : \"0:00\";\n    }\n  }\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  if (!isDecimal(input)) {\n    if (withLeadingZeroHours) {\n      return `${withLeadingZero(input)}:00`;\n    }\n    return `${input}:00`;\n  }\n\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\n/**\n * @function decimalToHours\n * @deprecated\n * @description\n * Converts a decimal number representing hours into a formatted string (HH:MM).\n * The input can be a number, string, or undefined. The function handles various formats\n * and can optionally add a leading zero to the hours component.\n *\n * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.\n *\n * @returns {string} - A formatted time string in HH:MM format.\n *\n * @example\n * decimalToHours(1.5) // \"1:30\"\n * decimalToHours(\"3.5\", true) // \"03:30\"\n */\nexport const decimalToHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false\n): string => {\n  console.warn(\n    \"Deprecated. Please use formatHours from @activecollab/components.\"\n  );\n  if (!num) {\n    return \"\";\n  }\n  if (typeof num === \"string\" && !num) {\n    return withLeadingZeroHours ? `00:00` : \"0:00\";\n  }\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    //eslint-disable-next-line\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (withLeadingZeroHours) {\n        return `${withLeadingZero(_hours)}:${_minutes}`;\n      }\n      return `${_hours}:${_minutes}`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_minutes && _hours) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else {\n      return withLeadingZeroHours ? `00:00` : \"0:00\";\n    }\n  }\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  if (!isDecimal(input)) {\n    if (withLeadingZeroHours) {\n      return `${withLeadingZero(input)}:00`;\n    }\n    return `${input}:00`;\n  }\n\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n"],"mappings":"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"}
+{"version":3,"file":"timeUtils.js","names":["formatHours","num","withLeadingZeroHours","indexOf","_hours","_minutes","split","length","Number","withLeadingZero","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","size","s","isInteger"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["/**\n * @function formatHours\n * @description\n * Formats a decimal number representing hours into a formatted string (HH:MM).\n * The input can be a number, string, or undefined. The function handles various formats\n * and can optionally add a leading zero to the hours component.\n *\n * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.\n *\n * @returns {string} - A formatted time string in HH:MM format.\n *\n * @example\n * formatHours(1.5) // \"1:30\"\n * formatHours(\"3.5\", true) // \"03:30\"\n */\nexport const formatHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false\n): string => {\n  if (!num) {\n    return \"\";\n  }\n  if (typeof num === \"string\" && !num) {\n    return withLeadingZeroHours ? `00:00` : \"0:00\";\n  }\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    //eslint-disable-next-line\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (withLeadingZeroHours) {\n        return `${withLeadingZero(_hours)}:${_minutes}`;\n      }\n      return `${_hours}:${_minutes}`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_minutes && _hours) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else {\n      return withLeadingZeroHours ? `00:00` : \"0:00\";\n    }\n  }\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  if (!isDecimal(input)) {\n    if (withLeadingZeroHours) {\n      return `${withLeadingZero(input)}:00`;\n    }\n    return `${input}:00`;\n  }\n\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n"],"mappings":"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"}

package/dist/index.js

@@ -833,75 +833,6 @@
     var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
     return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
   };
-
-  /**
-   * @function decimalToHours
-   * @deprecated
-   * @description
-   * Converts a decimal number representing hours into a formatted string (HH:MM).
-   * The input can be a number, string, or undefined. The function handles various formats
-   * and can optionally add a leading zero to the hours component.
-   *
-   * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
-   * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
-   *
-   * @returns {string} - A formatted time string in HH:MM format.
-   *
-   * @example
-   * decimalToHours(1.5) // "1:30"
-   * decimalToHours("3.5", true) // "03:30"
-   */
-  var decimalToHours = function decimalToHours(num) {
-    var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    console.warn("Deprecated. Please use formatHours from @activecollab/components.");
-    if (!num) {
-      return "";
-    }
-    if (typeof num === "string" && !num) {
-      return withLeadingZeroHours ? "00:00" : "0:00";
-    }
-    if (typeof num === "string" && num.indexOf(":") >= 0) {
-      //eslint-disable-next-line
-      var _num$split3 = num.split(":"),
-        _num$split4 = _slicedToArray(_num$split3, 2),
-        _hours = _num$split4[0],
-        _minutes = _num$split4[1];
-      if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
-        _minutes = "".concat(Number(_minutes), "0");
-      }
-      if (_hours && _minutes) {
-        if (withLeadingZeroHours) {
-          return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
-        }
-        return "".concat(_hours, ":").concat(_minutes);
-      } else if (!_hours && _minutes) {
-        return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
-      } else if (!_minutes && _hours) {
-        return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
-      } else {
-        return withLeadingZeroHours ? "00:00" : "0:00";
-      }
-    }
-    if (typeof num === "string" && num.indexOf(",") >= 0) {
-      num = num.replace(",", ".");
-    }
-    var input = typeof num === "string" ? parseFloat(num) : num;
-    if (!isDecimal(input)) {
-      if (withLeadingZeroHours) {
-        return "".concat(withLeadingZero(input), ":00");
-      }
-      return "".concat(input, ":00");
-    }
-    var decimal = input.toFixed(2);
-    var time = decimal.toString().split(".");
-    var hours = time[0];
-    if (withLeadingZeroHours) {
-      hours = withLeadingZero(hours);
-    }
-    var minutes = time[1];
-    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
-  };
   var withLeadingZero = function withLeadingZero(num) {
     var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
     var s = "".concat(num);
@@ -10775,8 +10706,10 @@
   var StyledPaper = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledPaper",
     componentId: "sc-1ld1e2o-0"
-  })(["", " ", ""], PaperStyles, function (props) {
-    return props.type === "paper-3" && styled.css(["border:solid 1px var(--border-primary);"]);
+  })(["", " ", " ", ""], PaperStyles, function (props) {
+    return (props.type === "paper-3" || props.type === "tile-1") && styled.css(["border:solid 1px var(--border-primary);"]);
+  }, function (props) {
+    return (props.type === "tile-1" || props.type === "tile-2") && styled.css(["&:hover{background-color:var(--color-theme-200);}"]);
   });
   StyledPaper.displayName = "StyledPaper";
 
@@ -10841,24 +10774,30 @@
   var StyledCard = styled__default["default"](Paper).withConfig({
     displayName: "Styles__StyledCard",
     componentId: "sc-hllbj1-0"
-  })(["", ""], {
+  })(["", " ", ""], {
     "color": "var(--color-theme-900)"
+  }, function (_ref) {
+    var $pointer = _ref.$pointer;
+    return $pointer && styled.css(["cursor:pointer;"]);
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$16 = ["children", "className", "hoverable", "paperType"];
+  var _excluded$16 = ["children", "className", "hoverable", "variant", "onClick"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
       _ref$hoverable = _ref.hoverable,
       hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
-      _ref$paperType = _ref.paperType,
-      paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
+      onClick = _ref.onClick,
       rest = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
-      type: paperType,
+      type: variant,
       className: classNames__default["default"]("c-card", className),
       hover: hoverable,
+      $pointer: typeof onClick === "function",
+      onClick: onClick,
       useOptimizedShadow: true,
       ref: ref
     }), children);
@@ -10927,7 +10866,7 @@
         "grid-item": renderAs === "grid-item",
         "list-item": renderAs === "list-item"
       }, className),
-      paperType: renderAs === "grid-item" ? "paper-1" : "paper-2",
+      variant: renderAs === "grid-item" ? "paper-1" : "paper-2",
       $renderAs: renderAs
     }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
   });
@@ -18489,7 +18428,7 @@
       as: Component,
       $renderAs: renderAs,
       $background: background,
-      paperType: paperType,
+      variant: paperType,
       className: classNames__default["default"]("c-entity-card", classSuffix, className),
       $isCollection: isCollection
     }, rest, {
@@ -20066,7 +20005,6 @@
   exports._Dialog = _Dialog;
   exports._List = _List;
   exports.colors = colors$1;
-  exports.decimalToHours = decimalToHours;
   exports.formatCurrency = formatCurrency;
   exports.formatHours = formatHours;
   exports.formatNumber = formatNumber;