@ntbjs/react-components 2.0.8-rc.1 → 2.0.8-rc.2

package/build/widgets/AssetGallery/asset.propType.js

@@ -28,11 +28,12 @@ const assetShape = {
   onClick: PropTypes.func,
   onContextMenu: PropTypes.func,
   onMouseEnter: PropTypes.func,
+  instructionsSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),
   summary: PropTypes.shape({
     title: PropTypes.string,
     description: PropTypes.string,
     instructions: PropTypes.string,
-    instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),
+    instructionsSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),
     headerLeft: PropTypes.node,
     headerRight: PropTypes.node,
     footerLeft: PropTypes.node,

package/build/widgets/AssetGallery/asset.propType.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset.propType.js","sources":["../../../src/components/widgets/AssetGallery/asset.propType.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const assetShape = {\n  key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  previewUrl: PropTypes.string,\n  title: PropTypes.string,\n  note: PropTypes.shape({\n    icon: PropTypes.element,\n    message: PropTypes.string\n  }),\n  width: PropTypes.number,\n  height: PropTypes.number,\n  fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,\n  fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),\n  group: PropTypes.string,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      icon: PropTypes.element.isRequired,\n      onClick: PropTypes.func.isRequired,\n      className: PropTypes.shape,\n      component: PropTypes.func\n    })\n  ),\n  statusIcon: PropTypes.element,\n  overlay: PropTypes.element,\n  completed: PropTypes.bool,\n  hasError: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  onContextMenu: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  summary: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    instructions: PropTypes.string,\n    instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\n    headerLeft: PropTypes.node,\n    headerRight: PropTypes.node,\n    footerLeft: PropTypes.node,\n    footerRight: PropTypes.node\n  })\n};\n\nexport const assetShapeWithLayout = {\n  ...assetShape,\n  layout: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    translateX: PropTypes.number.isRequired,\n    translateY: PropTypes.number.isRequired,\n    type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,\n    hasHeightAndWidth: PropTypes.bool\n  }).isRequired\n};\n"],"names":["assetShape","key","PropTypes","oneOfType","string","number","isRequired","previewUrl","title","note","shape","icon","element","message","width","height","fileType","oneOf","fileTypeIconPosition","group","actions","arrayOf","onClick","func","className","component","statusIcon","overlay","completed","bool","hasError","disabled","onContextMenu","onMouseEnter","summary","description","instructions","instructionsType","headerLeft","node","headerRight","footerLeft","footerRight","assetShapeWithLayout","layout","translateX","translateY","type","hasHeightAndWidth"],"mappings":"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"}
+{"version":3,"file":"asset.propType.js","sources":["../../../src/components/widgets/AssetGallery/asset.propType.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const assetShape = {\n  key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  previewUrl: PropTypes.string,\n  title: PropTypes.string,\n  note: PropTypes.shape({\n    icon: PropTypes.element,\n    message: PropTypes.string\n  }),\n  width: PropTypes.number,\n  height: PropTypes.number,\n  fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,\n  fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),\n  group: PropTypes.string,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      icon: PropTypes.element.isRequired,\n      onClick: PropTypes.func.isRequired,\n      className: PropTypes.shape,\n      component: PropTypes.func\n    })\n  ),\n  statusIcon: PropTypes.element,\n  overlay: PropTypes.element,\n  completed: PropTypes.bool,\n  hasError: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  onContextMenu: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  instructionsSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n  summary: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    instructions: PropTypes.string,\n    instructionsSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n    headerLeft: PropTypes.node,\n    headerRight: PropTypes.node,\n    footerLeft: PropTypes.node,\n    footerRight: PropTypes.node\n  })\n};\n\nexport const assetShapeWithLayout = {\n  ...assetShape,\n  layout: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    translateX: PropTypes.number.isRequired,\n    translateY: PropTypes.number.isRequired,\n    type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,\n    hasHeightAndWidth: PropTypes.bool\n  }).isRequired\n};\n"],"names":["assetShape","key","PropTypes","oneOfType","string","number","isRequired","previewUrl","title","note","shape","icon","element","message","width","height","fileType","oneOf","fileTypeIconPosition","group","actions","arrayOf","onClick","func","className","component","statusIcon","overlay","completed","bool","hasError","disabled","onContextMenu","onMouseEnter","instructionsSeverity","summary","description","instructions","headerLeft","node","headerRight","footerLeft","footerRight","assetShapeWithLayout","layout","translateX","translateY","type","hasHeightAndWidth"],"mappings":"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"}

package/build/{data → widgets}/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js

@@ -13,56 +13,58 @@ const InformationIcon = () => React__default.createElement("svg", {
   d: "M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z",
   fill: "currentColor"
 }));
