@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/build/widgets/ProgressBar/ProgressBar.styled.js

@@ -22,157 +22,88 @@ const getBackgroundColor = props => {
 };
 styled.p.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 500;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ProgressBar",
+  componentId: "sc-zi0dri-0"
+})(["font-family:", ";font-size:1rem;font-weight:500;"], props => props.theme.primaryFontFamily);
 const Container = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  width: 100%;
-  height: ${props => props.height ? `${props.height}px` : '50px'};
-  font-family: ${props => props.theme.primaryFontFamily};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Container",
+  componentId: "sc-zi0dri-1"
+})(["width:100%;height:", ";font-family:", ";"], props => props.height ? `${props.height}px` : '50px', props => props.theme.primaryFontFamily);
 const InnerContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  height: 100%;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__InnerContainer",
+  componentId: "sc-zi0dri-2"
+})(["display:flex;height:100%;"]);
 const MetricsContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: ${props => props.$hasLink ? '85%' : '100%'};
-  height: 100%;
-  flex-direction: row;
-  justify-content: flex-start;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__MetricsContainer",
+  componentId: "sc-zi0dri-3"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:", ";height:100%;flex-direction:row;justify-content:flex-start;"], props => props.$hasLink ? '85%' : '100%');
 const Label = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  padding-bottom: 5px;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Label",
+  componentId: "sc-zi0dri-4"
+})(["font-size:0.875rem;padding-bottom:5px;", ""], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
 styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 500;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Percentage",
+  componentId: "sc-zi0dri-5"
+})(["font-size:0.875rem;font-weight:500;", ""], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
 const ProgressBarTrack = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  border-radius: 3px;
-  height: 100%;
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ProgressBarTrack",
+  componentId: "sc-zi0dri-6"
+})(["width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;border-radius:3px;height:100%;", ""], props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50')));
 const Completed = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 1.2rem;
-  font-weight: 400;
-  height: 100%;
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  width: 96px;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Completed",
+  componentId: "sc-zi0dri-7"
+})(["font-size:1.2rem;font-weight:400;height:100%;border-radius:3px;display:flex;align-items:center;width:96px;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800')));
 const PercentageIndicator = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  right: 10px;
-  font-weight: 400;
-  font-size: 0.875rem;
-  white-space: nowrap;
-  opacity: 0.8;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__PercentageIndicator",
+  componentId: "sc-zi0dri-8"
+})(["position:absolute;right:10px;font-weight:400;font-size:0.875rem;white-space:nowrap;opacity:0.8;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const ExternalPercentageIndicator = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  margin-left: 8px;
-  font-size: 1.2rem;
-  font-weight: 400;
-  font-size: 0.875rem;
-  opacity: 0.9;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
-  display: flex;
-  align-items: center;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ExternalPercentageIndicator",
+  componentId: "sc-zi0dri-9"
+})(["margin-left:8px;font-size:1.2rem;font-weight:400;font-size:0.875rem;opacity:0.9;", ";display:flex;align-items:center;"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const ProgressBarFill = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  height: 100%;
-  border-radius: 0 3px 3px 0;
-  width: ${props => props.$percentage}%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  ${props => getBackgroundColor(props)}
-  transition: width 0.3s ease;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ProgressBarFill",
+  componentId: "sc-zi0dri-10"
+})(["height:100%;border-radius:0 3px 3px 0;width:", "%;position:relative;display:flex;align-items:center;justify-content:flex-end;", " transition:width 0.3s ease;"], props => props.$percentage, props => getBackgroundColor(props));
 const Link = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 400;
-  width: 15%;
-  opacity: 0.7;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-right: 20px;
-  cursor: pointer;
-  height: 100%;
-  gap: 10px;
-  svg {
-    transition: transform 0.2s ease-in-out;
-  }
-  &:hover svg {
-    transform: translateX(2px);
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Link",
+  componentId: "sc-zi0dri-11"
+})(["font-size:0.875rem;font-weight:400;width:15%;opacity:0.7;display:flex;align-items:center;justify-content:flex-end;margin-right:20px;cursor:pointer;height:100%;gap:10px;svg{transition:transform 0.2s ease-in-out;}&:hover svg{transform:translateX(2px);}"]);
 const ButtonLink = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 500;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  opacity: ${props => props.$isHovered ? 1 : 0.8};
