@laerdal/life-react-components 3.4.3 → 3.5.0

package/dist/Card/VerticalCard/CardMiddleSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardMiddleSection.cjs","names":["CardMiddleSectionContainer","styled","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","COLORS","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","ComponentTextStyle","Bold","black","neutral_600","map","x","index","label","variant","icon"],"sources":["../../../src/Card/VerticalCard/CardMiddleSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentS, ComponentTextStyle, ComponentXL, Tag, TagVariants } from '../../index';\nimport { ReactNode } from 'react';\n\nexport interface CardMiddleSectionProps {\n  colorBandColor?: string;\n  categoryIcon?: React.ReactNode;\n  categoryLabel?: string;\n  title: string;\n  description?: string;\n  tags?: CardTag[];\n  row2Tags?: CardTag[];\n  disabled?: boolean;\n}\n\nexport interface CardTag {\n  label: string;\n  variant?: TagVariants;\n  icon?: ReactNode\n}\n\nexport const CardMiddleSectionContainer = styled.div`\n  display: flex;\n  flex-grow: 1;\n  width: calc(100% - 32px);\n  position: relative;\n  flex-direction: column;\n  padding: 16px;\n  gap: 8px;\n\n  .descriptionBlock {\n    padding: 2px 0;\n  }\n\n  .titleBlock {\n    padding: 2px 0;\n  }\n`;\n\nexport const CardMiddleSectionColorBandStyles = styled.div<{ $color: string }>`\n  position: absolute;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  height: 8px;\n  background-color: ${(props) => props.$color};\n`;\n\nexport const CardMiddleSectionTagsStyles = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 4px 0;\n  gap: 4px;\n  flex-wrap: wrap;\n`;\n\nexport const CardMiddleSectionCategoryStyles = styled.div<{ extraTopMargin: boolean; bottomMargin: boolean }>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: none;\n  gap: 6px;\n\n  svg {\n    color: ${COLORS.neutral_500};\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n`;\n\nconst CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps> = ({\n  colorBandColor,\n  categoryIcon,\n  categoryLabel,\n  title,\n  description,\n  tags,\n  row2Tags,\n  disabled,\n}: CardMiddleSectionProps) => {\n  return (\n    <CardMiddleSectionContainer data-testid={'card-middleSection'} >\n      {colorBandColor && <CardMiddleSectionColorBandStyles $color={colorBandColor} />}\n      {\n        (categoryIcon || categoryLabel) &&\n        <CardMiddleSectionCategoryStyles extraTopMargin={Boolean(colorBandColor)} bottomMargin={Boolean(categoryIcon || categoryLabel)}>\n          {categoryIcon}\n          <ComponentS textStyle={ComponentTextStyle.Bold} color={COLORS.neutral_500}>\n            {categoryLabel}\n          </ComponentS>\n        </CardMiddleSectionCategoryStyles>\n      }\n      <ComponentXL className=\"titleBlock\" textStyle={ComponentTextStyle.Bold} color={disabled ? COLORS.neutral_500 : COLORS.black}>\n        {title}\n      </ComponentXL>\n      {description && (\n        <ComponentS className=\"descriptionBlock\" color={COLORS.neutral_600}>\n          {description}\n        </ComponentS>\n      )}\n      {tags && (\n        <CardMiddleSectionTagsStyles>\n          {tags.map((x, index) => (\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\n          ))}\n        </CardMiddleSectionTagsStyles>\n      )}\n      {row2Tags && (\n        <CardMiddleSectionTagsStyles>\n          {row2Tags.map((x, index) => (\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\n          ))}\n        </CardMiddleSectionTagsStyles>\n      )}\n    </CardMiddleSectionContainer>\n  );\n};\n\nexport default CardMiddleSection;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAoG;AAAA;AAAA;AAAA;AAoB7F,IAAMA,0BAA0B,GAAGC,yBAAM,CAACC,GAAG,sUAgBnD;AAAC;AAEK,IAAMC,gCAAgC,GAAGF,yBAAM,CAACC,GAAG,qMAMpC,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,EAC5C;AAAC;AAEK,IAAMC,2BAA2B,GAAGL,yBAAM,CAACC,GAAG,qLAMpD;AAAC;AAEK,IAAMK,+BAA+B,GAAGN,yBAAM,CAACC,GAAG,mQAQ5CM,aAAM,CAACC,WAAW,CAI9B;AAAC;AAEF,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkE,OAS1C;EAAA,IAR5BC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,oBACE,sBAAC,0BAA0B;IAAC,eAAa,oBAAqB;IAAA,WAC3DP,cAAc,iBAAI,qBAAC,gCAAgC;MAAC,MAAM,EAAEA;IAAe,EAAG,EAE7E,CAACC,YAAY,IAAIC,aAAa,kBAC9B,sBAAC,+BAA+B;MAAC,cAAc,EAAEM,OAAO,CAACR,cAAc,CAAE;MAAC,YAAY,EAAEQ,OAAO,CAACP,YAAY,IAAIC,aAAa,CAAE;MAAA,WAC5HD,YAAY,eACb,qBAAC,iBAAU;QAAC,SAAS,EAAEQ,yBAAkB,CAACC,IAAK;QAAC,KAAK,EAAEb,aAAM,CAACC,WAAY;QAAA,UACvEI;MAAa,EACH;IAAA,EACmB,eAEpC,qBAAC,kBAAW;MAAC,SAAS,EAAC,YAAY;MAAC,SAAS,EAAEO,yBAAkB,CAACC,IAAK;MAAC,KAAK,EAAEH,QAAQ,GAAGV,aAAM,CAACC,WAAW,GAAGD,aAAM,CAACc,KAAM;MAAA,UACzHR;IAAK,EACM,EACbC,WAAW,iBACV,qBAAC,iBAAU;MAAC,SAAS,EAAC,kBAAkB;MAAC,KAAK,EAAEP,aAAM,CAACe,WAAY;MAAA,UAChER;IAAW,EAEf,EACAC,IAAI,iBACH,qBAAC,2BAA2B;MAAA,UACzBA,IAAI,CAACQ,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACjB,qBAAC,UAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,gBAAEF,CAAC,CAACG,OAAO,mDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL,EACAT,QAAQ,iBACP,qBAAC,2BAA2B;MAAA,UACzBA,QAAQ,CAACO,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACrB,qBAAC,UAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,iBAAEF,CAAC,CAACG,OAAO,qDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL;EAAA,EAC0B;AAEjC,CAAC;AAAC,eAEahB,iBAAiB;AAAA"}
+{"version":3,"file":"CardMiddleSection.cjs","names":["CardMiddleSectionContainer","styled","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","COLORS","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","ComponentTextStyle","Bold","black","neutral_600","map","x","index","label","variant","icon"],"sources":["../../../src/Card/VerticalCard/CardMiddleSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentS, ComponentTextStyle, ComponentXL, Tag, TagVariants } from '../../index';\r\nimport { ReactNode } from 'react';\r\n\r\nexport interface CardMiddleSectionProps {\r\n  colorBandColor?: string;\r\n  categoryIcon?: React.ReactNode;\r\n  categoryLabel?: string;\r\n  title: string;\r\n  description?: string;\r\n  tags?: CardTag[];\r\n  row2Tags?: CardTag[];\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface CardTag {\r\n  label: string;\r\n  variant?: TagVariants;\r\n  icon?: ReactNode\r\n}\r\n\r\nexport const CardMiddleSectionContainer = styled.div`\r\n  display: flex;\r\n  flex-grow: 1;\r\n  width: calc(100% - 32px);\r\n  position: relative;\r\n  flex-direction: column;\r\n  padding: 16px;\r\n  gap: 8px;\r\n\r\n  .descriptionBlock {\r\n    padding: 2px 0;\r\n  }\r\n\r\n  .titleBlock {\r\n    padding: 2px 0;\r\n  }\r\n`;\r\n\r\nexport const CardMiddleSectionColorBandStyles = styled.div<{ $color: string }>`\r\n  position: absolute;\r\n  width: 100%;\r\n  top: 0px;\r\n  left: 0px;\r\n  height: 8px;\r\n  background-color: ${(props) => props.$color};\r\n`;\r\n\r\nexport const CardMiddleSectionTagsStyles = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px 0;\r\n  gap: 4px;\r\n  flex-wrap: wrap;\r\n`;\r\n\r\nexport const CardMiddleSectionCategoryStyles = styled.div<{ extraTopMargin: boolean; bottomMargin: boolean }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: none;\r\n  gap: 6px;\r\n\r\n  svg {\r\n    color: ${COLORS.neutral_500};\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nconst CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps> = ({\r\n  colorBandColor,\r\n  categoryIcon,\r\n  categoryLabel,\r\n  title,\r\n  description,\r\n  tags,\r\n  row2Tags,\r\n  disabled,\r\n}: CardMiddleSectionProps) => {\r\n  return (\r\n    <CardMiddleSectionContainer data-testid={'card-middleSection'} >\r\n      {colorBandColor && <CardMiddleSectionColorBandStyles $color={colorBandColor} />}\r\n      {\r\n        (categoryIcon || categoryLabel) &&\r\n        <CardMiddleSectionCategoryStyles extraTopMargin={Boolean(colorBandColor)} bottomMargin={Boolean(categoryIcon || categoryLabel)}>\r\n          {categoryIcon}\r\n          <ComponentS textStyle={ComponentTextStyle.Bold} color={COLORS.neutral_500}>\r\n            {categoryLabel}\r\n          </ComponentS>\r\n        </CardMiddleSectionCategoryStyles>\r\n      }\r\n      <ComponentXL className=\"titleBlock\" textStyle={ComponentTextStyle.Bold} color={disabled ? COLORS.neutral_500 : COLORS.black}>\r\n        {title}\r\n      </ComponentXL>\r\n      {description && (\r\n        <ComponentS className=\"descriptionBlock\" color={COLORS.neutral_600}>\r\n          {description}\r\n        </ComponentS>\r\n      )}\r\n      {tags && (\r\n        <CardMiddleSectionTagsStyles>\r\n          {tags.map((x, index) => (\r\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\r\n          ))}\r\n        </CardMiddleSectionTagsStyles>\r\n      )}\r\n      {row2Tags && (\r\n        <CardMiddleSectionTagsStyles>\r\n          {row2Tags.map((x, index) => (\r\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\r\n          ))}\r\n        </CardMiddleSectionTagsStyles>\r\n      )}\r\n    </CardMiddleSectionContainer>\r\n  );\r\n};\r\n\r\nexport default CardMiddleSection;\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAoG;AAAA;AAAA;AAAA;AAoB7F,IAAMA,0BAA0B,GAAGC,yBAAM,CAACC,GAAG,sUAgBnD;AAAC;AAEK,IAAMC,gCAAgC,GAAGF,yBAAM,CAACC,GAAG,qMAMpC,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,EAC5C;AAAC;AAEK,IAAMC,2BAA2B,GAAGL,yBAAM,CAACC,GAAG,qLAMpD;AAAC;AAEK,IAAMK,+BAA+B,GAAGN,yBAAM,CAACC,GAAG,mQAQ5CM,aAAM,CAACC,WAAW,CAI9B;AAAC;AAEF,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkE,OAS1C;EAAA,IAR5BC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,oBACE,sBAAC,0BAA0B;IAAC,eAAa,oBAAqB;IAAA,WAC3DP,cAAc,iBAAI,qBAAC,gCAAgC;MAAC,MAAM,EAAEA;IAAe,EAAG,EAE7E,CAACC,YAAY,IAAIC,aAAa,kBAC9B,sBAAC,+BAA+B;MAAC,cAAc,EAAEM,OAAO,CAACR,cAAc,CAAE;MAAC,YAAY,EAAEQ,OAAO,CAACP,YAAY,IAAIC,aAAa,CAAE;MAAA,WAC5HD,YAAY,eACb,qBAAC,iBAAU;QAAC,SAAS,EAAEQ,yBAAkB,CAACC,IAAK;QAAC,KAAK,EAAEb,aAAM,CAACC,WAAY;QAAA,UACvEI;MAAa,EACH;IAAA,EACmB,eAEpC,qBAAC,kBAAW;MAAC,SAAS,EAAC,YAAY;MAAC,SAAS,EAAEO,yBAAkB,CAACC,IAAK;MAAC,KAAK,EAAEH,QAAQ,GAAGV,aAAM,CAACC,WAAW,GAAGD,aAAM,CAACc,KAAM;MAAA,UACzHR;IAAK,EACM,EACbC,WAAW,iBACV,qBAAC,iBAAU;MAAC,SAAS,EAAC,kBAAkB;MAAC,KAAK,EAAEP,aAAM,CAACe,WAAY;MAAA,UAChER;IAAW,EAEf,EACAC,IAAI,iBACH,qBAAC,2BAA2B;MAAA,UACzBA,IAAI,CAACQ,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACjB,qBAAC,UAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,gBAAEF,CAAC,CAACG,OAAO,mDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL,EACAT,QAAQ,iBACP,qBAAC,2BAA2B;MAAA,UACzBA,QAAQ,CAACO,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACrB,qBAAC,UAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,iBAAEF,CAAC,CAACG,OAAO,qDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL;EAAA,EAC0B;AAEjC,CAAC;AAAC,eAEahB,iBAAiB;AAAA"}

package/dist/Card/VerticalCard/CardMiddleSection.d.ts

@@ -1,29 +1,29 @@
-import * as React from 'react';
-import { TagVariants } from '../../index';
-import { ReactNode } from 'react';
-export interface CardMiddleSectionProps {
-    colorBandColor?: string;
-    categoryIcon?: React.ReactNode;
-    categoryLabel?: string;
-    title: string;
-    description?: string;
-    tags?: CardTag[];
-    row2Tags?: CardTag[];
-    disabled?: boolean;
-}
-export interface CardTag {
-    label: string;
-    variant?: TagVariants;
-    icon?: ReactNode;
-}
-export declare const CardMiddleSectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CardMiddleSectionColorBandStyles: import("styled-components").StyledComponent<"div", any, {
-    $color: string;
-}, never>;
-export declare const CardMiddleSectionTagsStyles: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CardMiddleSectionCategoryStyles: import("styled-components").StyledComponent<"div", any, {
-    extraTopMargin: boolean;
-    bottomMargin: boolean;
-}, never>;
-declare const CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps>;
-export default CardMiddleSection;
+import * as React from 'react';
+import { TagVariants } from '../../index';
+import { ReactNode } from 'react';
+export interface CardMiddleSectionProps {
+    colorBandColor?: string;
+    categoryIcon?: React.ReactNode;
+    categoryLabel?: string;
+    title: string;
+    description?: string;
+    tags?: CardTag[];
+    row2Tags?: CardTag[];
+    disabled?: boolean;
+}
+export interface CardTag {
+    label: string;
+    variant?: TagVariants;
+    icon?: ReactNode;
+}
+export declare const CardMiddleSectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CardMiddleSectionColorBandStyles: import("styled-components").StyledComponent<"div", any, {
+    $color: string;
+}, never>;
+export declare const CardMiddleSectionTagsStyles: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CardMiddleSectionCategoryStyles: import("styled-components").StyledComponent<"div", any, {
+    extraTopMargin: boolean;
+    bottomMargin: boolean;
+}, never>;
+declare const CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps>;
+export default CardMiddleSection;

package/dist/Card/VerticalCard/CardMiddleSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardMiddleSection.js","names":["React","styled","COLORS","ComponentS","ComponentTextStyle","ComponentXL","Tag","CardMiddleSectionContainer","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","Bold","black","neutral_600","map","x","index","label","variant","icon"],"sources":["../../../src/Card/VerticalCard/CardMiddleSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentS, ComponentTextStyle, ComponentXL, Tag, TagVariants } from '../../index';\nimport { ReactNode } from 'react';\n\nexport interface CardMiddleSectionProps {\n  colorBandColor?: string;\n  categoryIcon?: React.ReactNode;\n  categoryLabel?: string;\n  title: string;\n  description?: string;\n  tags?: CardTag[];\n  row2Tags?: CardTag[];\n  disabled?: boolean;\n}\n\nexport interface CardTag {\n  label: string;\n  variant?: TagVariants;\n  icon?: ReactNode\n}\n\nexport const CardMiddleSectionContainer = styled.div`\n  display: flex;\n  flex-grow: 1;\n  width: calc(100% - 32px);\n  position: relative;\n  flex-direction: column;\n  padding: 16px;\n  gap: 8px;\n\n  .descriptionBlock {\n    padding: 2px 0;\n  }\n\n  .titleBlock {\n    padding: 2px 0;\n  }\n`;\n\nexport const CardMiddleSectionColorBandStyles = styled.div<{ $color: string }>`\n  position: absolute;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  height: 8px;\n  background-color: ${(props) => props.$color};\n`;\n\nexport const CardMiddleSectionTagsStyles = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 4px 0;\n  gap: 4px;\n  flex-wrap: wrap;\n`;\n\nexport const CardMiddleSectionCategoryStyles = styled.div<{ extraTopMargin: boolean; bottomMargin: boolean }>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: none;\n  gap: 6px;\n\n  svg {\n    color: ${COLORS.neutral_500};\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n`;\n\nconst CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps> = ({\n  colorBandColor,\n  categoryIcon,\n  categoryLabel,\n  title,\n  description,\n  tags,\n  row2Tags,\n  disabled,\n}: CardMiddleSectionProps) => {\n  return (\n    <CardMiddleSectionContainer data-testid={'card-middleSection'} >\n      {colorBandColor && <CardMiddleSectionColorBandStyles $color={colorBandColor} />}\n      {\n        (categoryIcon || categoryLabel) &&\n        <CardMiddleSectionCategoryStyles extraTopMargin={Boolean(colorBandColor)} bottomMargin={Boolean(categoryIcon || categoryLabel)}>\n          {categoryIcon}\n          <ComponentS textStyle={ComponentTextStyle.Bold} color={COLORS.neutral_500}>\n            {categoryLabel}\n          </ComponentS>\n        </CardMiddleSectionCategoryStyles>\n      }\n      <ComponentXL className=\"titleBlock\" textStyle={ComponentTextStyle.Bold} color={disabled ? COLORS.neutral_500 : COLORS.black}>\n        {title}\n      </ComponentXL>\n      {description && (\n        <ComponentS className=\"descriptionBlock\" color={COLORS.neutral_600}>\n          {description}\n        </ComponentS>\n      )}\n      {tags && (\n        <CardMiddleSectionTagsStyles>\n          {tags.map((x, index) => (\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\n          ))}\n        </CardMiddleSectionTagsStyles>\n      )}\n      {row2Tags && (\n        <CardMiddleSectionTagsStyles>\n          {row2Tags.map((x, index) => (\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\n          ))}\n        </CardMiddleSectionTagsStyles>\n      )}\n    </CardMiddleSectionContainer>\n  );\n};\n\nexport default CardMiddleSection;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,UAAU,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,GAAG,QAAqB,aAAa;AAAC;AAAA;AAoBpG,OAAO,IAAMC,0BAA0B,GAAGN,MAAM,CAACO,GAAG,wTAgBnD;AAED,OAAO,IAAMC,gCAAgC,GAAGR,MAAM,CAACO,GAAG,uLAMpC,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,EAC5C;AAED,OAAO,IAAMC,2BAA2B,GAAGX,MAAM,CAACO,GAAG,uKAMpD;AAED,OAAO,IAAMK,+BAA+B,GAAGZ,MAAM,CAACO,GAAG,qPAQ5CN,MAAM,CAACY,WAAW,CAI9B;AAED,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkE,OAS1C;EAAA,IAR5BC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,oBACE,MAAC,0BAA0B;IAAC,eAAa,oBAAqB;IAAA,WAC3DP,cAAc,iBAAI,KAAC,gCAAgC;MAAC,MAAM,EAAEA;IAAe,EAAG,EAE7E,CAACC,YAAY,IAAIC,aAAa,kBAC9B,MAAC,+BAA+B;MAAC,cAAc,EAAEM,OAAO,CAACR,cAAc,CAAE;MAAC,YAAY,EAAEQ,OAAO,CAACP,YAAY,IAAIC,aAAa,CAAE;MAAA,WAC5HD,YAAY,eACb,KAAC,UAAU;QAAC,SAAS,EAAEb,kBAAkB,CAACqB,IAAK;QAAC,KAAK,EAAEvB,MAAM,CAACY,WAAY;QAAA,UACvEI;MAAa,EACH;IAAA,EACmB,eAEpC,KAAC,WAAW;MAAC,SAAS,EAAC,YAAY;MAAC,SAAS,EAAEd,kBAAkB,CAACqB,IAAK;MAAC,KAAK,EAAEF,QAAQ,GAAGrB,MAAM,CAACY,WAAW,GAAGZ,MAAM,CAACwB,KAAM;MAAA,UACzHP;IAAK,EACM,EACbC,WAAW,iBACV,KAAC,UAAU;MAAC,SAAS,EAAC,kBAAkB;MAAC,KAAK,EAAElB,MAAM,CAACyB,WAAY;MAAA,UAChEP;IAAW,EAEf,EACAC,IAAI,iBACH,KAAC,2BAA2B;MAAA,UACzBA,IAAI,CAACO,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACjB,KAAC,GAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,gBAAEF,CAAC,CAACG,OAAO,mDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL,EACAR,QAAQ,iBACP,KAAC,2BAA2B;MAAA,UACzBA,QAAQ,CAACM,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACrB,KAAC,GAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,iBAAEF,CAAC,CAACG,OAAO,qDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL;EAAA,EAC0B;AAEjC,CAAC;AAED,eAAef,iBAAiB"}
+{"version":3,"file":"CardMiddleSection.js","names":["React","styled","COLORS","ComponentS","ComponentTextStyle","ComponentXL","Tag","CardMiddleSectionContainer","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","Bold","black","neutral_600","map","x","index","label","variant","icon"],"sources":["../../../src/Card/VerticalCard/CardMiddleSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentS, ComponentTextStyle, ComponentXL, Tag, TagVariants } from '../../index';\r\nimport { ReactNode } from 'react';\r\n\r\nexport interface CardMiddleSectionProps {\r\n  colorBandColor?: string;\r\n  categoryIcon?: React.ReactNode;\r\n  categoryLabel?: string;\r\n  title: string;\r\n  description?: string;\r\n  tags?: CardTag[];\r\n  row2Tags?: CardTag[];\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface CardTag {\r\n  label: string;\r\n  variant?: TagVariants;\r\n  icon?: ReactNode\r\n}\r\n\r\nexport const CardMiddleSectionContainer = styled.div`\r\n  display: flex;\r\n  flex-grow: 1;\r\n  width: calc(100% - 32px);\r\n  position: relative;\r\n  flex-direction: column;\r\n  padding: 16px;\r\n  gap: 8px;\r\n\r\n  .descriptionBlock {\r\n    padding: 2px 0;\r\n  }\r\n\r\n  .titleBlock {\r\n    padding: 2px 0;\r\n  }\r\n`;\r\n\r\nexport const CardMiddleSectionColorBandStyles = styled.div<{ $color: string }>`\r\n  position: absolute;\r\n  width: 100%;\r\n  top: 0px;\r\n  left: 0px;\r\n  height: 8px;\r\n  background-color: ${(props) => props.$color};\r\n`;\r\n\r\nexport const CardMiddleSectionTagsStyles = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px 0;\r\n  gap: 4px;\r\n  flex-wrap: wrap;\r\n`;\r\n\r\nexport const CardMiddleSectionCategoryStyles = styled.div<{ extraTopMargin: boolean; bottomMargin: boolean }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: none;\r\n  gap: 6px;\r\n\r\n  svg {\r\n    color: ${COLORS.neutral_500};\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nconst CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps> = ({\r\n  colorBandColor,\r\n  categoryIcon,\r\n  categoryLabel,\r\n  title,\r\n  description,\r\n  tags,\r\n  row2Tags,\r\n  disabled,\r\n}: CardMiddleSectionProps) => {\r\n  return (\r\n    <CardMiddleSectionContainer data-testid={'card-middleSection'} >\r\n      {colorBandColor && <CardMiddleSectionColorBandStyles $color={colorBandColor} />}\r\n      {\r\n        (categoryIcon || categoryLabel) &&\r\n        <CardMiddleSectionCategoryStyles extraTopMargin={Boolean(colorBandColor)} bottomMargin={Boolean(categoryIcon || categoryLabel)}>\r\n          {categoryIcon}\r\n          <ComponentS textStyle={ComponentTextStyle.Bold} color={COLORS.neutral_500}>\r\n            {categoryLabel}\r\n          </ComponentS>\r\n        </CardMiddleSectionCategoryStyles>\r\n      }\r\n      <ComponentXL className=\"titleBlock\" textStyle={ComponentTextStyle.Bold} color={disabled ? COLORS.neutral_500 : COLORS.black}>\r\n        {title}\r\n      </ComponentXL>\r\n      {description && (\r\n        <ComponentS className=\"descriptionBlock\" color={COLORS.neutral_600}>\r\n          {description}\r\n        </ComponentS>\r\n      )}\r\n      {tags && (\r\n        <CardMiddleSectionTagsStyles>\r\n          {tags.map((x, index) => (\r\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\r\n          ))}\r\n        </CardMiddleSectionTagsStyles>\r\n      )}\r\n      {row2Tags && (\r\n        <CardMiddleSectionTagsStyles>\r\n          {row2Tags.map((x, index) => (\r\n            <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} icon={x.icon} />\r\n          ))}\r\n        </CardMiddleSectionTagsStyles>\r\n      )}\r\n    </CardMiddleSectionContainer>\r\n  );\r\n};\r\n\r\nexport default CardMiddleSection;\r\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,UAAU,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,GAAG,QAAqB,aAAa;AAAC;AAAA;AAoBpG,OAAO,IAAMC,0BAA0B,GAAGN,MAAM,CAACO,GAAG,wTAgBnD;AAED,OAAO,IAAMC,gCAAgC,GAAGR,MAAM,CAACO,GAAG,uLAMpC,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,EAC5C;AAED,OAAO,IAAMC,2BAA2B,GAAGX,MAAM,CAACO,GAAG,uKAMpD;AAED,OAAO,IAAMK,+BAA+B,GAAGZ,MAAM,CAACO,GAAG,qPAQ5CN,MAAM,CAACY,WAAW,CAI9B;AAED,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkE,OAS1C;EAAA,IAR5BC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,oBACE,MAAC,0BAA0B;IAAC,eAAa,oBAAqB;IAAA,WAC3DP,cAAc,iBAAI,KAAC,gCAAgC;MAAC,MAAM,EAAEA;IAAe,EAAG,EAE7E,CAACC,YAAY,IAAIC,aAAa,kBAC9B,MAAC,+BAA+B;MAAC,cAAc,EAAEM,OAAO,CAACR,cAAc,CAAE;MAAC,YAAY,EAAEQ,OAAO,CAACP,YAAY,IAAIC,aAAa,CAAE;MAAA,WAC5HD,YAAY,eACb,KAAC,UAAU;QAAC,SAAS,EAAEb,kBAAkB,CAACqB,IAAK;QAAC,KAAK,EAAEvB,MAAM,CAACY,WAAY;QAAA,UACvEI;MAAa,EACH;IAAA,EACmB,eAEpC,KAAC,WAAW;MAAC,SAAS,EAAC,YAAY;MAAC,SAAS,EAAEd,kBAAkB,CAACqB,IAAK;MAAC,KAAK,EAAEF,QAAQ,GAAGrB,MAAM,CAACY,WAAW,GAAGZ,MAAM,CAACwB,KAAM;MAAA,UACzHP;IAAK,EACM,EACbC,WAAW,iBACV,KAAC,UAAU;MAAC,SAAS,EAAC,kBAAkB;MAAC,KAAK,EAAElB,MAAM,CAACyB,WAAY;MAAA,UAChEP;IAAW,EAEf,EACAC,IAAI,iBACH,KAAC,2BAA2B;MAAA,UACzBA,IAAI,CAACO,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACjB,KAAC,GAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,gBAAEF,CAAC,CAACG,OAAO,mDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL,EACAR,QAAQ,iBACP,KAAC,2BAA2B;MAAA,UACzBA,QAAQ,CAACM,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACrB,KAAC,GAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,iBAAEF,CAAC,CAACG,OAAO,qDAAI,SAAU;UAAC,IAAI,EAAEH,CAAC,CAACI;QAAK,aAAlFJ,CAAC,CAACE,KAAK,cAAID,KAAK,EAAqE;MAAA,CACnG;IAAC,EAEL;EAAA,EAC0B;AAEjC,CAAC;AAED,eAAef,iBAAiB"}

package/dist/Card/VerticalCard/CardTopSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardTopSection.cjs","names":["CardTopSectionImageContainer","styled","div","CardTopSectionTagContainer","CardTopSectionContainer","props","disabled","CardTopSectionRibbonContainer","$backgroundColor","$color","CardTopSectionCheckboxContainer","COLORS","white","CardTopSection","React","forwardRef","ref","selected","setSelected","image","tagLabel","tagIcon","tagVariant","highlightRibbonIcon","highlightRibbonText","highlightRibbonContentColor","highlightRibbonBgColor","height","fallbackSrc","src","alt","loader","width","neutral_300","ComponentTextStyle","Regular"],"sources":["../../../src/Card/VerticalCard/CardTopSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {ComponentS, ComponentTextStyle} from '../../styles/typography';\nimport Checkbox from '../../InputFields/Checkbox';\nimport {Tag, TagVariants} from '../../Tag';\n\nimport {COLORS} from '../../index';\nimport {ImageWithFallbacks} from \"../../Image\";\n\nexport interface CardTopSectionProps {\n  selected?: boolean;\n  setSelected?: (arg0: boolean) => void;\n  tagLabel?: string;\n  tagIcon?: React.ReactNode;\n  tagVariant?: TagVariants;\n  highlightRibbonText?: string;\n  highlightRibbonIcon?: React.ReactNode;\n  highlightRibbonContentColor?: string;\n  highlightRibbonBgColor?: string;\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n  disabled?: boolean;\n}\n\nexport const CardTopSectionImageContainer = styled.div`\n  border-top-right-radius: 8px;\n  border-top-left-radius: 8px;\n  height: 100%;\n  width: 100%;\n  img{\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n    border-top-right-radius: 8px;\n    border-top-left-radius: 8px;\n  }\n`;\n\nexport const CardTopSectionTagContainer = styled.div`\n  position: absolute;\n\n  top: 16px;\n  left: 16px;\n  width: calc(100% - 32px);\n`;\n\nexport const CardTopSectionContainer = styled.div<{ disabled?: boolean }>`\n  position: relative;\n  width: 100%;\n  overflow: visible;\n\n  ${props => props.disabled ? `\n  img, svg {\n    filter: grayscale(100%);\n  }` : ''}\n`;\n\nexport const CardTopSectionRibbonContainer = styled.div<{ $color: string; $backgroundColor: string }>`\n  min-height: calc(40px - 16px);\n  background-color: ${props => props.$backgroundColor};\n  width: calc(100% - 32px);\n  position: absolute;\n  bottom: 0px;\n  left: 0px;\n  padding: 8px 16px 8px 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n\n  svg {\n    color: ${props => props.$color};\n    width: 24px;\n    height: 24px;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n`;\n\nexport const CardTopSectionCheckboxContainer = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 1;\n\n  .checkbox-icon {\n    background-color: ${COLORS.white};\n  }\n`;\n\nconst CardTopSection = React.forwardRef(({\n                                           selected,\n                                           setSelected,\n                                           image,\n                                           tagLabel,\n                                           tagIcon,\n                                           tagVariant = 'positive',\n                                           highlightRibbonIcon,\n                                           highlightRibbonText,\n                                           highlightRibbonContentColor,\n                                           highlightRibbonBgColor,\n                                           disabled\n                                         }: CardTopSectionProps, ref: React.Ref<HTMLDivElement>) => {\n\n  return (\n    <CardTopSectionContainer disabled={disabled} data-testid={'card-topSection'} style={{height: image?.height ?? 200}}>\n      {\n        image &&\n        <CardTopSectionImageContainer>\n            <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt} loader={image.loader ?? false} width={image.width} height={image.height}/>\n        </CardTopSectionImageContainer>\n      }\n      {(!!selected || !!setSelected) && (\n        <CardTopSectionCheckboxContainer data-testid={'card-topSection-checkbox'}>\n          <Checkbox ref={ref}\n                    disabled={disabled}\n                    select={(selected: boolean) => setSelected && setSelected(selected)}\n                    selected={selected || false}/>\n        </CardTopSectionCheckboxContainer>\n      )}\n      {(tagLabel || tagIcon) && (\n        <CardTopSectionTagContainer>\n          <Tag label={tagLabel} variant={tagVariant} icon={tagIcon}/>\n        </CardTopSectionTagContainer>\n      )}\n      {(highlightRibbonIcon || highlightRibbonText) && (\n        <CardTopSectionRibbonContainer data-testid={'card-topSection-ribbon'} $color={highlightRibbonContentColor ?? ''}\n                             $backgroundColor={disabled ? COLORS.neutral_300 : highlightRibbonBgColor ?? ''}>\n          {highlightRibbonIcon}\n          {highlightRibbonText && (\n            <ComponentS color={highlightRibbonContentColor ?? ''} textStyle={ComponentTextStyle.Regular}>\n              {highlightRibbonText}\n            </ComponentS>\n          )}\n        </CardTopSectionRibbonContainer>\n      )}\n    </CardTopSectionContainer>\n  );\n});\n\nexport default CardTopSection;\n"],"mappings":"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"}
+{"version":3,"file":"CardTopSection.cjs","names":["CardTopSectionImageContainer","styled","div","CardTopSectionTagContainer","CardTopSectionContainer","props","disabled","CardTopSectionRibbonContainer","$backgroundColor","$color","CardTopSectionCheckboxContainer","COLORS","white","CardTopSection","React","forwardRef","ref","selected","setSelected","image","tagLabel","tagIcon","tagVariant","highlightRibbonIcon","highlightRibbonText","highlightRibbonContentColor","highlightRibbonBgColor","height","fallbackSrc","src","alt","loader","width","neutral_300","ComponentTextStyle","Regular"],"sources":["../../../src/Card/VerticalCard/CardTopSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {ComponentS, ComponentTextStyle} from '../../styles/typography';\r\nimport Checkbox from '../../InputFields/Checkbox';\r\nimport {Tag, TagVariants} from '../../Tag';\r\n\r\nimport {COLORS} from '../../index';\r\nimport {ImageWithFallbacks} from \"../../Image\";\r\n\r\nexport interface CardTopSectionProps {\r\n  selected?: boolean;\r\n  setSelected?: (arg0: boolean) => void;\r\n  tagLabel?: string;\r\n  tagIcon?: React.ReactNode;\r\n  tagVariant?: TagVariants;\r\n  highlightRibbonText?: string;\r\n  highlightRibbonIcon?: React.ReactNode;\r\n  highlightRibbonContentColor?: string;\r\n  highlightRibbonBgColor?: string;\r\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const CardTopSectionImageContainer = styled.div`\r\n  border-top-right-radius: 8px;\r\n  border-top-left-radius: 8px;\r\n  height: 100%;\r\n  width: 100%;\r\n  img{\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-top-right-radius: 8px;\r\n    border-top-left-radius: 8px;\r\n  }\r\n`;\r\n\r\nexport const CardTopSectionTagContainer = styled.div`\r\n  position: absolute;\r\n\r\n  top: 16px;\r\n  left: 16px;\r\n  width: calc(100% - 32px);\r\n`;\r\n\r\nexport const CardTopSectionContainer = styled.div<{ disabled?: boolean }>`\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: visible;\r\n\r\n  ${props => props.disabled ? `\r\n  img, svg {\r\n    filter: grayscale(100%);\r\n  }` : ''}\r\n`;\r\n\r\nexport const CardTopSectionRibbonContainer = styled.div<{ $color: string; $backgroundColor: string }>`\r\n  min-height: calc(40px - 16px);\r\n  background-color: ${props => props.$backgroundColor};\r\n  width: calc(100% - 32px);\r\n  position: absolute;\r\n  bottom: 0px;\r\n  left: 0px;\r\n  padding: 8px 16px 8px 16px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  svg {\r\n    color: ${props => props.$color};\r\n    width: 24px;\r\n    height: 24px;\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nexport const CardTopSectionCheckboxContainer = styled.div`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  z-index: 1;\r\n\r\n  .checkbox-icon {\r\n    background-color: ${COLORS.white};\r\n  }\r\n`;\r\n\r\nconst CardTopSection = React.forwardRef(({\r\n                                           selected,\r\n                                           setSelected,\r\n                                           image,\r\n                                           tagLabel,\r\n                                           tagIcon,\r\n                                           tagVariant = 'positive',\r\n                                           highlightRibbonIcon,\r\n                                           highlightRibbonText,\r\n                                           highlightRibbonContentColor,\r\n                                           highlightRibbonBgColor,\r\n                                           disabled\r\n                                         }: CardTopSectionProps, ref: React.Ref<HTMLDivElement>) => {\r\n\r\n  return (\r\n    <CardTopSectionContainer disabled={disabled} data-testid={'card-topSection'} style={{height: image?.height ?? 200}}>\r\n      {\r\n        image &&\r\n        <CardTopSectionImageContainer>\r\n            <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt} loader={image.loader ?? false} width={image.width} height={image.height}/>\r\n        </CardTopSectionImageContainer>\r\n      }\r\n      {(!!selected || !!setSelected) && (\r\n        <CardTopSectionCheckboxContainer data-testid={'card-topSection-checkbox'}>\r\n          <Checkbox ref={ref}\r\n                    disabled={disabled}\r\n                    select={(selected: boolean) => setSelected && setSelected(selected)}\r\n                    selected={selected || false}/>\r\n        </CardTopSectionCheckboxContainer>\r\n      )}\r\n      {(tagLabel || tagIcon) && (\r\n        <CardTopSectionTagContainer>\r\n          <Tag label={tagLabel} variant={tagVariant} icon={tagIcon}/>\r\n        </CardTopSectionTagContainer>\r\n      )}\r\n      {(highlightRibbonIcon || highlightRibbonText) && (\r\n        <CardTopSectionRibbonContainer data-testid={'card-topSection-ribbon'} $color={highlightRibbonContentColor ?? ''}\r\n                             $backgroundColor={disabled ? COLORS.neutral_300 : highlightRibbonBgColor ?? ''}>\r\n          {highlightRibbonIcon}\r\n          {highlightRibbonText && (\r\n            <ComponentS color={highlightRibbonContentColor ?? ''} textStyle={ComponentTextStyle.Regular}>\r\n              {highlightRibbonText}\r\n            </ComponentS>\r\n          )}\r\n        </CardTopSectionRibbonContainer>\r\n      )}\r\n    </CardTopSectionContainer>\r\n  );\r\n});\r\n\r\nexport default CardTopSection;\r\n"],"mappings":"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"}

package/dist/Card/VerticalCard/CardTopSection.d.ts

@@ -1,34 +1,34 @@
-import * as React from 'react';
-import { TagVariants } from '../../Tag';
-export interface CardTopSectionProps {
-    selected?: boolean;
-    setSelected?: (arg0: boolean) => void;
-    tagLabel?: string;
-    tagIcon?: React.ReactNode;
-    tagVariant?: TagVariants;
-    highlightRibbonText?: string;
-    highlightRibbonIcon?: React.ReactNode;
-    highlightRibbonContentColor?: string;
-    highlightRibbonBgColor?: string;
-    image?: {
-        src: string;
-        fallbackSrc?: string;
-        alt: string;
-        height?: string;
-        width?: string;
-        loader?: boolean;
-    };
-    disabled?: boolean;
-}
-export declare const CardTopSectionImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CardTopSectionTagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CardTopSectionContainer: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-}, never>;
-export declare const CardTopSectionRibbonContainer: import("styled-components").StyledComponent<"div", any, {
-    $color: string;
-    $backgroundColor: string;
-}, never>;
-export declare const CardTopSectionCheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CardTopSection: React.ForwardRefExoticComponent<CardTopSectionProps & React.RefAttributes<HTMLDivElement>>;
-export default CardTopSection;
+import * as React from 'react';
+import { TagVariants } from '../../Tag';
+export interface CardTopSectionProps {
+    selected?: boolean;
+    setSelected?: (arg0: boolean) => void;
+    tagLabel?: string;
+    tagIcon?: React.ReactNode;
+    tagVariant?: TagVariants;
+    highlightRibbonText?: string;
+    highlightRibbonIcon?: React.ReactNode;
+    highlightRibbonContentColor?: string;
+    highlightRibbonBgColor?: string;
+    image?: {
+        src: string;
+        fallbackSrc?: string;
+        alt: string;
+        height?: string;
+        width?: string;
+        loader?: boolean;
+    };
+    disabled?: boolean;
+}
+export declare const CardTopSectionImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CardTopSectionTagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CardTopSectionContainer: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const CardTopSectionRibbonContainer: import("styled-components").StyledComponent<"div", any, {
+    $color: string;
+    $backgroundColor: string;
+}, never>;
+export declare const CardTopSectionCheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CardTopSection: React.ForwardRefExoticComponent<CardTopSectionProps & React.RefAttributes<HTMLDivElement>>;
+export default CardTopSection;