-const getSeverityConfig = severity => {
-  switch (severity) {
-    case 1:
-    case 2:
-      return {
-        label: 'Info'
-      };
-    case 3:
-    case 4:
-      return {
-        label: 'Limited use'
-      };
-    case 5:
-      return {
-        label: 'Highly restricted'
-      };
-    default:
-      return null;
-  }
+const defaultLabels = {
+  1: 'Info',
+  2: 'Info',
+  3: 'Limited use',
+  4: 'Limited use',
+  5: 'Highly restricted'
 };
 const InstructionsSeverityDisplay = React__default.forwardRef(function InstructionsSeverityDisplay({
   severity,
   instructionText,
   severityLabel,
+  labels,
   icon,
   showCard = true,
+  padding,
+  badgeFontSize,
+  detailsFontSize,
+  bgLight,
+  bgDark,
   ...props
 }, forwardedRef) {
   if (!instructionText) {
     return null;
   }
-  const config = getSeverityConfig(severity);
-  if (!config) {
-    return null;
-  }
-  const displayLabel = severityLabel || config.label;
+  const displayLabel = severityLabel || labels && labels[severity] || defaultLabels[severity] || defaultLabels[1];
   return React__default.createElement(Card, _extends({
     ref: forwardedRef,
     $severity: severity,
-    $showCard: showCard
+    $showCard: showCard,
+    $padding: padding,
+    $bgLight: bgLight,
+    $bgDark: bgDark
   }, props), React__default.createElement(BadgePill, {
     $severity: severity
-  }, icon || React__default.createElement(InformationIcon, null), React__default.createElement(BadgeText, null, displayLabel)), React__default.createElement(InstructionText, null, instructionText));
+  }, icon || React__default.createElement(InformationIcon, null), React__default.createElement(BadgeText, {
+    $fontSize: badgeFontSize
+  }, displayLabel)), React__default.createElement(InstructionText, {
+    $fontSize: detailsFontSize
+  }, instructionText));
 });
 InstructionsSeverityDisplay.propTypes = process.env.NODE_ENV !== "production" ? {
   severity: PropTypes.oneOf([1, 2, 3, 4, 5]),
   instructionText: PropTypes.string,
   severityLabel: PropTypes.string,
+  labels: PropTypes.objectOf(PropTypes.string),
   icon: PropTypes.element,
-  showCard: PropTypes.bool
+  showCard: PropTypes.bool,
+  padding: PropTypes.string,
+  badgeFontSize: PropTypes.string,
+  detailsFontSize: PropTypes.string,
+  bgLight: PropTypes.string,
+  bgDark: PropTypes.string
 } : {};
 
 export { InstructionsSeverityDisplay as default };