-  transition: color 0.2s ease-in-out;
-  ${props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ButtonLink",
+  componentId: "sc-zi0dri-12"
+})(["font-size:0.875rem;font-weight:500;height:100%;display:flex;align-items:center;opacity:", ";transition:color 0.2s ease-in-out;", ";"], props => props.$isHovered ? 1 : 0.8, props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
 const StyledArrowIcon = styled(SvgArrowForward).withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  height: 15px;
-  margin-right: 10px;
-  opacity: ${props => props.$isHovered ? 1 : 0.8};
-  transition:
-    transform 0.2s ease-in-out,
-    fill 0.2s ease-in-out;
-  transform: ${props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)'};
-
-  ${props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__StyledArrowIcon",
+  componentId: "sc-zi0dri-13"
+})(["height:15px;margin-right:10px;opacity:", ";transition:transform 0.2s ease-in-out,fill 0.2s ease-in-out;transform:", ";", ";"], props => props.$isHovered ? 1 : 0.8, props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)', props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')));
 
 export { ButtonLink, Completed, Container, ExternalPercentageIndicator, InnerContainer, Label, Link, MetricsContainer, PercentageIndicator, ProgressBarFill, ProgressBarTrack, StyledArrowIcon };
 //# sourceMappingURL=ProgressBar.styled.js.map

