@activecollab/components 1.0.180 → 1.0.182

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

@@ -5,6 +5,7 @@ import React, { forwardRef, useContext } from "react";
 import { StyledEntityCard } from "./Styles";
 import { Card } from "../Card";
 import { EntityGroupContext } from "./EntityGroup";
+import classNames from "classnames";
 export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       isCollection = _ref.isCollection,
@@ -16,6 +17,7 @@ export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useContext = useContext(EntityGroupContext),
       renderAs = _useContext.renderAs;
 
+  var classSuffix = "c-entity-card-" + renderAs;
   var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
   var Component = as || Card;
   return /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
@@ -23,7 +25,7 @@ export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
     $renderAs: renderAs,
     $background: background,
     paperType: paperType,
-    className: className,
+    className: classNames("c-entity-card", classSuffix, className),
     $isCollection: isCollection
   }, rest, {
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["React","forwardRef","useContext","StyledEntityCard","Card","EntityGroupContext","EntityCard","ref","children","isCollection","background","className","as","rest","renderAs","paperType","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAGEC,UAHF,EAKEC,UALF,QAMO,OANP;AAOA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,SAASC,IAAT,QAAiC,SAAjC;AAKA,SAASC,kBAAT,QAAmC,eAAnC;AAsBA,OAAO,IAAMC,UAAsD,gBACjEL,UAAU,CACR,gBASEM,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,YAOC,QAPDA,YAOC;AAAA,MANDC,UAMC,QANDA,UAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,EAIC,QAJDA,EAIC;AAAA,MAHEC,IAGF;;AACH,oBAAqBX,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQS,QAAR,eAAQA,QAAR;;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AACA,MAAME,SAAS,GAAGJ,EAAE,IAAIR,IAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEY,SADN;AAEE,IAAA,SAAS,EAAEF,QAFb;AAGE,IAAA,WAAW,EAAEJ,UAHf;AAIE,IAAA,SAAS,EAAEK,SAJb;AAKE,IAAA,SAAS,EAAEJ,SALb;AAME,IAAA,aAAa,EAAEF;AANjB,KAOMI,IAPN;AAQE,IAAA,GAAG,EAAEN;AARP,MAUGC,QAVH,CADF;AAcD,CA7BO,CADL;AAiCPF,UAAU,CAACW,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useContext,\n} from \"react\";\nimport { StyledEntityCard } from \"./Styles\";\n\nimport { Card, ICardProps } from \"../Card\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={className}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["React","forwardRef","useContext","StyledEntityCard","Card","EntityGroupContext","classNames","EntityCard","ref","children","isCollection","background","className","as","rest","renderAs","classSuffix","paperType","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAGEC,UAHF,EAKEC,UALF,QAMO,OANP;AAOA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,SAASC,IAAT,QAAiC,SAAjC;AAKA,SAASC,kBAAT,QAAmC,eAAnC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAsBA,OAAO,IAAMC,UAAsD,gBACjEN,UAAU,CACR,gBASEO,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,YAOC,QAPDA,YAOC;AAAA,MANDC,UAMC,QANDA,UAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,EAIC,QAJDA,EAIC;AAAA,MAHEC,IAGF;;AACH,oBAAqBZ,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQU,QAAR,eAAQA,QAAR;;AACA,MAAMC,WAAW,sBAAoBD,QAArC;AACA,MAAME,SAAS,GAAGF,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AACA,MAAMG,SAAS,GAAGL,EAAE,IAAIT,IAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEc,SADN;AAEE,IAAA,SAAS,EAAEH,QAFb;AAGE,IAAA,WAAW,EAAEJ,UAHf;AAIE,IAAA,SAAS,EAAEM,SAJb;AAKE,IAAA,SAAS,EAAEX,UAAU,CAAC,eAAD,EAAkBU,WAAlB,EAA+BJ,SAA/B,CALvB;AAME,IAAA,aAAa,EAAEF;AANjB,KAOMI,IAPN;AAQE,IAAA,GAAG,EAAEN;AARP,MAUGC,QAVH,CADF;AAcD,CA9BO,CADL;AAkCPF,UAAU,CAACY,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useContext,\n} from \"react\";\nimport { StyledEntityCard } from \"./Styles\";\n\nimport { Card, ICardProps } from \"../Card\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport classNames from \"classnames\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const classSuffix = `c-entity-card-${renderAs}`;\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={classNames(\"c-entity-card\", classSuffix, className)}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/esm/components/Entity/EntityProperty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,oBAAY,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkB7D,CAAC"}
+{"version":3,"file":"EntityProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,oBAAY,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmB7D,CAAC"}