package/build/widgets/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstructionsSeverityDisplay.js","sources":["../../../src/components/widgets/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './InstructionsSeverityDisplay.styled';\n\nconst InformationIcon = () => (\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst defaultLabels = {\n  1: 'Info',\n  2: 'Info',\n  3: 'Limited use',\n  4: 'Limited use',\n  5: 'Highly restricted'\n};\n\nconst InstructionsSeverityDisplay = React.forwardRef(function InstructionsSeverityDisplay(\n  {\n    severity,\n    instructionText,\n    severityLabel,\n    labels,\n    icon,\n    showCard = true,\n    padding,\n    badgeFontSize,\n    detailsFontSize,\n    bgLight,\n    bgDark,\n    ...props\n  },\n  forwardedRef\n) {\n  if (!instructionText) {\n    return null;\n  }\n\n  const displayLabel =\n    severityLabel || (labels && labels[severity]) || defaultLabels[severity] || defaultLabels[1];\n\n  return (\n    <S.Card\n      ref={forwardedRef}\n      $severity={severity}\n      $showCard={showCard}\n      $padding={padding}\n      $bgLight={bgLight}\n      $bgDark={bgDark}\n      {...props}\n    >\n      <S.BadgePill $severity={severity}>\n        {icon || <InformationIcon />}\n        <S.BadgeText $fontSize={badgeFontSize}>{displayLabel}</S.BadgeText>\n      </S.BadgePill>\n      <S.InstructionText $fontSize={detailsFontSize}>{instructionText}</S.InstructionText>\n    </S.Card>\n  );\n});\n\nInstructionsSeverityDisplay.propTypes = {\n  /** Severity level (1-5). 1=Info, 3=Limited use, 5=Highly restricted. */\n  severity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n  /** The instruction text to display. Component returns null if empty. */\n  instructionText: PropTypes.string,\n  /** Override the default badge label for the severity level. */\n  severityLabel: PropTypes.string,\n  /** Map of severity level to translated label string, e.g. { 1: 'Info', 3: 'Begrenset bruk', 5: 'Svært begrenset' }. */\n  labels: PropTypes.objectOf(PropTypes.string),\n  /** Override the default icon element. */\n  icon: PropTypes.element,\n  /** Whether to show card styling (border-radius, shadow, border). Defaults to true. */\n  showCard: PropTypes.bool,\n  /** Custom card padding, e.g. \"8px 6px\" or \"20px\". Defaults to \"14px 10px\". */\n  padding: PropTypes.string,\n  /** Custom font size for the badge text, e.g. \"10px\" or \"0.75rem\". Defaults to \"12px\". */\n  badgeFontSize: PropTypes.string,\n  /** Custom font size for the details/instruction text, e.g. \"12px\" or \"0.875rem\". Defaults to \"14px\". */\n  detailsFontSize: PropTypes.string,\n  /** Override card background color in light mode, e.g. \"#ffffff\" or \"transparent\". */\n  bgLight: PropTypes.string,\n  /** Override card background color in dark mode, e.g. \"#1a1a1a\" or \"transparent\". */\n  bgDark: PropTypes.string\n};\n\nexport default InstructionsSeverityDisplay;\n"],"names":["InformationIcon","React","createElement","width","height","viewBox","fill","xmlns","d","defaultLabels","InstructionsSeverityDisplay","forwardRef","severity","instructionText","severityLabel","labels","icon","showCard","padding","badgeFontSize","detailsFontSize","bgLight","bgDark","props","forwardedRef","displayLabel","S","_extends","ref","$severity","$showCard","$padding","$bgLight","$bgDark","$fontSize","propTypes","process","env","NODE_ENV","PropTypes","oneOf","string","objectOf","element","bool"],"mappings":"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"}

package/build/{data → widgets}/InstructionsSeverityDisplay/InstructionsSeverityDisplay.styled.js

@@ -10,12 +10,17 @@ const Card = styled.div.withConfig({
   display: flex;
   flex-direction: column;
   gap: 8px;
-  padding: 14px 10px;
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+  padding: ${props => props.$padding || '14px 10px'};
+  ${props => {
+  if (props.$bgDark || props.$bgLight) {
+    return props.theme.themeProp('background', props.$bgDark || props.theme.getColor('gray-900'), props.$bgLight || props.theme.getColor('gray-200'));
+  }
+  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('gray-200'));
+}}
 
   ${props => props.$showCard && css`
       border-radius: 10px;
-      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
+      box-shadow: 0px 0px 26px #0000001a;
     `}
 
   ${props => props.$severity === 5 && props.$showCard && css`
@@ -32,7 +37,7 @@ const BadgePill = styled.span.withConfig({
   padding: 2px 8px;
   border-radius: 9999px;
   width: fit-content;
-
+  height: 24px;
   ${props => (props.$severity === 1 || props.$severity === 2) && css`
       border-style: solid;
       border-width: 1px;
@@ -43,25 +48,25 @@ const BadgePill = styled.span.withConfig({
 
   ${props => (props.$severity === 3 || props.$severity === 4) && css`
       ${props.theme.themeProp('background', '#2e2301', '#faeeb3')}
-      ${props.theme.themeProp('color', '#eab308', '#3b302b')}
+      ${props.theme.themeProp('color', '#eab308', '#78350F')}
     `}
 
   ${props => props.$severity === 5 && css`
-      ${props.theme.themeProp('background', 'rgba(182, 41, 2, 0.2)', 'rgba(182, 41, 2, 0.1)')}
-      ${props.theme.themeProp('color', '#ef4444', '#b62902')}
+      ${props.theme.themeProp('background', '#7E1B1B', 'rgba(182, 41, 2, 0.1)')}
+      ${props.theme.themeProp('color', '#e8d5d6', '#b62902')}
     `}
 `;
 const BadgeText = styled.span.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
-  font-size: 12px;
+  font-size: ${props => props.$fontSize || '12px'};
   font-weight: 500;
   line-height: 1.333em;
 `;
 const InstructionText = styled.p.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
-  font-size: 14px;
+  font-size: ${props => props.$fontSize || '14px'};
   font-weight: 400;
   line-height: 1.286em;
   margin: 0;

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstructionsSeverityDisplay.styled.js","sources":["../../../src/components/widgets/InstructionsSeverityDisplay/InstructionsSeverityDisplay.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Card = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: ${props => props.$padding || '14px 10px'};\n  ${props => {\n    if (props.$bgDark || props.$bgLight) {\n      return props.theme.themeProp(\n        'background',\n        props.$bgDark || props.theme.getColor('gray-900'),\n        props.$bgLight || props.theme.getColor('gray-200')\n      );\n    }\n    return props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('gray-200')\n    );\n  }}\n\n  ${props =>\n    props.$showCard &&\n    css`\n      border-radius: 10px;\n      box-shadow: 0px 0px 26px #0000001a;\n    `}\n\n  ${props =>\n    props.$severity === 5 &&\n    props.$showCard &&\n    css`\n      ${props.theme.themeProp('border', '1px solid #7f1d1d', '1px solid #dc2626')}\n    `}\n`;\n\nexport const BadgePill = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 9999px;\n  width: fit-content;\n  height: 24px;\n  ${props =>\n    (props.$severity === 1 || props.$severity === 2) &&\n    css`\n      border-style: solid;\n      border-width: 1px;\n      ${props.theme.themeProp(\n        'background',\n        props.theme.getColor('gray-800'),\n        props.theme.getColor('white')\n      )}\n      ${props.theme.themeProp('border-color', '#3a3a3a', '#ece4e1')}\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-300'),\n        props.theme.getColor('black')\n      )}\n    `}\n\n  ${props =>\n    (props.$severity === 3 || props.$severity === 4) &&\n    css`\n      ${props.theme.themeProp('background', '#2e2301', '#faeeb3')}\n      ${props.theme.themeProp('color', '#eab308', '#78350F')}\n    `}\n\n  ${props =>\n    props.$severity === 5 &&\n    css`\n      ${props.theme.themeProp('background', '#7E1B1B', 'rgba(182, 41, 2, 0.1)')}\n      ${props.theme.themeProp('color', '#e8d5d6', '#b62902')}\n    `}\n`;\n\nexport const BadgeText = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: ${props => props.$fontSize || '12px'};\n  font-weight: 500;\n  line-height: 1.333em;\n`;\n\nexport const InstructionText = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: ${props => props.$fontSize || '14px'};\n  font-weight: 400;\n  line-height: 1.286em;\n  margin: 0;\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('black'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","Card","styled","div","withConfig","attrs","applyDefaultTheme","props","$padding","$bgDark","$bgLight","theme","themeProp","getColor","$showCard","css","$severity","BadgePill","span","BadgeText","$fontSize","InstructionText","p"],"mappings":"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"}

package/build/widgets/SummaryCard/SummaryCard.js

@@ -1,14 +1,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import '../../data/Alert/Alert.js';
-import '../../data/Badge/Badge.js';
-import InstructionsSeverityDisplay from '../../data/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js';
-import '../../data/Popover/Popover.js';
-import '../../data/Tab/Tab.js';
-import '../../data/Tabs/Tabs.js';
-import '../../data/Tooltip/Tooltip.js';
-import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
+import InstructionsSeverityDisplay from '../InstructionsSeverityDisplay/InstructionsSeverityDisplay.js';
 import { SummaryCard as SummaryCard$1, Gutter, Header, HeaderLeft, HeaderRight, Title, Description, Footer, FooterLeft, FooterRight } from './SummaryCard.styled.js';
 
 const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
@@ -16,7 +9,7 @@ const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
   title,
   description,
   instructions,
-  instructionsType,
+  instructionsSeverity,
   headerLeft,
   headerRight,
   footerLeft,
@@ -24,6 +17,7 @@ const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
   width,
   useBorder,
   view,
+  instructionLabels,
   ...props
 }, forwardedRef) {
   const shouldRenderInstructions = !!instructions;
@@ -48,9 +42,12 @@ const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
   }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
     $gutter: 16
   }), shouldRenderInstructions && React__default.createElement(InstructionsSeverityDisplay, {
+    labels: instructionLabels,
     instructionText: instructions,
-    severity: 5,
-    showCard: false
+    severity: instructionsSeverity,
+    showCard: false,
+    padding: `14px 17px`,
+    detailsFontSize: `12px`
   }), 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, {
@@ -62,20 +59,21 @@ SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,
   instructions: PropTypes.string,
-  instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),
+  instructionsSeverity: 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
+  view: PropTypes.string,
+  instructionLabels: PropTypes.objectOf(PropTypes.string)
 } : {};
 SummaryCard.defaultProps = {
   title: '',
   description: '',
   instructions: '',
-  instructionsType: 'info',
+  instructionsSeverity: 1,
   headerLeft: null,
   headerRight: null,
   footerLeft: null,

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 { WarningCircleIcon } from '../../../icons';\nimport { Alert, InstructionsSeverityDisplay } from '../../data';\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 one of \"warning\", \"error\" or \"info\" to `instructionsType` to reflect the type 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    instructionsType,\n    headerLeft,\n    headerRight,\n    footerLeft,\n    footerRight,\n    width,\n    useBorder,\n    view,\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        <InstructionsSeverityDisplay instructionText={instructions} severity={5} showCard={false} />\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  instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\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\nSummaryCard.defaultProps = {\n  title: '',\n  description: '',\n  instructions: '',\n  instructionsType: 'info',\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","instructionsType","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","createElement","S","_extends","ref","$useBorder","Fragment","$gutter","InstructionsSeverityDisplay","instructionText","severity","showCard","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","node","number","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InstructionsSeverityDisplay from '../InstructionsSeverityDisplay';\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 `instructionsSeverity` 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    instructionsSeverity,\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        <InstructionsSeverityDisplay\n          labels={instructionLabels}\n          instructionText={instructions}\n          severity={instructionsSeverity}\n          showCard={false}\n          padding={`14px 17px`}\n          detailsFontSize={`12px`}\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  instructionsSeverity: 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  instructionsSeverity: 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","instructionsSeverity","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","InstructionsSeverityDisplay","labels","instructionText","severity","showCard","padding","detailsFontSize","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","node","number","objectOf","defaultProps"],"mappings":"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"}