package/build/widgets/ProgressBar/ProgressBar.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.styled.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst getBackgroundColor = props => {\n  if (props.barColor) {\n    return `background: ${props.barColor};`;\n  }\n  const colorMap = {\n    success: ['emerald-600', 'emerald-300'],\n    error: ['red-600', 'cercise-200'],\n    warning: ['orange-600', 'orange-400'],\n    none: ['gray-500', 'gray-300'],\n    default: ['emerald-600', 'emerald-500']\n  };\n\n  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;\n\n  return props.theme.themeProp(\n    'background',\n    props.theme.getColor(darkColor),\n    props.theme.getColor(lightColor)\n  );\n};\n\nexport const ProgressBar = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n`;\n\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const InnerContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  height: 100%;\n`;\n\nexport const MetricsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: ${props => (props.$hasLink ? '85%' : '100%')};\n  height: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  padding-bottom: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const Percentage = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const ProgressBarTrack = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )}\n`;\n\nexport const Completed = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  width: 96px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-800')\n    )};\n`;\nexport const PercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  right: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n`;\n\nexport const ExternalPercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: 8px;\n  font-size: 1.2rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  opacity: 0.9;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n  display: flex;\n  align-items: center;\n`;\n\nexport const ProgressBarFill = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n  width: ${props => props.$percentage}%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  ${props => getBackgroundColor(props)}\n  transition: width 0.3s ease;\n`;\n\nexport const Link = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 15%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n`;\n\nexport const ButtonLink = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: color 0.2s ease-in-out;\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )};\n`;\n\nexport const StyledArrowIcon = styled(ArrowForwardIcon)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition:\n    transform 0.2s ease-in-out,\n    fill 0.2s ease-in-out;\n  transform: ${props => (props.$isHovered ? 'translateX(2px)' : 'translateX(0)')};\n\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'fill',\n          props.theme.getColor('white'),\n          props.theme.getColor('black')\n        )};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","getBackgroundColor","props","barColor","colorMap","success","error","warning","none","default","darkColor","lightColor","type","theme","themeProp","getColor","styled","p","withConfig","attrs","applyDefaultTheme","primaryFontFamily","Container","div","height","InnerContainer","MetricsContainer","$hasLink","Label","ProgressBarTrack","Completed","PercentageIndicator","ExternalPercentageIndicator","ProgressBarFill","$percentage","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.styled.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.styled.ts"],"sourcesContent":["// `getBackgroundColor` function parameter needs type annotation to catch typos in color names.\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\nimport type { ColorName, NtbTheme } from '../../../utils/defaultTheme';\n\ninterface ProgressBarContainerStyleProps {\n  /** `height` — px, so `number`. No `$` but defect in baseline. */\n  height?: number;\n}\n\ninterface ProgressBarMetricsStyleProps {\n  /** `$hasLink` — declared for MetricsContainer only; PercentageIndicator never reads it. */\n  $hasLink?: boolean;\n}\n\ninterface ProgressBarFillStyleProps {\n  /** `type` — left as `string` to match propTypes contract; has `colorMap.default` fallback. */\n  type?: string;\n  /** `barColor` — whole CSS colour that short-circuits `colorMap`. */\n  barColor?: string;\n  /** `(completedAssets / totalAssets) * 100`, interpolated as `%`. */\n  $percentage?: number;\n}\n\ninterface ProgressBarHoverStyleProps {\n  /** `$isHovered` — hover state from `useState`. Hosts: `ButtonLink` and `StyledArrowIcon`. */\n  $isHovered?: boolean;\n}\n\n// Single-argument only — v5.1 and v6 differ on second parameter.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst getBackgroundColor = (\n  props: Pick<ProgressBarFillStyleProps, 'type' | 'barColor'> & { theme: NtbTheme }\n) => {\n  if (props.barColor) {\n    return `background: ${props.barColor};`;\n  }\n  // `ColorName` type here catches color name typos at compile time.\n  const colorMap: Record<string, [ColorName, ColorName]> = {\n    success: ['emerald-600', 'emerald-300'],\n    error: ['red-600', 'cercise-200'],\n    warning: ['orange-600', 'orange-400'],\n    none: ['gray-500', 'gray-300'],\n    default: ['emerald-600', 'emerald-500']\n  };\n\n  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;\n\n  return props.theme.themeProp(\n    'background',\n    props.theme.getColor(darkColor),\n    props.theme.getColor(lightColor)\n  );\n};\n\nexport const ProgressBar = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n`;\n\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarContainerStyleProps>(applyDefaultTheme)`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const InnerContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  height: 100%;\n`;\n\nexport const MetricsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarMetricsStyleProps>(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: ${props => (props.$hasLink ? '85%' : '100%')};\n  height: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  padding-bottom: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const Percentage = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const ProgressBarTrack = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )}\n`;\n\nexport const Completed = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  width: 96px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-800')\n    )};\n`;\nexport const PercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  right: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n`;\n\nexport const ExternalPercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: 8px;\n  font-size: 1.2rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  opacity: 0.9;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n  display: flex;\n  align-items: center;\n`;\n\nexport const ProgressBarFill = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarFillStyleProps>(applyDefaultTheme)`\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n  width: ${props => props.$percentage}%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  ${props => getBackgroundColor(props)}\n  transition: width 0.3s ease;\n`;\n\nexport const Link = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 15%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n`;\n\nexport const ButtonLink = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarHoverStyleProps>(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: color 0.2s ease-in-out;\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )};\n`;\n\nexport const StyledArrowIcon = styled(ArrowForwardIcon)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarHoverStyleProps>(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition:\n    transform 0.2s ease-in-out,\n    fill 0.2s ease-in-out;\n  transform: ${props => (props.$isHovered ? 'translateX(2px)' : 'translateX(0)')};\n\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'fill',\n          props.theme.getColor('white'),\n          props.theme.getColor('black')\n        )};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","getBackgroundColor","props","barColor","colorMap","success","error","warning","none","default","darkColor","lightColor","type","theme","themeProp","getColor","styled","p","withConfig","attrs","applyDefaultTheme","displayName","componentId","primaryFontFamily","Container","div","height","InnerContainer","MetricsContainer","$hasLink","Label","ProgressBarTrack","Completed","PercentageIndicator","ExternalPercentageIndicator","ProgressBarFill","$percentage","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}

package/build/widgets/SummaryCard/SummaryCard.js