package/dist/esm/components/Entity/EntityProperty.js

@@ -15,8 +15,9 @@ export var EntityProperty = function EntityProperty(_ref) {
   var _useContext = useContext(EntityGroupContext),
       renderAs = _useContext.renderAs;
 
+  var classSuffix = "c-entity-property-" + renderAs;
   return /*#__PURE__*/React.createElement(StyledEntityProperty, _extends({
-    className: classNames("c-entity-property", className)
+    className: classNames("c-entity-property", classSuffix, className)
   }, props, {
     $order: listOrder,
     $width: listWidth,

package/dist/esm/components/Entity/EntityProperty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["React","useContext","StyledEntityProperty","classNames","EntityGroupContext","EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","renderAs","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,kBAAT,QAAmC,eAAnC;AAUA,OAAO,IAAMC,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,oBAAqBT,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQO,QAAR,eAAQA,QAAR;;AACA,sBACE,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsBM,SAAtB;AADvB,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC,qBAL1B;AAME,IAAA,SAAS,EAAEG;AANb,KADF;AAUD,CAlBM;AAoBPN,cAAc,CAACO,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["React","useContext","StyledEntityProperty","classNames","EntityGroupContext","EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","renderAs","classSuffix","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,kBAAT,QAAmC,eAAnC;AAUA,OAAO,IAAMC,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,oBAAqBT,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQO,QAAR,eAAQA,QAAR;;AACA,MAAMC,WAAW,0BAAwBD,QAAzC;AACA,sBACE,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsBS,WAAtB,EAAmCH,SAAnC;AADvB,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC,qBAL1B;AAME,IAAA,SAAS,EAAEG;AANb,KADF;AAUD,CAnBM;AAqBPN,cAAc,CAACQ,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  const classSuffix = `c-entity-property-${renderAs}`;\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", classSuffix, className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

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

@@ -24,7 +24,7 @@ export var StyledEntityProperty = styled("div").withConfig({
 })(["", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref4) {
   var $renderAs = _ref4.$renderAs,
       $width = _ref4.$width;
-  return $renderAs === "list" && css(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "unset" : 1);
+  return $renderAs === "list" && css(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "initial" : 1);
 }, function (props) {
   return props.$renderAs === "list" && props.$order && css(["order:", ";"], props.$order);
 }, function (props) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","$gap","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"unset\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","$gap","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"initial\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"file":"Styles.js"}

package/dist/esm/components/Select/OptionContent/Styles.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export declare const StyledOptionContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledOptionIndicator: import("styled-components").StyledComponent<"div", any, {
     backgroundColor?: string | undefined;
 }, never>;
-export declare const StyledOptionText: import("styled-components").StyledComponent<"span", any, {
+export declare const StyledOptionText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Typography").IBodyProps & Omit<import("../../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {
     textColor?: string | undefined;
 }, never>;
 export declare const StyledAdditionalInfo: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/esm/components/Select/OptionContent/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,oEAQtC,CAAC;AAIF,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;SAU5B,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAIhC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,0BAA0B,oEAQtC,CAAC;AAIF,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;SAU5B,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAIhC,CAAC"}

package/dist/esm/components/Select/OptionContent/Styles.js

@@ -1,4 +1,5 @@
 import styled, { css } from "styled-components";
+import { Body2 } from "../../Typography";
 export var StyledOptionContentWrapper = styled.div.withConfig({
   displayName: "Styles__StyledOptionContentWrapper",
   componentId: "sc-6fiqyy-0"
@@ -11,7 +12,7 @@ export var StyledOptionIndicator = styled.div.withConfig({
   return props.backgroundColor && !props.children && css(["background-color:", ";"], props.backgroundColor);
 });
 StyledOptionIndicator.displayName = "StyledOptionIndicator";
-export var StyledOptionText = styled.span.withConfig({
+export var StyledOptionText = styled(Body2).withConfig({
   displayName: "Styles__StyledOptionText",
   componentId: "sc-6fiqyy-2"
 })(["", " flex-grow:1;line-height:28px;padding-right:10px;", ""], {

package/dist/esm/components/Select/OptionContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","StyledOptionContentWrapper","div","displayName","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,0BAA0B,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,0HAAhC;AAUPD,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMC,qBAAqB,GAAGL,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAP,GAFA,6BAGsBK,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMK,gBAAgB,GAAGT,MAAM,CAACU,IAAV;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACJ,KAAD;AAAA,SACAA,KAAK,CAACK,SAAN,IACAV,GADA,kBAEWK,KAAK,CAACK,SAFjB,CADA;AAAA,CALyB,CAAtB;AAYPF,gBAAgB,CAACL,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMQ,oBAAoB,GAAGZ,MAAM,CAACU,IAAV;AAAA;AAAA;AAAA,wDAA1B;AAMPE,oBAAoB,CAACR,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","Body2","StyledOptionContentWrapper","div","displayName","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","textColor","StyledAdditionalInfo","span"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,OAAO,IAAMC,0BAA0B,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,0HAAhC;AAUPD,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMC,qBAAqB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAR,GAFA,6BAGsBM,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMK,gBAAgB,GAAGV,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACI,SAAN,IACAV,GADA,kBAEWM,KAAK,CAACI,SAFjB,CADA;AAAA,CALyB,CAAtB;AAYPD,gBAAgB,CAACL,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAACa,IAAV;AAAA;AAAA;AAAA,wDAA1B;AAMPD,oBAAoB,CAACP,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}

package/dist/esm/components/Wizard/Wizard.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
 import { Dialog } from "../Dialog";
+import { WizardContextProvider } from "./context";
 import { Step } from "./Step";
-import { WizardContextProvider } from "./WizardContext";
 export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var title = _ref.title,
       open = _ref.open,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","Step","WizardContextProvider","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","renderActiveStep","element","type","cloneElement","index","isLast","length","close","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,WAJF,EAKEC,SALF,EAMEC,OANF,EAOEC,QAPF,QAQO,OARP;AASA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,qBAAT,QAAsC,iBAAtC;AASA,OAAO,IAAMC,MAAM,gBAAGR,UAAU,CAC9B,gBAAqCS,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAGX,OAAO,CAChC;AAAA,WAAMJ,KAAK,CAACgB,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAAN;AAAA,GADgC,EAEhC,CAACA,QAAD,CAFgC,CAAlC;;AAKA,kBAAoCT,QAAQ,CAAC,CAAD,CAA5C;AAAA,MAAOa,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4Dd,QAAQ,CAAC,KAAD,CAApE;AAAA,MAAOe,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEAlB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIS,IAAJ,EAAU;AACRO,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GAJQ,EAIN,CAACP,IAAD,CAJM,CAAT;AAMA,MAAMU,iBAAiB,GAAGpB,WAAW,CAAC,YAAM;AAC1CiB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFoC,EAElC,CAACA,UAAD,CAFkC,CAArC;AAIA,MAAMK,qBAAqB,GAAGrB,WAAW,CAAC,YAAM;AAC9CiB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFwC,EAEtC,CAACA,UAAD,CAFsC,CAAzC;AAIA,MAAMM,gBAAgB,GAAGpB,OAAO,CAAC,YAAM;AACrC,QAAMqB,OAAO,GAAGV,kBAAkB,CAACG,UAAD,CAAlC;;AAEA,QAAI,CAAAO,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBnB,IAAtB,EAA4B;AAC1B,0BAAOP,KAAK,CAAC2B,YAAN,CAAmBF,OAAnB,EAA4B;AACjCG,QAAAA,KAAK,EAAEV,UAD0B;AAEjCW,QAAAA,MAAM,EAAEd,kBAAkB,CAACe,MAAnB,GAA4B,CAA5B,KAAkCZ,UAFT;AAGjCP,QAAAA,KAAK,EAAEA,KAH0B;AAIjCW,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCV,QAAAA,OAAO,EAAPA,OANiC;AAOjCO,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhB+B,EAgB7B,CACDF,UADC,EAEDE,sBAFC,EAGDL,kBAHC,EAIDF,OAJC,EAKDS,iBALC,EAMDC,qBANC,EAODZ,KAPC,CAhB6B,CAAhC;AA0BA,sBACE,oBAAC,qBAAD;AACE,IAAA,KAAK,EAAE;AACLO,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLY,MAAAA,KAAK,EAAElB,OAHF;AAILQ,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEX,GAAb;AAAkB,IAAA,IAAI,EAAEE,IAAxB;AAA8B,IAAA,OAAO,EAAEC;AAAvC,KACGW,gBADH,CARF,CADF;AAcD,CAhE6B,CAAzB;AAmEPf,MAAM,CAACuB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { Step } from \"./Step\";\nimport { WizardContextProvider } from \"./WizardContext\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  ({ title, open, onClose, children }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [activeStep, setActiveStep] = useState(0);\n    const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n    useEffect(() => {\n      if (open) {\n        setActiveStep(0);\n      }\n    }, [open]);\n\n    const onNextButtonClick = useCallback(() => {\n      setActiveStep(activeStep + 1);\n    }, [activeStep]);\n\n    const onPreviousButtonClick = useCallback(() => {\n      setActiveStep(activeStep - 1);\n    }, [activeStep]);\n\n    const renderActiveStep = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n\n      if (element?.type === Step) {\n        return React.cloneElement(element, {\n          index: activeStep,\n          isLast: childrenCollection.length - 1 === activeStep,\n          title: title,\n          onNextButtonClick: onNextButtonClick,\n          onPreviousButtonClick: onPreviousButtonClick,\n          onClose,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      onClose,\n      onNextButtonClick,\n      onPreviousButtonClick,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          close: onClose,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open} onClose={onClose}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}
+{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","WizardContextProvider","Step","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","renderActiveStep","element","type","cloneElement","index","isLast","length","close","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,WAJF,EAKEC,SALF,EAMEC,OANF,EAOEC,QAPF,QAQO,OARP;AASA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,qBAAT,QAAsC,WAAtC;AACA,SAASC,IAAT,QAAqB,QAArB;AASA,OAAO,IAAMC,MAAM,gBAAGR,UAAU,CAC9B,gBAAqCS,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAGX,OAAO,CAChC;AAAA,WAAMJ,KAAK,CAACgB,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAAN;AAAA,GADgC,EAEhC,CAACA,QAAD,CAFgC,CAAlC;;AAKA,kBAAoCT,QAAQ,CAAC,CAAD,CAA5C;AAAA,MAAOa,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4Dd,QAAQ,CAAC,KAAD,CAApE;AAAA,MAAOe,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEAlB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIS,IAAJ,EAAU;AACRO,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GAJQ,EAIN,CAACP,IAAD,CAJM,CAAT;AAMA,MAAMU,iBAAiB,GAAGpB,WAAW,CAAC,YAAM;AAC1CiB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFoC,EAElC,CAACA,UAAD,CAFkC,CAArC;AAIA,MAAMK,qBAAqB,GAAGrB,WAAW,CAAC,YAAM;AAC9CiB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFwC,EAEtC,CAACA,UAAD,CAFsC,CAAzC;AAIA,MAAMM,gBAAgB,GAAGpB,OAAO,CAAC,YAAM;AACrC,QAAMqB,OAAO,GAAGV,kBAAkB,CAACG,UAAD,CAAlC;;AAEA,QAAI,CAAAO,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBlB,IAAtB,EAA4B;AAC1B,0BAAOR,KAAK,CAAC2B,YAAN,CAAmBF,OAAnB,EAA4B;AACjCG,QAAAA,KAAK,EAAEV,UAD0B;AAEjCW,QAAAA,MAAM,EAAEd,kBAAkB,CAACe,MAAnB,GAA4B,CAA5B,KAAkCZ,UAFT;AAGjCP,QAAAA,KAAK,EAAEA,KAH0B;AAIjCW,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCV,QAAAA,OAAO,EAAPA,OANiC;AAOjCO,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhB+B,EAgB7B,CACDF,UADC,EAEDE,sBAFC,EAGDL,kBAHC,EAIDF,OAJC,EAKDS,iBALC,EAMDC,qBANC,EAODZ,KAPC,CAhB6B,CAAhC;AA0BA,sBACE,oBAAC,qBAAD;AACE,IAAA,KAAK,EAAE;AACLO,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLY,MAAAA,KAAK,EAAElB,OAHF;AAILQ,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEX,GAAb;AAAkB,IAAA,IAAI,EAAEE,IAAxB;AAA8B,IAAA,OAAO,EAAEC;AAAvC,KACGW,gBADH,CARF,CADF;AAcD,CAhE6B,CAAzB;AAmEPf,MAAM,CAACuB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  ({ title, open, onClose, children }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [activeStep, setActiveStep] = useState(0);\n    const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n    useEffect(() => {\n      if (open) {\n        setActiveStep(0);\n      }\n    }, [open]);\n\n    const onNextButtonClick = useCallback(() => {\n      setActiveStep(activeStep + 1);\n    }, [activeStep]);\n\n    const onPreviousButtonClick = useCallback(() => {\n      setActiveStep(activeStep - 1);\n    }, [activeStep]);\n\n    const renderActiveStep = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n\n      if (element?.type === Step) {\n        return React.cloneElement(element, {\n          index: activeStep,\n          isLast: childrenCollection.length - 1 === activeStep,\n          title: title,\n          onNextButtonClick: onNextButtonClick,\n          onPreviousButtonClick: onPreviousButtonClick,\n          onClose,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      onClose,\n      onNextButtonClick,\n      onPreviousButtonClick,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          close: onClose,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open} onClose={onClose}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}

package/dist/esm/components/Wizard/{WizardContext.d.ts → context/index.d.ts}

@@ -10,4 +10,4 @@ export declare const WizardContextProvider: import("react").Provider<IWizardCont
 export declare const WizardContextConsumer: import("react").Consumer<IWizardContext>;
 export declare const useWizardContext: () => IWizardContext;
 export default WizardContext;
-//# sourceMappingURL=WizardContext.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Wizard/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Wizard/context/index.ts"],"names":[],"mappings":";AAEA,UAAU,cAAc;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,yBAAyB,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,aAAa,yCAAoC,CAAC;AAExD,eAAO,MAAM,qBAAqB,0CAAyB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,0CAAyB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,QAAO,cAA2C,CAAC;AAEhF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Wizard/{WizardContext.js → context/index.js}

@@ -6,4 +6,4 @@ export var useWizardContext = function useWizardContext() {
   return useContext(WizardContext);
 };
 export default WizardContext;
-//# sourceMappingURL=WizardContext.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Wizard/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Wizard/context/index.ts"],"names":["createContext","useContext","WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AASA,IAAMC,aAAa,gBAAGF,aAAa,CAAiB,EAAjB,CAAnC;AAEA,OAAO,IAAMG,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;AACP,OAAO,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;AAEP,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsBN,UAAU,CAACC,aAAD,CAAhC;AAAA,CAAzB;AAEP,eAAeA,aAAf","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n  activeStep?: number;\n  setActiveStep?: (integer) => void;\n  close?: () => void;\n  setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"index.js"}

package/dist/esm/components/Wizard/index.d.ts

@@ -1,5 +1,6 @@
+import { useWizardContext } from "./context";
 export * from "./Wizard";
-export * from "./WizardContext";
 export * from "./Step";
 export * from "./StepActionButton";
+export { useWizardContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Wizard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/Wizard/index.js

@@ -1,5 +1,6 @@
+import { useWizardContext } from "./context";
 export * from "./Wizard";
-export * from "./WizardContext";
 export * from "./Step";
 export * from "./StepActionButton";
+export { useWizardContext };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Wizard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,QAAd;AACA,cAAc,oBAAd","sourcesContent":["export * from \"./Wizard\";\nexport * from \"./WizardContext\";\nexport * from \"./Step\";\nexport * from \"./StepActionButton\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/Wizard/index.ts"],"names":["useWizardContext"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,WAAjC;AAEA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,oBAAd;AAEA,SAASA,gBAAT","sourcesContent":["import { useWizardContext } from \"./context\";\n\nexport * from \"./Wizard\";\nexport * from \"./Step\";\nexport * from \"./StepActionButton\";\n\nexport { useWizardContext };\n"],"file":"index.js"}

package/dist/index.js

@@ -7667,7 +7667,7 @@
     return props.backgroundColor && !props.children && styled.css(["background-color:", ";"], props.backgroundColor);
   });
   StyledOptionIndicator.displayName = "StyledOptionIndicator";
-  var StyledOptionText = styled__default["default"].span.withConfig({
+  var StyledOptionText = styled__default["default"](Body2).withConfig({
     displayName: "Styles__StyledOptionText",
     componentId: "sc-6fiqyy-2"
   })(["", " flex-grow:1;line-height:28px;padding-right:10px;", ""], {
@@ -10804,7 +10804,7 @@
   var ChipContainer = styled__default["default"].div.withConfig({
     displayName: "Styles__ChipContainer",
     componentId: "sc-7s0bd1-0"
-  })(["min-width:44px;max-width:220px;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], {
+  })(["min-width:44px;max-width:220px;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "{", " ", "}", " ", " ", " ", " ", " ", " ", ""], {
     "height": "1.5rem"
   }, {
     "borderRadius": "0.25rem"
@@ -10828,6 +10828,21 @@
     "fontWeight": "400"
   }, {
     "backgroundColor": "var(--color-theme-400)"
+  }, StyledTypography, {
+    "flex": "1 1 0%"
+  }, {
+    "overflow": "hidden",
+    "textOverflow": "ellipsis",
+    "whiteSpace": "nowrap"
+  }, function (_ref) {
+    var $color = _ref.$color;
+    return $color && styled.css(["", "{color:", ";}"], StyledTypography, $color);
+  }, function (_ref2) {
+    var $isLabel = _ref2.$isLabel;
+    return $isLabel && styled.css(["", "{color:#303037;}"], StyledTypography);
+  }, function (_ref3) {
+    var $backgroundColor = _ref3.$backgroundColor;
+    return $backgroundColor && styled.css(["background-color:", ";"], $backgroundColor);
   }, function (props) {
     return props.$showClose ? null : styled.css(["", ""], {
       "paddingRight": "0.375rem"
@@ -10854,12 +10869,14 @@
   var ChipTrigger = styled__default["default"](Trigger).withConfig({
     displayName: "Styles__ChipTrigger",
     componentId: "sc-7s0bd1-2"
-  })(["", " ", " ", " &:hover{", "}", " ", " ", ""], {
+  })(["", " ", " ", " ", " &:hover{", "}", " ", " ", ""], {
     "display": "flex"
   }, {
     "alignItems": "center"
   }, {
     "justifyContent": "center"
+  }, {
+    "marginLeft": "0.125rem"
   }, {
     "backgroundColor": "var(--color-theme-transparent-400)"
   }, function (props) {
@@ -10878,17 +10895,25 @@
   });
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded$7 = ["leftAdornment", "label", "onClose", "size"];
+  var _excluded$7 = ["leftAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "isLabel"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var leftAdornment = _ref.leftAdornment,
         label = _ref.label,
         onClose = _ref.onClose,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? "regular" : _ref$size,
+        color = _ref.color,
+        backgroundColor = _ref.backgroundColor,
+        closeClassName = _ref.closeClassName,
+        isLabel = _ref.isLabel,
         rest = _objectWithoutProperties(_ref, _excluded$7);
 
     var showClose = typeof onClose === "function";
     var variant = React.useMemo(function () {
+      if (isLabel) {
+        return "Caption 2";
+      }
+
       switch (size) {
         case "regular":
           return "Body 2";
@@ -10899,20 +10924,24 @@
         default:
           return "Caption 1";
       }
-    }, [size]);
+    }, [isLabel, size]);
     return /*#__PURE__*/React__default["default"].createElement(ChipContainer, _extends({}, rest, {
       ref: ref,
       $size: size,
-      $showClose: showClose
+      $showClose: showClose,
+      $color: color,
+      $backgroundColor: backgroundColor,
+      $isLabel: isLabel,
+      "data-testid": "chip-container"
     }), leftAdornment, /*#__PURE__*/React__default["default"].createElement(Typography, {
       variant: variant,
-      className: "tw-flex-1 tw-truncate"
+      "data-testid": "chip-typography"
     }, label), showClose ? /*#__PURE__*/React__default["default"].createElement(ChipTrigger, {
       $size: size,
       onClick: onClose,
-      className: "tw-ml-0.5"
+      className: closeClassName
     }, /*#__PURE__*/React__default["default"].createElement(ChipCloseIcon, {
-      fill: "currentColor"
+      fill: color ? color : "currentColor"
     })) : null);
   });
   Chip.displayName = "Chip";
@@ -10950,7 +10979,7 @@
     return condition ? wrap(children) : children;
   };
 
-  var _excluded$6 = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName"];
+  var _excluded$6 = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper"];
   var ComboBox = function ComboBox(_ref) {
     var _comboBoxRef$current2, _comboBoxRef$current3;
 
@@ -10981,6 +11010,7 @@
         _ref$inPortal = _ref.inPortal,
         inPortal = _ref$inPortal === void 0 ? false : _ref$inPortal,
         inputWrapperClassName = _ref.inputWrapperClassName,
+        scrollWrapper = _ref.scrollWrapper,
         prop = _objectWithoutProperties(_ref, _excluded$6);
 
     var selectedName = React.useMemo(function () {
@@ -11144,24 +11174,39 @@
           "marginRight": "0.125rem"
         }
       })) : undefined;
+
+      var onClose = function onClose(e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        if (Array.isArray(selected) && selected.includes(option.id)) {
+          if (typeof onChange === "function") {
+            var newSelected = selected.filter(function (item) {
+              return item !== option.id;
+            });
+            onChange(newSelected);
+          }
+        }
+      };
+
+      var showOnClose = true;
+
+      if (disabled) {
+        showOnClose = false;
+      }
+
+      if (option.color) {
+        showOnClose = false;
+      }
+
       return /*#__PURE__*/React__default["default"].createElement(Chip, {
         className: "c-combo-box-chip",
         leftAdornment: leftAdornment,
         label: option.name,
         key: index,
-        onClose: !disabled ? function (e) {
-          e.preventDefault();
-          e.stopPropagation();
-
-          if (Array.isArray(selected) && selected.includes(option.id)) {
-            if (typeof onChange === "function") {
-              var newSelected = selected.filter(function (item) {
-                return item !== option.id;
-              });
-              onChange(newSelected);
-            }
-          }
-        } : undefined,
+        backgroundColor: option.color,
+        isLabel: Boolean(option.color),
+        onClose: showOnClose ? onClose : undefined,
         size: size
       });
     }, [disabled, onChange, renderChip, selected, size]);
@@ -11222,7 +11267,9 @@
 
         (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.focus();
       },
-      $_css3: autoSize === "auto" ? "auto" : undefined
+      $_css3: autoSize === "auto" ? "auto" : undefined,
+      $_css4: autoSize === "auto" && scrollWrapper ? "scroll" : undefined,
+      $_css5: autoSize === "auto" && scrollWrapper ? "80px" : undefined
     }, /*#__PURE__*/React__default["default"].createElement(StyledChipWrapper, {
       $autoSize: autoSize,
       $open: open,
@@ -11325,8 +11372,12 @@
   var _StyledStyledInputWrapper = styled__default["default"](StyledInputWrapper).withConfig({
     displayName: "ComboBox___StyledStyledInputWrapper",
     componentId: "sc-uvsz9l-2"
-  })(["display:flex;justify-content:space-between;flex:1;height:", ";"], function (p) {
+  })(["display:flex;justify-content:space-between;flex:1;height:", ";overflow-y:", ";max-height:", ";"], function (p) {
     return p.$_css3;
+  }, function (p) {
+    return p.$_css4;
+  }, function (p) {
+    return p.$_css5;
   });
 
   var _StyledTrigger = styled__default["default"](Trigger).withConfig({
@@ -11969,7 +12020,7 @@
   })(["", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref4) {
     var $renderAs = _ref4.$renderAs,
         $width = _ref4.$width;
-    return $renderAs === "list" && styled.css(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "unset" : 1);
+    return $renderAs === "list" && styled.css(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "initial" : 1);
   }, function (props) {
     return props.$renderAs === "list" && props.$order && styled.css(["order:", ";"], props.$order);
   }, function (props) {
@@ -12072,6 +12123,7 @@
     var _useContext = React.useContext(EntityGroupContext),
         renderAs = _useContext.renderAs;
 
+    var classSuffix = "c-entity-card-".concat(renderAs);
     var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
     var Component = as || Card;
     return /*#__PURE__*/React__default["default"].createElement(StyledEntityCard, _extends({
@@ -12079,7 +12131,7 @@
       $renderAs: renderAs,
       $background: background,
       paperType: paperType,
-      className: className,
+      className: classNames__default["default"]("c-entity-card", classSuffix, className),
       $isCollection: isCollection
     }, rest, {
       ref: ref
@@ -12098,8 +12150,9 @@
     var _useContext = React.useContext(EntityGroupContext),
         renderAs = _useContext.renderAs;
 
+    var classSuffix = "c-entity-property-".concat(renderAs);
     return /*#__PURE__*/React__default["default"].createElement(StyledEntityProperty, _extends({
-      className: classNames__default["default"]("c-entity-property", className)
+      className: classNames__default["default"]("c-entity-property", classSuffix, className)
     }, props, {
       $order: listOrder,
       $width: listWidth,
@@ -12442,6 +12495,13 @@
     }))));
   };
 
+  var WizardContext = /*#__PURE__*/React.createContext({});
+  var WizardContextProvider = WizardContext.Provider;
+  WizardContext.Consumer;
+  var useWizardContext = function useWizardContext() {
+    return React.useContext(WizardContext);
+  };
+
   var StepActionButton = function StepActionButton(_ref) {
     var onNextButtonClick = _ref.onNextButtonClick,
         _ref$actionLabel = _ref.actionLabel,
@@ -12513,13 +12573,6 @@
   };
   Step.displayName = "Step";
 
-  var WizardContext = /*#__PURE__*/React.createContext({});
-  var WizardContextProvider = WizardContext.Provider;
-  var WizardContextConsumer = WizardContext.Consumer;
-  var useWizardContext = function useWizardContext() {
-    return React.useContext(WizardContext);
-  };
-
   var Wizard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
         open = _ref.open,
@@ -12844,8 +12897,6 @@
   exports.WarningTriangleSmallIcon = WarningTriangleSmallIcon$1;
   exports.Window = Window;
   exports.Wizard = Wizard;
-  exports.WizardContextConsumer = WizardContextConsumer;
-  exports.WizardContextProvider = WizardContextProvider;
   exports.WorkloadIcon = WorkloadIcon$1;
   exports.YearMonthPicker = YearMonthPicker;
   exports.isOptionGroup = isOptionGroup;