package/dist/Card/VerticalCard/CardTopSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTopSection.js","names":["React","styled","ComponentS","ComponentTextStyle","Checkbox","Tag","COLORS","ImageWithFallbacks","CardTopSectionImageContainer","div","CardTopSectionTagContainer","CardTopSectionContainer","props","disabled","CardTopSectionRibbonContainer","$backgroundColor","$color","CardTopSectionCheckboxContainer","white","CardTopSection","forwardRef","ref","selected","setSelected","image","tagLabel","tagIcon","tagVariant","highlightRibbonIcon","highlightRibbonText","highlightRibbonContentColor","highlightRibbonBgColor","height","fallbackSrc","src","alt","loader","width","neutral_300","Regular"],"sources":["../../../src/Card/VerticalCard/CardTopSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {ComponentS, ComponentTextStyle} from '../../styles/typography';\nimport Checkbox from '../../InputFields/Checkbox';\nimport {Tag, TagVariants} from '../../Tag';\n\nimport {COLORS} from '../../index';\nimport {ImageWithFallbacks} from \"../../Image\";\n\nexport interface CardTopSectionProps {\n  selected?: boolean;\n  setSelected?: (arg0: boolean) => void;\n  tagLabel?: string;\n  tagIcon?: React.ReactNode;\n  tagVariant?: TagVariants;\n  highlightRibbonText?: string;\n  highlightRibbonIcon?: React.ReactNode;\n  highlightRibbonContentColor?: string;\n  highlightRibbonBgColor?: string;\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n  disabled?: boolean;\n}\n\nexport const CardTopSectionImageContainer = styled.div`\n  border-top-right-radius: 8px;\n  border-top-left-radius: 8px;\n  height: 100%;\n  width: 100%;\n  img{\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n    border-top-right-radius: 8px;\n    border-top-left-radius: 8px;\n  }\n`;\n\nexport const CardTopSectionTagContainer = styled.div`\n  position: absolute;\n\n  top: 16px;\n  left: 16px;\n  width: calc(100% - 32px);\n`;\n\nexport const CardTopSectionContainer = styled.div<{ disabled?: boolean }>`\n  position: relative;\n  width: 100%;\n  overflow: visible;\n\n  ${props => props.disabled ? `\n  img, svg {\n    filter: grayscale(100%);\n  }` : ''}\n`;\n\nexport const CardTopSectionRibbonContainer = styled.div<{ $color: string; $backgroundColor: string }>`\n  min-height: calc(40px - 16px);\n  background-color: ${props => props.$backgroundColor};\n  width: calc(100% - 32px);\n  position: absolute;\n  bottom: 0px;\n  left: 0px;\n  padding: 8px 16px 8px 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n\n  svg {\n    color: ${props => props.$color};\n    width: 24px;\n    height: 24px;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n`;\n\nexport const CardTopSectionCheckboxContainer = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 1;\n\n  .checkbox-icon {\n    background-color: ${COLORS.white};\n  }\n`;\n\nconst CardTopSection = React.forwardRef(({\n                                           selected,\n                                           setSelected,\n                                           image,\n                                           tagLabel,\n                                           tagIcon,\n                                           tagVariant = 'positive',\n                                           highlightRibbonIcon,\n                                           highlightRibbonText,\n                                           highlightRibbonContentColor,\n                                           highlightRibbonBgColor,\n                                           disabled\n                                         }: CardTopSectionProps, ref: React.Ref<HTMLDivElement>) => {\n\n  return (\n    <CardTopSectionContainer disabled={disabled} data-testid={'card-topSection'} style={{height: image?.height ?? 200}}>\n      {\n        image &&\n        <CardTopSectionImageContainer>\n            <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt} loader={image.loader ?? false} width={image.width} height={image.height}/>\n        </CardTopSectionImageContainer>\n      }\n      {(!!selected || !!setSelected) && (\n        <CardTopSectionCheckboxContainer data-testid={'card-topSection-checkbox'}>\n          <Checkbox ref={ref}\n                    disabled={disabled}\n                    select={(selected: boolean) => setSelected && setSelected(selected)}\n                    selected={selected || false}/>\n        </CardTopSectionCheckboxContainer>\n      )}\n      {(tagLabel || tagIcon) && (\n        <CardTopSectionTagContainer>\n          <Tag label={tagLabel} variant={tagVariant} icon={tagIcon}/>\n        </CardTopSectionTagContainer>\n      )}\n      {(highlightRibbonIcon || highlightRibbonText) && (\n        <CardTopSectionRibbonContainer data-testid={'card-topSection-ribbon'} $color={highlightRibbonContentColor ?? ''}\n                             $backgroundColor={disabled ? COLORS.neutral_300 : highlightRibbonBgColor ?? ''}>\n          {highlightRibbonIcon}\n          {highlightRibbonText && (\n            <ComponentS color={highlightRibbonContentColor ?? ''} textStyle={ComponentTextStyle.Regular}>\n              {highlightRibbonText}\n            </ComponentS>\n          )}\n        </CardTopSectionRibbonContainer>\n      )}\n    </CardTopSectionContainer>\n  );\n});\n\nexport default CardTopSection;\n"],"mappings":"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"}
+{"version":3,"file":"CardTopSection.js","names":["React","styled","ComponentS","ComponentTextStyle","Checkbox","Tag","COLORS","ImageWithFallbacks","CardTopSectionImageContainer","div","CardTopSectionTagContainer","CardTopSectionContainer","props","disabled","CardTopSectionRibbonContainer","$backgroundColor","$color","CardTopSectionCheckboxContainer","white","CardTopSection","forwardRef","ref","selected","setSelected","image","tagLabel","tagIcon","tagVariant","highlightRibbonIcon","highlightRibbonText","highlightRibbonContentColor","highlightRibbonBgColor","height","fallbackSrc","src","alt","loader","width","neutral_300","Regular"],"sources":["../../../src/Card/VerticalCard/CardTopSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {ComponentS, ComponentTextStyle} from '../../styles/typography';\r\nimport Checkbox from '../../InputFields/Checkbox';\r\nimport {Tag, TagVariants} from '../../Tag';\r\n\r\nimport {COLORS} from '../../index';\r\nimport {ImageWithFallbacks} from \"../../Image\";\r\n\r\nexport interface CardTopSectionProps {\r\n  selected?: boolean;\r\n  setSelected?: (arg0: boolean) => void;\r\n  tagLabel?: string;\r\n  tagIcon?: React.ReactNode;\r\n  tagVariant?: TagVariants;\r\n  highlightRibbonText?: string;\r\n  highlightRibbonIcon?: React.ReactNode;\r\n  highlightRibbonContentColor?: string;\r\n  highlightRibbonBgColor?: string;\r\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const CardTopSectionImageContainer = styled.div`\r\n  border-top-right-radius: 8px;\r\n  border-top-left-radius: 8px;\r\n  height: 100%;\r\n  width: 100%;\r\n  img{\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-top-right-radius: 8px;\r\n    border-top-left-radius: 8px;\r\n  }\r\n`;\r\n\r\nexport const CardTopSectionTagContainer = styled.div`\r\n  position: absolute;\r\n\r\n  top: 16px;\r\n  left: 16px;\r\n  width: calc(100% - 32px);\r\n`;\r\n\r\nexport const CardTopSectionContainer = styled.div<{ disabled?: boolean }>`\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: visible;\r\n\r\n  ${props => props.disabled ? `\r\n  img, svg {\r\n    filter: grayscale(100%);\r\n  }` : ''}\r\n`;\r\n\r\nexport const CardTopSectionRibbonContainer = styled.div<{ $color: string; $backgroundColor: string }>`\r\n  min-height: calc(40px - 16px);\r\n  background-color: ${props => props.$backgroundColor};\r\n  width: calc(100% - 32px);\r\n  position: absolute;\r\n  bottom: 0px;\r\n  left: 0px;\r\n  padding: 8px 16px 8px 16px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  svg {\r\n    color: ${props => props.$color};\r\n    width: 24px;\r\n    height: 24px;\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nexport const CardTopSectionCheckboxContainer = styled.div`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  z-index: 1;\r\n\r\n  .checkbox-icon {\r\n    background-color: ${COLORS.white};\r\n  }\r\n`;\r\n\r\nconst CardTopSection = React.forwardRef(({\r\n                                           selected,\r\n                                           setSelected,\r\n                                           image,\r\n                                           tagLabel,\r\n                                           tagIcon,\r\n                                           tagVariant = 'positive',\r\n                                           highlightRibbonIcon,\r\n                                           highlightRibbonText,\r\n                                           highlightRibbonContentColor,\r\n                                           highlightRibbonBgColor,\r\n                                           disabled\r\n                                         }: CardTopSectionProps, ref: React.Ref<HTMLDivElement>) => {\r\n\r\n  return (\r\n    <CardTopSectionContainer disabled={disabled} data-testid={'card-topSection'} style={{height: image?.height ?? 200}}>\r\n      {\r\n        image &&\r\n        <CardTopSectionImageContainer>\r\n            <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt} loader={image.loader ?? false} width={image.width} height={image.height}/>\r\n        </CardTopSectionImageContainer>\r\n      }\r\n      {(!!selected || !!setSelected) && (\r\n        <CardTopSectionCheckboxContainer data-testid={'card-topSection-checkbox'}>\r\n          <Checkbox ref={ref}\r\n                    disabled={disabled}\r\n                    select={(selected: boolean) => setSelected && setSelected(selected)}\r\n                    selected={selected || false}/>\r\n        </CardTopSectionCheckboxContainer>\r\n      )}\r\n      {(tagLabel || tagIcon) && (\r\n        <CardTopSectionTagContainer>\r\n          <Tag label={tagLabel} variant={tagVariant} icon={tagIcon}/>\r\n        </CardTopSectionTagContainer>\r\n      )}\r\n      {(highlightRibbonIcon || highlightRibbonText) && (\r\n        <CardTopSectionRibbonContainer data-testid={'card-topSection-ribbon'} $color={highlightRibbonContentColor ?? ''}\r\n                             $backgroundColor={disabled ? COLORS.neutral_300 : highlightRibbonBgColor ?? ''}>\r\n          {highlightRibbonIcon}\r\n          {highlightRibbonText && (\r\n            <ComponentS color={highlightRibbonContentColor ?? ''} textStyle={ComponentTextStyle.Regular}>\r\n              {highlightRibbonText}\r\n            </ComponentS>\r\n          )}\r\n        </CardTopSectionRibbonContainer>\r\n      )}\r\n    </CardTopSectionContainer>\r\n  );\r\n});\r\n\r\nexport default CardTopSection;\r\n"],"mappings":"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"}