@@ -1,21 +1,20 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
 import React__default from 'react';
 import InstructionSeverityDisplay from '../InstructionSeverityDisplay/InstructionSeverityDisplay.js';
 import { SummaryCard as SummaryCard$1, Gutter, Header, HeaderLeft, HeaderRight, Title, Description, Footer, FooterLeft, FooterRight } from './SummaryCard.styled.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
-  activeSummaryCard,
-  title,
-  description,
-  instructions,
-  instructionSeverity,
-  headerLeft,
-  headerRight,
-  footerLeft,
-  footerRight,
+  activeSummaryCard = false,
+  title = '',
+  description = '',
+  instructions = '',
+  instructionSeverity = 1,
+  headerLeft = null,
+  headerRight = null,
+  footerLeft = null,
+  footerRight = null,
   width,
-  useBorder,
+  useBorder = false,
   view,
   instructionLabels,
   ...props
@@ -27,61 +26,53 @@ const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
   const shouldAddGutterAfterTitle = !!title && (!!description || !!instructions || shouldRenderFooter);
   if (!activeSummaryCard) return null;
   const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'compact'));
-  return React__default.createElement(SummaryCard$1, _extends({
+  return jsxs(SummaryCard$1, {
     ref: forwardedRef,
     width: width,
-    $useBorder: useBorder
-  }, filteredProps, {
-    view: view
-  }), shouldRenderHeader && React__default.createElement(React__default.Fragment, null, React__default.createElement(Gutter, {
-    $gutter: 8
-  }), React__default.createElement(Header, null, React__default.createElement(HeaderLeft, null, headerLeft), React__default.createElement(HeaderRight, null, headerRight))), React__default.createElement(Gutter, {
-    $gutter: shouldRenderHeader ? 8 : 16
-  }), title && React__default.createElement(Title, null, title), shouldAddGutterAfterTitle && React__default.createElement(Gutter, {
-    $gutter: 4
-  }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
-    $gutter: 16
-  }), shouldRenderInstructions && React__default.createElement(InstructionSeverityDisplay, {
-    labels: instructionLabels,
-    instructionText: instructions,
-    severity: instructionSeverity,
-    showCard: false,
-    padding: `14px 17px`,
-    detailsFontSize: `12px`,
-    maxLines: view === 'grid' ? 3 : undefined
-  }), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
-    $gutter: 16
-  }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.createElement(Gutter, {
-    $gutter: 16
-  }));
+    $useBorder: useBorder,
+    ...filteredProps,
+    view: view,
+    children: [shouldRenderHeader && jsxs(Fragment, {
+      children: [jsx(Gutter, {
+        $gutter: 8
+      }), jsxs(Header, {
+        children: [jsx(HeaderLeft, {
+          children: headerLeft
+        }), jsx(HeaderRight, {
+          children: headerRight
+        })]
+      })]
+    }), jsx(Gutter, {
+      $gutter: shouldRenderHeader ? 8 : 16
+    }), title && jsx(Title, {
+      children: title
+    }), shouldAddGutterAfterTitle && jsx(Gutter, {
+      $gutter: 4
+    }), description && jsx(Description, {
+      children: description
+    }), jsx(Gutter, {
+      $gutter: 16
+    }), shouldRenderInstructions && jsx(InstructionSeverityDisplay, {
+      labels: instructionLabels,
+      instructionText: instructions,
+      severity: instructionSeverity,
+      showCard: false,
+      padding: `14px 17px`,
+      detailsFontSize: `12px`,
+      maxLines: view === 'grid' ? 3 : undefined
+    }), shouldAddGutterAfterInstructions && jsx(Gutter, {
+      $gutter: 16
+    }), shouldRenderFooter && jsxs(Footer, {
+      children: [jsx(FooterLeft, {
+        children: footerLeft
+      }), jsx(FooterRight, {
+        children: footerRight
+      })]
+    }), shouldRenderFooter && jsx(Gutter, {
+      $gutter: 16
+    })]
+  });
 });
-SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeSummaryCard: PropTypes.bool,
-  title: PropTypes.string,
-  description: PropTypes.string,
-  instructions: PropTypes.string,
-  instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),
-  headerLeft: PropTypes.node,
-  headerRight: PropTypes.node,
-  footerLeft: PropTypes.node,
-  footerRight: PropTypes.node,
-  width: PropTypes.number,
-  useBorder: PropTypes.bool,
-  view: PropTypes.string,
-  instructionLabels: PropTypes.objectOf(PropTypes.string)
-} : {};
-SummaryCard.defaultProps = {
-  title: '',
-  description: '',
-  instructions: '',
-  instructionSeverity: 1,
-  headerLeft: null,
-  headerRight: null,
-  footerLeft: null,
-  footerRight: null,
-  useBorder: false,
-  activeSummaryCard: false
-};
 
 export { SummaryCard as default };
 //# sourceMappingURL=SummaryCard.js.map

package/build/widgets/SummaryCard/SummaryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InstructionSeverityDisplay from '../InstructionSeverityDisplay';\nimport * as S from './SummaryCard.styled';\n\n/**\n * ### Import\n *\n * ``` js\n * import { SummaryCard } from '@ntbjs/react-components/widgets'\n * // or\n * import SummaryCard from '@ntbjs/react-components/widgets/SummaryCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `title=\"Title\"` to set the title of the card.\n * Pass `description=\"Description\"` to set the description of the card.\n * Pass `instructions=\"Instructions\"` to set the instructions of the card.\n * Pass 1-5 to `instructionSeverity` to reflect the severity of the instructions.\n * Pass `headerLeft={<div>Left</div>}` to set the left header of the card.\n * Pass `headerRight={<div>Right</div>}` to set the right header of the card.\n * Pass `footerLeft={<div>Left</div>}` to set the left footer of the card.\n * Pass `footerRight={<div>Right</div>}` to set the right footer of the card.\n * Pass `width={300}` to set the width of the card.\n * Pass `useBorder={true}` to set the border of the card.\n * ```\n */\n\nconst SummaryCard = React.forwardRef(function AssetSummaryCard(\n  {\n    activeSummaryCard,\n    title,\n    description,\n    instructions,\n    instructionSeverity,\n    headerLeft,\n    headerRight,\n    footerLeft,\n    footerRight,\n    width,\n    useBorder,\n    view,\n    instructionLabels,\n    ...props\n  },\n  forwardedRef\n) {\n  const shouldRenderInstructions = !!instructions;\n  const shouldRenderHeader = !!headerLeft || !!headerRight;\n  const shouldRenderFooter = !!footerLeft || !!footerRight;\n  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;\n  const shouldAddGutterAfterTitle =\n    !!title && (!!description || !!instructions || shouldRenderFooter);\n\n  if (!activeSummaryCard) return null;\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key !== 'compact')\n  );\n\n  return (\n    <S.SummaryCard\n      ref={forwardedRef}\n      width={width}\n      $useBorder={useBorder}\n      {...filteredProps}\n      view={view}\n    >\n      {shouldRenderHeader && (\n        <>\n          <S.Gutter $gutter={8} />\n          <S.Header>\n            <S.HeaderLeft>{headerLeft}</S.HeaderLeft>\n            <S.HeaderRight>{headerRight}</S.HeaderRight>\n          </S.Header>\n        </>\n      )}\n      <S.Gutter $gutter={shouldRenderHeader ? 8 : 16} />\n      {title && <S.Title>{title}</S.Title>}\n      {shouldAddGutterAfterTitle && <S.Gutter $gutter={4} />}\n      {description && <S.Description>{description}</S.Description>}\n      <S.Gutter $gutter={16} />\n\n      {shouldRenderInstructions && (\n        <InstructionSeverityDisplay\n          labels={instructionLabels}\n          instructionText={instructions}\n          severity={instructionSeverity}\n          showCard={false}\n          padding={`14px 17px`}\n          detailsFontSize={`12px`}\n          maxLines={view === 'grid' ? 3 : undefined}\n        />\n      )}\n      {shouldAddGutterAfterInstructions && <S.Gutter $gutter={16} />}\n      {shouldRenderFooter && (\n        <S.Footer>\n          <S.FooterLeft>{footerLeft}</S.FooterLeft>\n          <S.FooterRight>{footerRight}</S.FooterRight>\n        </S.Footer>\n      )}\n      {shouldRenderFooter && <S.Gutter $gutter={16} />}\n    </S.SummaryCard>\n  );\n});\n\nSummaryCard.propTypes = {\n  /**\n   * Wether the SummaryCard is active or not.\n   */\n  activeSummaryCard: PropTypes.bool,\n  /**\n   * Title of the content\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the content\n   */\n  description: PropTypes.string,\n  /**\n   * Special instructions for the content\n   */\n  instructions: PropTypes.string,\n  /**\n   * Type of instructions\n   */\n  instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n  /**\n   * One or more children to render in the left half of the header\n   */\n  headerLeft: PropTypes.node,\n  /**\n   * One or more children to render in the right half of the header\n   */\n  headerRight: PropTypes.node,\n  /**\n   * One or more children to render in the left half of the footer\n   */\n  footerLeft: PropTypes.node,\n  /**\n   * One or more children to render in the right half of the footer\n   */\n  footerRight: PropTypes.node,\n  /**\n   * Width of the card\n   */\n  width: PropTypes.number,\n  /**\n   * Whether or not to use a border around the card\n   */\n  useBorder: PropTypes.bool,\n  /**\n   * Whether or not the Summary Card is within the CompactCard view or Grid view\n   */\n  view: PropTypes.string,\n  /**\n   * Translated labels object for instruction(Info,Limited Use etc)\n   */\n  instructionLabels: PropTypes.objectOf(PropTypes.string)\n};\n\nSummaryCard.defaultProps = {\n  title: '',\n  description: '',\n  instructions: '',\n  instructionSeverity: 1,\n  headerLeft: null,\n  headerRight: null,\n  footerLeft: null,\n  footerRight: null,\n  useBorder: false,\n  activeSummaryCard: false\n};\n\nexport default SummaryCard;\n"],"names":["SummaryCard","React","forwardRef","AssetSummaryCard","activeSummaryCard","title","description","instructions","instructionSeverity","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","instructionLabels","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","createElement","S","_extends","ref","$useBorder","Fragment","$gutter","InstructionSeverityDisplay","labels","instructionText","severity","showCard","padding","detailsFontSize","maxLines","undefined","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","node","number","objectOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.tsx"],"sourcesContent":["import React from 'react';\nimport InstructionSeverityDisplay from '../InstructionSeverityDisplay';\nimport * as S from './SummaryCard.styled';\n\ntype AssetSummaryCardOwnProps = {\n  /**\n   * Wether the SummaryCard is active or not.\n   */\n  activeSummaryCard?: boolean;\n  /**\n   * Title of the content\n   */\n  title?: string;\n  /**\n   * Description of the content\n   */\n  description?: string;\n  /**\n   * Special instructions for the content\n   */\n  instructions?: string;\n  /**\n   * Type of instructions\n   */\n  instructionSeverity?: 1 | 2 | 3 | 4 | 5;\n  /**\n   * One or more children to render in the left half of the header\n   */\n  headerLeft?: React.ReactNode;\n  /**\n   * One or more children to render in the right half of the header\n   */\n  headerRight?: React.ReactNode;\n  /**\n   * One or more children to render in the left half of the footer\n   */\n  footerLeft?: React.ReactNode;\n  /**\n   * One or more children to render in the right half of the footer\n   */\n  footerRight?: React.ReactNode;\n  /**\n   * Width of the card\n   */\n  width?: number;\n  /**\n   * Whether or not to use a border around the card\n   */\n  useBorder?: boolean;\n  /**\n   * Whether or not the Summary Card is within the CompactCard view or Grid view\n   */\n  view?: string;\n  /**\n   * Translated labels object for instruction(Info,Limited Use etc)\n   */\n  instructionLabels?: {\n    [key: string]: string;\n  };\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof S.SummaryCard>,\n  keyof AssetSummaryCardOwnProps\n> &\n  AssetSummaryCardOwnProps;\n\n/**\n * ### Import\n *\n * ``` js\n * import { SummaryCard } from '@ntbjs/react-components/widgets'\n * // or\n * import SummaryCard from '@ntbjs/react-components/widgets/SummaryCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `title=\"Title\"` to set the title of the card.\n * Pass `description=\"Description\"` to set the description of the card.\n * Pass `instructions=\"Instructions\"` to set the instructions of the card.\n * Pass 1-5 to `instructionSeverity` to reflect the severity of the instructions.\n * Pass `headerLeft={<div>Left</div>}` to set the left header of the card.\n * Pass `headerRight={<div>Right</div>}` to set the right header of the card.\n * Pass `footerLeft={<div>Left</div>}` to set the left footer of the card.\n * Pass `footerRight={<div>Right</div>}` to set the right footer of the card.\n * Pass `width={300}` to set the width of the card.\n * Pass `useBorder={true}` to set the border of the card.\n * ```\n */\n\nconst SummaryCard = React.forwardRef<any, Props>(function AssetSummaryCard(\n  {\n    activeSummaryCard = false,\n    title = '',\n    description = '',\n    instructions = '',\n    instructionSeverity = 1,\n    headerLeft = null,\n    headerRight = null,\n    footerLeft = null,\n    footerRight = null,\n    width,\n    useBorder = false,\n    view,\n    instructionLabels,\n    ...props\n  },\n  forwardedRef\n) {\n  const shouldRenderInstructions = !!instructions;\n  const shouldRenderHeader = !!headerLeft || !!headerRight;\n  const shouldRenderFooter = !!footerLeft || !!footerRight;\n  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;\n  const shouldAddGutterAfterTitle =\n    !!title && (!!description || !!instructions || shouldRenderFooter);\n\n  if (!activeSummaryCard) return null;\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key !== 'compact')\n  );\n\n  return (\n    <S.SummaryCard\n      ref={forwardedRef}\n      width={width}\n      $useBorder={useBorder}\n      {...filteredProps}\n      view={view}\n    >\n      {shouldRenderHeader && (\n        <>\n          <S.Gutter $gutter={8} />\n          <S.Header>\n            <S.HeaderLeft>{headerLeft}</S.HeaderLeft>\n            <S.HeaderRight>{headerRight}</S.HeaderRight>\n          </S.Header>\n        </>\n      )}\n      <S.Gutter $gutter={shouldRenderHeader ? 8 : 16} />\n      {title && <S.Title>{title}</S.Title>}\n      {shouldAddGutterAfterTitle && <S.Gutter $gutter={4} />}\n      {description && <S.Description>{description}</S.Description>}\n      <S.Gutter $gutter={16} />\n\n      {shouldRenderInstructions && (\n        <InstructionSeverityDisplay\n          labels={instructionLabels}\n          instructionText={instructions}\n          severity={instructionSeverity}\n          showCard={false}\n          padding={`14px 17px`}\n          detailsFontSize={`12px`}\n          maxLines={view === 'grid' ? 3 : undefined}\n        />\n      )}\n      {shouldAddGutterAfterInstructions && <S.Gutter $gutter={16} />}\n      {shouldRenderFooter && (\n        <S.Footer>\n          <S.FooterLeft>{footerLeft}</S.FooterLeft>\n          <S.FooterRight>{footerRight}</S.FooterRight>\n        </S.Footer>\n      )}\n      {shouldRenderFooter && <S.Gutter $gutter={16} />}\n    </S.SummaryCard>\n  );\n});\n\nexport default SummaryCard;\n"],"names":["SummaryCard","React","forwardRef","AssetSummaryCard","activeSummaryCard","title","description","instructions","instructionSeverity","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","instructionLabels","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","_jsxs","S","ref","$useBorder","children","_Fragment","_jsx","$gutter","InstructionSeverityDisplay","labels","instructionText","severity","showCard","padding","detailsFontSize","maxLines","undefined"],"mappings":"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"}