package/build/widgets/SummaryCard/SummaryCard.styled.js

@@ -11,6 +11,7 @@ const SummaryCard = styled.div.withConfig({
   display: flex;
   flex-direction: column;
   border-radius: 4px;
+  overflow:hidden;
   width: ${props => props.width ? `${props.width}px` : '100%'};
   ${props => props.view === 'compact' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')) : 'background: transparent'};
 

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

@@ -1 +1 @@
-{"version":3,"file":"SummaryCard.styled.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const SummaryCard = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  border-radius: 4px;\n  width: ${props => (props.width ? `${props.width}px` : '100%')};\n  ${props =>\n    props.view === 'compact'\n      ? props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('white')\n        )\n      : 'background: transparent'};\n\n  ${props =>\n    props.$useBorder\n      ? props.theme.themeProp(\n          'border',\n          `1px solid ${props.theme.getColor('gray-500')}`,\n          `1px solid ${props.theme.getColor('gray-300')}`\n        )\n      : null}\n`;\n\nexport const Gutter = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props => {\n    if (props.renderAsMargin) {\n      return css`\n        margin-bottom: ${props.$gutter || 8}px;\n      `;\n    } else {\n      return css`\n        padding-bottom: ${props.$gutter || 8}px;\n      `;\n    }\n  }}\n  padding-bottom: ${props => props.$gutter || 8}px;\n`;\n\nexport const Header = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n`;\n\nexport const HeaderLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  > * {\n    margin-right: 4px;\n  }\n`;\n\nexport const HeaderRight = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  > * {\n    margin-left: 4px;\n  }\n`;\n\nexport const Title = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-block;\n  padding: 0 16px;\n  font: normal normal 500 14px/19px Roboto;\n  letter-spacing: 0.28px;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n`;\n\nexport const Description = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding: 0 16px;\n  text-align: left;\n  font: normal normal normal 12px/16px Roboto;\n  letter-spacing: 0.24px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n`;\n\nexport const Instruction = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)``;\n\nexport const Footer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n`;\n\nexport const FooterLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  > * {\n    margin-right: 4px;\n  }\n`;\n\nexport const FooterRight = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  > * {\n    margin-left: 4px;\n  }\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","SummaryCard","styled","div","withConfig","attrs","applyDefaultTheme","props","width","view","theme","themeProp","getColor","$useBorder","Gutter","renderAsMargin","css","$gutter","Header","HeaderLeft","HeaderRight","Title","span","Description","Footer","FooterLeft","FooterRight","FloatingArrow"],"mappings":";;;;AAIA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,WAAW,GAAGC,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,SAAA,EAAWC,KAAK,IAAKA,KAAK,CAACC,KAAK,GAAG,CAAGD,EAAAA,KAAK,CAACC,KAAK,CAAI,EAAA,CAAA,GAAG,MAAO,CAAA;AAC/D,EAAA,EAAID,KAAK,IACLA,KAAK,CAACE,IAAI,KAAK,SAAS,GACpBF,KAAK,CAACG,KAAK,CAACC,SAAS,CACnB,YAAY,EACZJ,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,GACD,yBAAyB,CAAA;AACjC;AACA,EAAA,EAAIL,KAAK,IACLA,KAAK,CAACM,UAAU,GACZN,KAAK,CAACG,KAAK,CAACC,SAAS,CACnB,QAAQ,EACR,CAAA,UAAA,EAAaJ,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAE,CAAA,EAC/C,aAAaL,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAC/C,CAAA,CAAC,GACD,IAAI,CAAA;AACZ,EAAC;AAEM,MAAME,MAAM,GAAGZ,MAAM,CAACC,GAAG,CAC7BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAA,EAAIC,KAAK,IAAI;EACT,IAAIA,KAAK,CAACQ,cAAc,EAAE;AACxB,IAAA,OAAOC,GAAG,CAAA;AAChB,uBAAA,EAAyBT,KAAK,CAACU,OAAO,IAAI,CAAC,CAAA;AAC3C,MAAO,CAAA,CAAA;AACH,GAAC,MAAM;AACL,IAAA,OAAOD,GAAG,CAAA;AAChB,wBAAA,EAA0BT,KAAK,CAACU,OAAO,IAAI,CAAC,CAAA;AAC5C,MAAO,CAAA,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACH,kBAAA,EAAoBV,KAAK,IAAIA,KAAK,CAACU,OAAO,IAAI,CAAC,CAAA;AAC/C,EAAC;AAEM,MAAMC,MAAM,GAAGhB,MAAM,CAACC,GAAG,CAC7BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMa,UAAU,GAAGjB,MAAM,CAACC,GAAG,CACjCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMc,WAAW,GAAGlB,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMe,KAAK,GAAGnB,MAAM,CAACoB,IAAI,CAC7BlB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACG,KAAK,CAACC,SAAS,CACnB,OAAO,EACPJ,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BL,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL,EAAC;AAEM,MAAMW,WAAW,GAAGrB,MAAM,CAACoB,IAAI,CACnClB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACG,KAAK,CAACC,SAAS,CACnB,OAAO,EACPJ,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BL,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL,EAAC;AAE0BV,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAE,EAAA;AAEtB,MAAMkB,MAAM,GAAGtB,MAAM,CAACC,GAAG,CAC7BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMmB,UAAU,GAAGvB,MAAM,CAACC,GAAG,CACjCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMoB,WAAW,GAAGxB,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEkCJ,MAAM,CAACyB,aAAa,CAAC,CACrDvB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACG,KAAK,CAACC,SAAS,CAAC,MAAM,EAAEJ,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAAEL,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;AAClG;;;;"}
+{"version":3,"file":"SummaryCard.styled.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const SummaryCard = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  border-radius: 4px;\n  overflow:hidden;\n  width: ${props => (props.width ? `${props.width}px` : '100%')};\n  ${props =>\n    props.view === 'compact'\n      ? props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('white')\n        )\n      : 'background: transparent'};\n\n  ${props =>\n    props.$useBorder\n      ? props.theme.themeProp(\n          'border',\n          `1px solid ${props.theme.getColor('gray-500')}`,\n          `1px solid ${props.theme.getColor('gray-300')}`\n        )\n      : null}\n`;\n\nexport const Gutter = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props => {\n    if (props.renderAsMargin) {\n      return css`\n        margin-bottom: ${props.$gutter || 8}px;\n      `;\n    } else {\n      return css`\n        padding-bottom: ${props.$gutter || 8}px;\n      `;\n    }\n  }}\n  padding-bottom: ${props => props.$gutter || 8}px;\n`;\n\nexport const Header = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n`;\n\nexport const HeaderLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  > * {\n    margin-right: 4px;\n  }\n`;\n\nexport const HeaderRight = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  > * {\n    margin-left: 4px;\n  }\n`;\n\nexport const Title = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-block;\n  padding: 0 16px;\n  font: normal normal 500 14px/19px Roboto;\n  letter-spacing: 0.28px;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n`;\n\nexport const Description = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding: 0 16px;\n  text-align: left;\n  font: normal normal normal 12px/16px Roboto;\n  letter-spacing: 0.24px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n`;\n\nexport const Instruction = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)``;\n\nexport const Footer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n`;\n\nexport const FooterLeft = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  > * {\n    margin-right: 4px;\n  }\n`;\n\nexport const FooterRight = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  > * {\n    margin-left: 4px;\n  }\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","SummaryCard","styled","div","withConfig","attrs","applyDefaultTheme","props","width","view","theme","themeProp","getColor","$useBorder","Gutter","renderAsMargin","css","$gutter","Header","HeaderLeft","HeaderRight","Title","span","Description","Footer","FooterLeft","FooterRight","FloatingArrow"],"mappings":"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"}

package/build/widgets/index.js

@@ -8,4 +8,5 @@ export { default as AssetActionBase } from './AssetActionsBase/AssetActionsBase.
 export { default as AssetAction } from './AssetAction/AssetAction.js';
 export { default as ProgressBar } from './ProgressBar/ProgressBar.js';
 export { default as InfoCard } from './InfoCard/InfoCard.js';
+export { default as InstructionsSeverityDisplay } from './InstructionsSeverityDisplay/InstructionsSeverityDisplay.js';
 //# sourceMappingURL=index.js.map

package/build/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.8-rc.1",
+  "version": "2.0.8-rc.2",
   "publishConfig": {
     "access": "public"
   },

package/build/data/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InstructionsSeverityDisplay.js","sources":["../../../src/components/data/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './InstructionsSeverityDisplay.styled';\n\nconst InformationIcon = () => (\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst getSeverityConfig = severity => {\n  switch (severity) {\n    case 1:\n    case 2:\n      return { label: 'Info' };\n    case 3:\n    case 4:\n      return { label: 'Limited use' };\n    case 5:\n      return { label: 'Highly restricted' };\n    default:\n      return null;\n  }\n};\n\n/**\n * Displays instruction text with a severity-level badge.\n *\n * ### Import\n *\n * ``` js\n * import { InstructionsSeverityDisplay } from '@ntbjs/react-components/data'\n * // or\n * import InstructionsSeverityDisplay from '@ntbjs/react-components/data/InstructionsSeverityDisplay'\n * ```\n *\n * ## Props\n * ```\n * Pass `severity` (1-5) to control the visual style.\n * Pass `instructionText` to display the instruction content.\n * Optionally pass `severityLabel` to override the default badge label.\n * Optionally pass `icon` to override the default icon element.\n * Pass `showCard={false}` to render without border-radius, shadow, and border.\n * ```\n */\n\nconst InstructionsSeverityDisplay = React.forwardRef(function InstructionsSeverityDisplay(\n  { severity, instructionText, severityLabel, icon, showCard = true, ...props },\n  forwardedRef\n) {\n  if (!instructionText) {\n    return null;\n  }\n\n  const config = getSeverityConfig(severity);\n\n  if (!config) {\n    return null;\n  }\n\n  const displayLabel = severityLabel || config.label;\n\n  return (\n    <S.Card ref={forwardedRef} $severity={severity} $showCard={showCard} {...props}>\n      <S.BadgePill $severity={severity}>\n        {icon || <InformationIcon />}\n        <S.BadgeText>{displayLabel}</S.BadgeText>\n      </S.BadgePill>\n      <S.InstructionText>{instructionText}</S.InstructionText>\n    </S.Card>\n  );\n});\n\nInstructionsSeverityDisplay.propTypes = {\n  /** Severity level (1-5). 1=Info, 3=Limited use, 5=Highly restricted. */\n  severity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n  /** The instruction text to display. Component returns null if empty. */\n  instructionText: PropTypes.string,\n  /** Override the default badge label for the severity level. */\n  severityLabel: PropTypes.string,\n  /** Override the default icon element. */\n  icon: PropTypes.element,\n  /** Whether to show card styling (border-radius, shadow, border). Defaults to true. */\n  showCard: PropTypes.bool\n};\n\nexport default InstructionsSeverityDisplay;\n"],"names":["InformationIcon","React","createElement","width","height","viewBox","fill","xmlns","d","getSeverityConfig","severity","label","InstructionsSeverityDisplay","forwardRef","instructionText","severityLabel","icon","showCard","props","forwardedRef","config","displayLabel","S","_extends","ref","$severity","$showCard","propTypes","process","env","NODE_ENV","PropTypes","oneOf","string","element","bool"],"mappings":";;;;;AAIA,MAAMA,eAAe,GAAGA,MACtBC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,EAAAA,KAAK,EAAC,IAAI;AAACC,EAAAA,MAAM,EAAC,IAAI;AAACC,EAAAA,OAAO,EAAC,WAAW;AAACC,EAAAA,IAAI,EAAC,MAAM;AAACC,EAAAA,KAAK,EAAC,4BAAA;AAA4B,CAC5FN,EAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEM,EAAAA,CAAC,EAAC,ocAAoc;AACtcF,EAAAA,IAAI,EAAC,cAAA;AAAc,CACpB,CACE,CACN,CAAA;AAED,MAAMG,iBAAiB,GAAGC,QAAQ,IAAI;AACpC,EAAA,QAAQA,QAAQ;AACd,IAAA,KAAK,CAAC,CAAA;AACN,IAAA,KAAK,CAAC;MACJ,OAAO;AAAEC,QAAAA,KAAK,EAAE,MAAA;OAAQ,CAAA;AAC1B,IAAA,KAAK,CAAC,CAAA;AACN,IAAA,KAAK,CAAC;MACJ,OAAO;AAAEA,QAAAA,KAAK,EAAE,aAAA;OAAe,CAAA;AACjC,IAAA,KAAK,CAAC;MACJ,OAAO;AAAEA,QAAAA,KAAK,EAAE,mBAAA;OAAqB,CAAA;AACvC,IAAA;AACE,MAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACF,CAAC,CAAA;AAuBKC,MAAAA,2BAA2B,GAAGX,cAAK,CAACY,UAAU,CAAC,SAASD,2BAA2BA,CACvF;EAAEF,QAAQ;EAAEI,eAAe;EAAEC,aAAa;EAAEC,IAAI;AAAEC,EAAAA,QAAQ,GAAG,IAAI;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC7EC,YAAY,EACZ;EACA,IAAI,CAACL,eAAe,EAAE;AACpB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,MAAMM,MAAM,GAAGX,iBAAiB,CAACC,QAAQ,CAAC,CAAA;EAE1C,IAAI,CAACU,MAAM,EAAE;AACX,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,MAAMC,YAAY,GAAGN,aAAa,IAAIK,MAAM,CAACT,KAAK,CAAA;EAElD,OACEV,cAAA,CAAAC,aAAA,CAACoB,IAAM,EAAAC,QAAA,CAAA;AAACC,IAAAA,GAAG,EAAEL,YAAa;AAACM,IAAAA,SAAS,EAAEf,QAAS;AAACgB,IAAAA,SAAS,EAAET,QAAAA;GAAcC,EAAAA,KAAK,GAC5EjB,cAAA,CAAAC,aAAA,CAACoB,SAAW,EAAA;AAACG,IAAAA,SAAS,EAAEf,QAAAA;AAAS,GAAA,EAC9BM,IAAI,IAAIf,cAAA,CAAAC,aAAA,CAACF,eAAe,EAAE,IAAA,CAAC,EAC5BC,cAAA,CAAAC,aAAA,CAACoB,SAAW,EAAA,IAAA,EAAED,YAA0B,CAC7B,CAAC,EACdpB,cAAA,CAAAC,aAAA,CAACoB,eAAiB,EAAER,IAAAA,EAAAA,eAAmC,CACjD,CAAC,CAAA;AAEb,CAAC,EAAC;AAEFF,2BAA2B,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAEtCpB,EAAAA,QAAQ,EAAEqB,SAAS,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;EAE1ClB,eAAe,EAAEiB,SAAS,CAACE,MAAM;EAEjClB,aAAa,EAAEgB,SAAS,CAACE,MAAM;EAE/BjB,IAAI,EAAEe,SAAS,CAACG,OAAO;EAEvBjB,QAAQ,EAAEc,SAAS,CAACI,IAAAA;AACtB,CAAC,GAAA,EAAA;;;;"}

package/build/data/InstructionsSeverityDisplay/InstructionsSeverityDisplay.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InstructionsSeverityDisplay.styled.js","sources":["../../../src/components/data/InstructionsSeverityDisplay/InstructionsSeverityDisplay.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Card = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 14px 10px;\n  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}\n\n  ${props =>\n    props.$showCard &&\n    css`\n      border-radius: 10px;\n      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);\n    `}\n\n  ${props =>\n    props.$severity === 5 &&\n    props.$showCard &&\n    css`\n      ${props.theme.themeProp('border', '1px solid #7f1d1d', '1px solid #dc2626')}\n    `}\n`;\n\nexport const BadgePill = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 9999px;\n  width: fit-content;\n\n  ${props =>\n    (props.$severity === 1 || props.$severity === 2) &&\n    css`\n      border-style: solid;\n      border-width: 1px;\n      ${props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('white'))}\n      ${props.theme.themeProp('border-color', '#3a3a3a', '#ece4e1')}\n      ${props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('black'))}\n    `}\n\n  ${props =>\n    (props.$severity === 3 || props.$severity === 4) &&\n    css`\n      ${props.theme.themeProp('background', '#2e2301', '#faeeb3')}\n      ${props.theme.themeProp('color', '#eab308', '#3b302b')}\n    `}\n\n  ${props =>\n    props.$severity === 5 &&\n    css`\n      ${props.theme.themeProp('background', 'rgba(182, 41, 2, 0.2)', 'rgba(182, 41, 2, 0.1)')}\n      ${props.theme.themeProp('color', '#ef4444', '#b62902')}\n    `}\n`;\n\nexport const BadgeText = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1.333em;\n`;\n\nexport const InstructionText = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.286em;\n  margin: 0;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('black')\n    )}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","Card","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","themeProp","getColor","$showCard","css","$severity","BadgePill","span","BadgeText","InstructionText","p"],"mappings":"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"}