package/dist/Card/VerticalCard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\n\nexport {default as CardBottomSection} from './CardBottomSection';\nexport * from './CardBottomSection';\nexport {default as CardMiddleSection} from './CardMiddleSection';\nexport * from './CardMiddleSection';\nexport {default as CardTopSection} from './CardTopSection';\nexport * from './CardTopSection';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAiC;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\r\n\r\nexport {default as CardBottomSection} from './CardBottomSection';\r\nexport * from './CardBottomSection';\r\nexport {default as CardMiddleSection} from './CardMiddleSection';\r\nexport * from './CardMiddleSection';\r\nexport {default as CardTopSection} from './CardTopSection';\r\nexport * from './CardTopSection';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAiC;AAAA"}

package/dist/Card/VerticalCard/index.d.ts

@@ -1,7 +1,7 @@
-export { default as Card } from './Card';
-export { default as CardBottomSection } from './CardBottomSection';
-export * from './CardBottomSection';
-export { default as CardMiddleSection } from './CardMiddleSection';
-export * from './CardMiddleSection';
-export { default as CardTopSection } from './CardTopSection';
-export * from './CardTopSection';
+export { default as Card } from './Card';
+export { default as CardBottomSection } from './CardBottomSection';
+export * from './CardBottomSection';
+export { default as CardMiddleSection } from './CardMiddleSection';
+export * from './CardMiddleSection';
+export { default as CardTopSection } from './CardTopSection';
+export * from './CardTopSection';

package/dist/Card/VerticalCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Card","CardBottomSection","CardMiddleSection","CardTopSection"],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\n\nexport {default as CardBottomSection} from './CardBottomSection';\nexport * from './CardBottomSection';\nexport {default as CardMiddleSection} from './CardMiddleSection';\nexport * from './CardMiddleSection';\nexport {default as CardTopSection} from './CardTopSection';\nexport * from './CardTopSection';\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,IAAI,QAAO,QAAQ;AAEtC,SAAQD,OAAO,IAAIE,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQF,OAAO,IAAIG,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQH,OAAO,IAAII,cAAc,QAAO,kBAAkB;AAC1D,cAAc,kBAAkB"}
+{"version":3,"file":"index.js","names":["default","Card","CardBottomSection","CardMiddleSection","CardTopSection"],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\r\n\r\nexport {default as CardBottomSection} from './CardBottomSection';\r\nexport * from './CardBottomSection';\r\nexport {default as CardMiddleSection} from './CardMiddleSection';\r\nexport * from './CardMiddleSection';\r\nexport {default as CardTopSection} from './CardTopSection';\r\nexport * from './CardTopSection';\r\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,IAAI,QAAO,QAAQ;AAEtC,SAAQD,OAAO,IAAIE,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQF,OAAO,IAAIG,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQH,OAAO,IAAII,cAAc,QAAO,kBAAkB;AAC1D,cAAc,kBAAkB"}

package/dist/Card/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\nexport * from './HorizontalCard';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\r\nexport * from './HorizontalCard';\r\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/Card/index.d.ts

@@ -1,2 +1,2 @@
-export * from './VerticalCard';
-export * from './HorizontalCard';
+export * from './VerticalCard';
+export * from './HorizontalCard';

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\nexport * from './HorizontalCard';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\r\nexport * from './HorizontalCard';\r\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB"}

package/dist/Chips/ActionChip.cjs

@@ -28,8 +28,8 @@ var ActionChip = function ActionChip(_ref) {
     className = _ref.className,
     dataTestId = _ref.dataTestId,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  /**
-   * Return Action Chip component.
+  /**
+   * Return Action Chip component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipStyles.ChipContainer, _objectSpread(_objectSpread({
     className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " outline ").concat(!!_onClick ? 'interactive' : '', " ").concat(className || ''),

package/dist/Chips/ActionChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionChip.cjs","names":["ActionChip","icon","text","size","Size","Medium","disabled","onClick","className","dataTestId","rest","defaultOnMouseDownHandler","e","key"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {SystemIcons as icons} from '../icons/index';\nimport {Size} from '../types';\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ActionChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\n                                                                icon,\n                                                                text,\n                                                                size = Size.Medium,\n                                                                disabled,\n                                                                onClick,\n                                                                className,\n                                                                dataTestId,\n                                                                ...rest\n                                                              }: ActionChipProps) => {\n\n  /**\n   * Return Action Chip component.\n   */\n  return (\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\n                   \n                   onClick={() => !disabled && onClick && onClick()}\n                   onMouseDown={defaultOnMouseDownHandler}\n                   data-testid={dataTestId}\n                   role=\"button\"\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\n                   tabIndex={disabled || !onClick ? -1 : 0}\n                   {...rest}>\n      <ChipContentContainer>\n        <ChipContent>\n          {\n            icon &&\n            <div className={'chip-icon icon-left'}>\n              {icon}\n            </div>\n          }\n          <div>\n            {text}\n          </div>\n        </ChipContent>\n      </ChipContentContainer>\n    </ChipContainer>\n  );\n};\n\nexport default ActionChip;\n"],"mappings":";;;;;;;;;;AAGA;AAMA;AAIA;AAMA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpD,IAAMA,UAAoD,GAAG,SAAvDA,UAAoD,OAS2B;EAAA,IARrBC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAGrE;AACF;AACA;EACE,oBACE,qBAAC,yBAAa;IAAC,SAAS,YAAKP,IAAI,cAAIG,QAAQ,GAAG,UAAU,GAAG,EAAE,sBAAY,CAAC,CAACC,QAAO,GAAG,aAAa,GAAG,EAAE,cAAIC,SAAS,IAAI,EAAE,CAAG;IAEhH,OAAO,EAAE;MAAA,OAAM,CAACF,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IACjD,WAAW,EAAEI,iCAA0B;IACvC,eAAaF,UAAW;IACxB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAE,mBAAAG,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACP,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IAC1F,QAAQ,EAAED,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAA,uBACrB,qBAAC,gCAAoB;MAAA,uBACnB,sBAAC,uBAAW;QAAA,WAERT,IAAI,iBACJ;UAAK,SAAS,EAAE,qBAAsB;UAAA,UACnCA;QAAI,EACD,eAER;UAAA,UACGC;QAAI,EACD;MAAA;IACM;EACO,GACT;AAEpB,CAAC;AAAC,eAEaF,UAAU;AAAA"}
+{"version":3,"file":"ActionChip.cjs","names":["ActionChip","icon","text","size","Size","Medium","disabled","onClick","className","dataTestId","rest","defaultOnMouseDownHandler","e","key"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons as icons} from '../icons/index';\r\nimport {Size} from '../types';\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ActionChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\r\n                                                                icon,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: ActionChipProps) => {\r\n\r\n  /**\r\n   * Return Action Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   \r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   data-testid={dataTestId}\r\n                   role=\"button\"\r\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {\r\n            icon &&\r\n            <div className={'chip-icon icon-left'}>\r\n              {icon}\r\n            </div>\r\n          }\r\n          <div>\r\n            {text}\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default ActionChip;\r\n"],"mappings":";;;;;;;;;;AAGA;AAMA;AAIA;AAMA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpD,IAAMA,UAAoD,GAAG,SAAvDA,UAAoD,OAS2B;EAAA,IARrBC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAGrE;AACF;AACA;EACE,oBACE,qBAAC,yBAAa;IAAC,SAAS,YAAKP,IAAI,cAAIG,QAAQ,GAAG,UAAU,GAAG,EAAE,sBAAY,CAAC,CAACC,QAAO,GAAG,aAAa,GAAG,EAAE,cAAIC,SAAS,IAAI,EAAE,CAAG;IAEhH,OAAO,EAAE;MAAA,OAAM,CAACF,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IACjD,WAAW,EAAEI,iCAA0B;IACvC,eAAaF,UAAW;IACxB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAE,mBAAAG,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACP,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IAC1F,QAAQ,EAAED,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAA,uBACrB,qBAAC,gCAAoB;MAAA,uBACnB,sBAAC,uBAAW;QAAA,WAERT,IAAI,iBACJ;UAAK,SAAS,EAAE,qBAAsB;UAAA,UACnCA;QAAI,EACD,eAER;UAAA,UACGC;QAAI,EACD;MAAA;IACM;EACO,GACT;AAEpB,CAAC;AAAC,eAEaF,UAAU;AAAA"}

package/dist/Chips/ActionChip.d.ts

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ActionChipProps } from './ChipTypes';
-declare const ActionChip: React.FunctionComponent<ActionChipProps>;
-export default ActionChip;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { ActionChipProps } from './ChipTypes';
+declare const ActionChip: React.FunctionComponent<ActionChipProps>;
+export default ActionChip;

package/dist/Chips/ActionChip.js

@@ -3,23 +3,23 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["icon", "text", "size", "disabled", "onClick", "className", "dataTestId"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 
 import { Size } from '../types';
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { ChipContainer, ChipContent, ChipContentContainer } from './ChipStyles';
 
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 
 import { defaultOnMouseDownHandler } from '../common';
@@ -35,8 +35,8 @@ var ActionChip = function ActionChip(_ref) {
     className = _ref.className,
     dataTestId = _ref.dataTestId,
     rest = _objectWithoutProperties(_ref, _excluded);
-  /**
-   * Return Action Chip component.
+  /**
+   * Return Action Chip component.
    */
   return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
     className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " outline ").concat(!!_onClick ? 'interactive' : '', " ").concat(className || ''),

package/dist/Chips/ActionChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionChip.js","names":["React","Size","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","ActionChip","icon","text","size","Medium","disabled","onClick","className","dataTestId","rest","e","key"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {SystemIcons as icons} from '../icons/index';\nimport {Size} from '../types';\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ActionChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\n                                                                icon,\n                                                                text,\n                                                                size = Size.Medium,\n                                                                disabled,\n                                                                onClick,\n                                                                className,\n                                                                dataTestId,\n                                                                ...rest\n                                                              }: ActionChipProps) => {\n\n  /**\n   * Return Action Chip component.\n   */\n  return (\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\n                   \n                   onClick={() => !disabled && onClick && onClick()}\n                   onMouseDown={defaultOnMouseDownHandler}\n                   data-testid={dataTestId}\n                   role=\"button\"\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\n                   tabIndex={disabled || !onClick ? -1 : 0}\n                   {...rest}>\n      <ChipContentContainer>\n        <ChipContent>\n          {\n            icon &&\n            <div className={'chip-icon icon-left'}>\n              {icon}\n            </div>\n          }\n          <div>\n            {text}\n          </div>\n        </ChipContent>\n      </ChipContentContainer>\n    </ChipContainer>\n  );\n};\n\nexport default ActionChip;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;;AAEA,SAAQC,IAAI,QAAO,UAAU;AAC7B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoD,OAS2B;EAAA,IARrBC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGR,IAAI,CAACS,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAGrE;AACF;AACA;EACE,oBACE,KAAC,aAAa;IAAC,SAAS,YAAKN,IAAI,cAAIE,QAAQ,GAAG,UAAU,GAAG,EAAE,sBAAY,CAAC,CAACC,QAAO,GAAG,aAAa,GAAG,EAAE,cAAIC,SAAS,IAAI,EAAE,CAAG;IAEhH,OAAO,EAAE;MAAA,OAAM,CAACF,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IACjD,WAAW,EAAEP,yBAA0B;IACvC,eAAaS,UAAW;IACxB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAE,mBAAAE,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACN,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IAC1F,QAAQ,EAAED,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAA,uBACrB,KAAC,oBAAoB;MAAA,uBACnB,MAAC,WAAW;QAAA,WAERR,IAAI,iBACJ;UAAK,SAAS,EAAE,qBAAsB;UAAA,UACnCA;QAAI,EACD,eAER;UAAA,UACGC;QAAI,EACD;MAAA;IACM;EACO,GACT;AAEpB,CAAC;AAED,eAAeF,UAAU"}
+{"version":3,"file":"ActionChip.js","names":["React","Size","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","ActionChip","icon","text","size","Medium","disabled","onClick","className","dataTestId","rest","e","key"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons as icons} from '../icons/index';\r\nimport {Size} from '../types';\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ActionChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\r\n                                                                icon,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: ActionChipProps) => {\r\n\r\n  /**\r\n   * Return Action Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   \r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   data-testid={dataTestId}\r\n                   role=\"button\"\r\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {\r\n            icon &&\r\n            <div className={'chip-icon icon-left'}>\r\n              {icon}\r\n            </div>\r\n          }\r\n          <div>\r\n            {text}\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default ActionChip;\r\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;;AAEA,SAAQC,IAAI,QAAO,UAAU;AAC7B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoD,OAS2B;EAAA,IARrBC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGR,IAAI,CAACS,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAGrE;AACF;AACA;EACE,oBACE,KAAC,aAAa;IAAC,SAAS,YAAKN,IAAI,cAAIE,QAAQ,GAAG,UAAU,GAAG,EAAE,sBAAY,CAAC,CAACC,QAAO,GAAG,aAAa,GAAG,EAAE,cAAIC,SAAS,IAAI,EAAE,CAAG;IAEhH,OAAO,EAAE;MAAA,OAAM,CAACF,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IACjD,WAAW,EAAEP,yBAA0B;IACvC,eAAaS,UAAW;IACxB,IAAI,EAAC,QAAQ;IACb,SAAS,EAAE,mBAAAE,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACN,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IAC1F,QAAQ,EAAED,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAA,uBACrB,KAAC,oBAAoB;MAAA,uBACnB,MAAC,WAAW;QAAA,WAERR,IAAI,iBACJ;UAAK,SAAS,EAAE,qBAAsB;UAAA,UACnCA;QAAI,EACD,eAER;UAAA,UACGC;QAAI,EACD;MAAA;IACM;EACO,GACT;AAEpB,CAAC;AAED,eAAeF,UAAU"}