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

package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js

@@ -6,17 +6,10 @@ const shouldForwardProp = prop => {
 };
 const ContextMenuItemsGroup = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-
-
-  > * {
-    border-bottom: none !important;
-  }
-
-  > *:not(:last-child) {
-    height: 32px;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ContextMenuItemsGroupstyled__ContextMenuItemsGroup",
+  componentId: "sc-ot5edl-0"
+})(["> *{border-bottom:none !important;}> *:not(:last-child){height:32px;}"]);
 
 export { ContextMenuItemsGroup };
 //# sourceMappingURL=ContextMenuItemsGroup.styled.js.map

package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItemsGroup.styled.js","sources":["../../../../src/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const ContextMenuItemsGroup = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n\n\n  > * {\n    border-bottom: none !important;\n  }\n\n  > *:not(:last-child) {\n    height: 32px;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","ContextMenuItemsGroup","styled","div","withConfig","attrs","applyDefaultTheme"],"mappings":";;;AAGA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,qBAAqB,GAAGC,MAAM,CAACC,GAAG,CAC5CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"ContextMenuItemsGroup.styled.js","sources":["../../../../src/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.ts"],"sourcesContent":["// No components read props, so no transient-prop types to declare.\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\n// Single-argument to stay compatible with styled-components v5.1 and v6. Annotation required despite noImplicitAny being off.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const ContextMenuItemsGroup = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n\n\n  > * {\n    border-bottom: none !important;\n  }\n\n  > *:not(:last-child) {\n    height: 32px;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","ContextMenuItemsGroup","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId"],"mappings":";;;AAKA,MAAMA,iBAAiB,GAAIC,IAAY,IAAc;EACnD,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC;AAClD,CAAC;AAEM,MAAMC,qBAAqB,GAAGC,MAAM,CAACC,GAAG,CAC5CC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,oDAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,uEAAA,CAAA;;;;"}

package/build/widgets/InfoCard/InfoCard.js

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState } from 'react';
-import PropTypes from 'prop-types';
 import { Container, MetricsContainer, IconTotalContainer, IconContainer, Total, Label, Link, ButtonLink, StyledArrowIcon } from './InfoCard.styled.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const InfoCard = React__default.forwardRef(function InfoCard({
   icon,
@@ -14,27 +13,33 @@ const InfoCard = React__default.forwardRef(function InfoCard({
 }, forwardedRef) {
   const [isLinkHovered, setIsLinkHovered] = useState(false);
   const handleLinkClick = e => onClick(e);
-  return React__default.createElement(Container, _extends({
+  return jsxs(Container, {
     height: height,
-    ref: forwardedRef
-  }, props), React__default.createElement(MetricsContainer, null, React__default.createElement(IconTotalContainer, null, React__default.createElement(IconContainer, null, icon), React__default.createElement(Total, null, total)), React__default.createElement(Label, null, label)), linkLabel && onClick && React__default.createElement(Link, {
-    onClick: handleLinkClick,
-    onMouseEnter: () => setIsLinkHovered(true),
-    onMouseLeave: () => setIsLinkHovered(false)
-  }, React__default.createElement(ButtonLink, {
-    $isHovered: isLinkHovered
-  }, linkLabel), React__default.createElement(StyledArrowIcon, {
-    $isHovered: isLinkHovered
-  })));
+    ref: forwardedRef,
+    ...props,
+    children: [jsxs(MetricsContainer, {
+      children: [jsxs(IconTotalContainer, {
+        children: [jsx(IconContainer, {
+          children: icon
+        }), jsx(Total, {
+          children: total
+        })]
+      }), jsx(Label, {
+        children: label
+      })]
+    }), linkLabel && onClick && jsxs(Link, {
+      onClick: handleLinkClick,
+      onMouseEnter: () => setIsLinkHovered(true),
+      onMouseLeave: () => setIsLinkHovered(false),
+      children: [jsx(ButtonLink, {
+        $isHovered: isLinkHovered,
+        children: linkLabel
+      }), jsx(StyledArrowIcon, {
+        $isHovered: isLinkHovered
+      })]
+    })]
+  });
 });
-InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.element.isRequired,
-  total: PropTypes.number.isRequired,
-  label: PropTypes.string.isRequired,
-  linkLabel: PropTypes.string,
-  onClick: PropTypes.func,
-  height: PropTypes.number
-} : {};
 
 export { InfoCard as default };
 //# sourceMappingURL=InfoCard.js.map

package/build/widgets/InfoCard/InfoCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.js","sources":["../../../src/components/widgets/InfoCard/InfoCard.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './InfoCard.styled';\n\n/**\n * Info Card\n *\n * ### Import\n *\n * ``` js\n * import { InfoCard } from '@ntbjs/react-components/widgets'\n * // or\n * import InfoCard from '@ntbjs/react-components/widgets/InfoCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `total={100}` to display number.\n * Pass `label={\"this is a label\"}` to display a label.\n * Pass `linkLabel={\"this is a label\"}` to display a link next to the arrow icon.\n * Pass `height={50}` to adjust the card´s height.\n * Pass `onClick={function}` to handle click event.\n * ```\n */\n\nconst InfoCard = React.forwardRef(function InfoCard(\n  { icon, total, label, linkLabel, onClick, height, ...props },\n  forwardedRef\n) {\n  const [isLinkHovered, setIsLinkHovered] = useState(false);\n\n  const handleLinkClick = e => onClick(e);\n\n  return (\n    <S.Container height={height} ref={forwardedRef} {...props}>\n      <S.MetricsContainer>\n        <S.IconTotalContainer>\n          <S.IconContainer>{icon}</S.IconContainer>\n          <S.Total>{total}</S.Total>\n        </S.IconTotalContainer>\n        <S.Label>{label}</S.Label>\n      </S.MetricsContainer>\n      {linkLabel && onClick && (\n        <S.Link\n          onClick={handleLinkClick}\n          onMouseEnter={() => setIsLinkHovered(true)}\n          onMouseLeave={() => setIsLinkHovered(false)}\n        >\n          <S.ButtonLink $isHovered={isLinkHovered}>{linkLabel}</S.ButtonLink>\n          <S.StyledArrowIcon $isHovered={isLinkHovered} />\n        </S.Link>\n      )}\n    </S.Container>\n  );\n});\n\nInfoCard.propTypes = {\n  icon: PropTypes.element.isRequired,\n  total: PropTypes.number.isRequired,\n  label: PropTypes.string.isRequired,\n  linkLabel: PropTypes.string,\n  onClick: PropTypes.func,\n  height: PropTypes.number\n};\n\nexport default InfoCard;\n"],"names":["InfoCard","React","forwardRef","icon","total","label","linkLabel","onClick","height","props","forwardedRef","isLinkHovered","setIsLinkHovered","useState","handleLinkClick","e","createElement","S","_extends","ref","onMouseEnter","onMouseLeave","$isHovered","propTypes","process","env","NODE_ENV","PropTypes","element","isRequired","number","string","func"],"mappings":";;;;;AA0BMA,MAAAA,QAAQ,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,QAAQA,CACjD;EAAEG,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAEC,SAAS;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC5DC,YAAY,EACZ;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEzD,EAAA,MAAMC,eAAe,GAAGC,CAAC,IAAIR,OAAO,CAACQ,CAAC,CAAC,CAAA;EAEvC,OACEd,cAAA,CAAAe,aAAA,CAACC,SAAW,EAAAC,QAAA,CAAA;AAACV,IAAAA,MAAM,EAAEA,MAAO;AAACW,IAAAA,GAAG,EAAET,YAAAA;AAAa,GAAA,EAAKD,KAAK,CAAA,EACvDR,cAAA,CAAAe,aAAA,CAACC,gBAAkB,EAAA,IAAA,EACjBhB,cAAA,CAAAe,aAAA,CAACC,kBAAoB,EAAA,IAAA,EACnBhB,cAAA,CAAAe,aAAA,CAACC,aAAe,EAAA,IAAA,EAAEd,IAAsB,CAAC,EACzCF,cAAA,CAAAe,aAAA,CAACC,KAAO,EAAA,IAAA,EAAEb,KAAe,CACL,CAAC,EACvBH,cAAA,CAAAe,aAAA,CAACC,KAAO,EAAEZ,IAAAA,EAAAA,KAAe,CACP,CAAC,EACpBC,SAAS,IAAIC,OAAO,IACnBN,cAAA,CAAAe,aAAA,CAACC,IAAM,EAAA;AACLV,IAAAA,OAAO,EAAEO,eAAgB;AACzBM,IAAAA,YAAY,EAAEA,MAAMR,gBAAgB,CAAC,IAAI,CAAE;AAC3CS,IAAAA,YAAY,EAAEA,MAAMT,gBAAgB,CAAC,KAAK,CAAA;AAAE,GAAA,EAE5CX,cAAA,CAAAe,aAAA,CAACC,UAAY,EAAA;AAACK,IAAAA,UAAU,EAAEX,aAAAA;GAAgBL,EAAAA,SAAwB,CAAC,EACnEL,cAAA,CAAAe,aAAA,CAACC,eAAiB,EAAA;AAACK,IAAAA,UAAU,EAAEX,aAAAA;GAAgB,CACzC,CAEC,CAAC,CAAA;AAElB,CAAC,EAAC;AAEFX,QAAQ,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AACnBvB,EAAAA,IAAI,EAAEwB,SAAS,CAACC,OAAO,CAACC,UAAU;AAClCzB,EAAAA,KAAK,EAAEuB,SAAS,CAACG,MAAM,CAACD,UAAU;AAClCxB,EAAAA,KAAK,EAAEsB,SAAS,CAACI,MAAM,CAACF,UAAU;EAClCvB,SAAS,EAAEqB,SAAS,CAACI,MAAM;EAC3BxB,OAAO,EAAEoB,SAAS,CAACK,IAAI;EACvBxB,MAAM,EAAEmB,SAAS,CAACG,MAAAA;AACpB,CAAC,GAAA,EAAA;;;;"}
+{"version":3,"file":"InfoCard.js","sources":["../../../src/components/widgets/InfoCard/InfoCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as S from './InfoCard.styled';\n\ntype InfoCardOwnProps = {\n  icon: React.ReactElement<any>;\n  total: number;\n  label: string;\n  linkLabel?: string;\n  onClick?: (...args: any[]) => any;\n  height?: number;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<React.ComponentPropsWithoutRef<typeof S.Container>, keyof InfoCardOwnProps> &\n  InfoCardOwnProps;\n\n/**\n * Info Card\n *\n * ### Import\n *\n * ``` js\n * import { InfoCard } from '@ntbjs/react-components/widgets'\n * // or\n * import InfoCard from '@ntbjs/react-components/widgets/InfoCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `total={100}` to display number.\n * Pass `label={\"this is a label\"}` to display a label.\n * Pass `linkLabel={\"this is a label\"}` to display a link next to the arrow icon.\n * Pass `height={50}` to adjust the card´s height.\n * Pass `onClick={function}` to handle click event.\n * ```\n */\n\nconst InfoCard = React.forwardRef<any, Props>(function InfoCard(\n  { icon, total, label, linkLabel, onClick, height, ...props },\n  forwardedRef\n) {\n  const [isLinkHovered, setIsLinkHovered] = useState(false);\n\n  const handleLinkClick = e => onClick(e);\n\n  return (\n    <S.Container height={height} ref={forwardedRef} {...props}>\n      <S.MetricsContainer>\n        <S.IconTotalContainer>\n          <S.IconContainer>{icon}</S.IconContainer>\n          <S.Total>{total}</S.Total>\n        </S.IconTotalContainer>\n        <S.Label>{label}</S.Label>\n      </S.MetricsContainer>\n      {linkLabel && onClick && (\n        <S.Link\n          onClick={handleLinkClick}\n          onMouseEnter={() => setIsLinkHovered(true)}\n          onMouseLeave={() => setIsLinkHovered(false)}\n        >\n          <S.ButtonLink $isHovered={isLinkHovered}>{linkLabel}</S.ButtonLink>\n          <S.StyledArrowIcon $isHovered={isLinkHovered} />\n        </S.Link>\n      )}\n    </S.Container>\n  );\n});\n\nexport default InfoCard;\n"],"names":["InfoCard","React","forwardRef","icon","total","label","linkLabel","onClick","height","props","forwardedRef","isLinkHovered","setIsLinkHovered","useState","handleLinkClick","e","_jsxs","S","ref","children","_jsx","onMouseEnter","onMouseLeave","$isHovered"],"mappings":";;;;AAsCA,MAAMA,QAAQ,GAAGC,cAAK,CAACC,UAAU,CAAa,SAASF,QAAQA,CAC7D;EAAEG,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAEC,SAAS;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EAC5DC,YAAY,EACZ;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;AAEzD,EAAA,MAAMC,eAAe,GAAGC,CAAC,IAAIR,OAAO,CAACQ,CAAC,CAAC;AAEvC,EAAA,OACEC,IAAA,CAACC,SAAW,EAAA;AAACT,IAAAA,MAAM,EAAEA,MAAO;AAACU,IAAAA,GAAG,EAAER,YAAa;AAAA,IAAA,GAAKD,KAAK;AAAAU,IAAAA,QAAA,EAAA,CACvDH,IAAA,CAACC,gBAAkB,EAAA;AAAAE,MAAAA,QAAA,EAAA,CACjBH,IAAA,CAACC,kBAAoB,EAAA;AAAAE,QAAAA,QAAA,EAAA,CACnBC,GAAA,CAACH,aAAe,EAAA;AAAAE,UAAAA,QAAA,EAAEhB;AAAI,SAAkB,CAAC,EACzCiB,GAAA,CAACH,KAAO,EAAA;AAAAE,UAAAA,QAAA,EAAEf;AAAK,SAAU,CAAC;AAAA,OACN,CAAC,EACvBgB,GAAA,CAACH,KAAO,EAAA;AAAAE,QAAAA,QAAA,EAAEd;AAAK,OAAU,CAAC;KACR,CAAC,EACpBC,SAAS,IAAIC,OAAO,IACnBS,IAAA,CAACC,IAAM,EAAA;AACLV,MAAAA,OAAO,EAAEO,eAAgB;AACzBO,MAAAA,YAAY,EAAEA,MAAMT,gBAAgB,CAAC,IAAI,CAAE;AAC3CU,MAAAA,YAAY,EAAEA,MAAMV,gBAAgB,CAAC,KAAK,CAAE;AAAAO,MAAAA,QAAA,EAAA,CAE5CC,GAAA,CAACH,UAAY,EAAA;AAACM,QAAAA,UAAU,EAAEZ,aAAc;AAAAQ,QAAAA,QAAA,EAAEb;AAAS,OAAe,CAAC,EACnEc,GAAA,CAACH,eAAiB,EAAA;AAACM,QAAAA,UAAU,EAAEZ;AAAc,OAAE,CAAC;AAAA,KAC1C,CACT;AAAA,GACU,CAAC;AAElB,CAAC;;;;"}

package/build/widgets/InfoCard/InfoCard.styled.js

@@ -8,106 +8,58 @@ const shouldForwardProp = prop => {
 };
 const Container = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 500;
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'))};
-  height: ${props => props.height ? `${props.height}px` : '50px'};
-  border-radius: 3px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 5px 0;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InfoCardstyled__Container",
+  componentId: "sc-gnifwb-0"
+})(["font-family:", ";font-size:1rem;font-weight:500;", ";height:", ";border-radius:3px;display:flex;flex-direction:row;align-items:center;padding:5px 0;"], props => props.theme.primaryFontFamily, props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50')), props => props.height ? `${props.height}px` : '50px');
 const MetricsContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  width: 70%;
-  gap: 5px;
-  padding-left: 15px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InfoCardstyled__MetricsContainer",
+  componentId: "sc-gnifwb-1"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:70%;gap:5px;padding-left:15px;"]);
 const IconTotalContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InfoCardstyled__IconTotalContainer",
+  componentId: "sc-gnifwb-2"
+})(["display:flex;justify-content:center;align-items:center;gap:10px;"]);
 const Total = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 1.22rem;
-  font-weight: 700;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InfoCardstyled__Total",
+  componentId: "sc-gnifwb-3"
+})(["font-size:1.22rem;font-weight:700;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
 const Label = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 400;
-  opacity: 0.8;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-500'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InfoCardstyled__Label",
+  componentId: "sc-gnifwb-4"
+})(["font-size:0.875rem;font-weight:400;opacity:0.8;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-500')));
 const IconContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 18px;
-  margin-top: -0.05rem;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InfoCardstyled__IconContainer",
+  componentId: "sc-gnifwb-5"
+})(["display:flex;justify-content:center;align-items:center;width:18px;margin-top:-0.05rem;"]);
 const Link = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 400;
-  width: 30%;
-  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: "InfoCardstyled__Link",
+  componentId: "sc-gnifwb-6"
+})(["font-size:0.875rem;font-weight:400;width:30%;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;
-  white-space: nowrap;
-  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: "InfoCardstyled__ButtonLink",
+  componentId: "sc-gnifwb-7"
+})(["font-size:0.875rem;font-weight:500;height:100%;display:flex;align-items:center;white-space:nowrap;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: "InfoCardstyled__StyledArrowIcon",
+  componentId: "sc-gnifwb-8"
+})(["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, Container, IconContainer, IconTotalContainer, Label, Link, MetricsContainer, StyledArrowIcon, Total };
 //# sourceMappingURL=InfoCard.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.styled.js","sources":["../../../src/components/widgets/InfoCard/InfoCard.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\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )};\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  border-radius: 3px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 5px 0;\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: flex-start;\n  width: 70%;\n  gap: 5px;\n  padding-left: 15px;\n`;\n\nexport const IconTotalContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n`;\nexport const Total = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.22rem;\n  font-weight: 700;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )};\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-500')\n    )};\n`;\nexport const IconContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 18px;\n  margin-top: -0.05rem;\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: 30%;\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  white-space: nowrap;\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: transform 0.2s ease-in-out, 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","Container","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily","themeProp","getColor","height","MetricsContainer","IconTotalContainer","Total","Label","IconContainer","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}
+{"version":3,"file":"InfoCard.styled.js","sources":["../../../src/components/widgets/InfoCard/InfoCard.styled.ts"],"sourcesContent":["// $-prefixed props are transient and never reach the DOM.\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\n/**\n * `height` as number (px); NO `$` prefix to preserve existing DOM baseline (already in r19-harness).\n */\nexport interface InfoCardContainerStyleProps {\n  height?: number;\n}\n\n/**\n * `$isHovered` from useState; not coverable by render gate (always false at baseline).\n */\ninterface InfoCardHoverStyleProps {\n  $isHovered?: boolean;\n}\n\n// Single-argument (styled-components 5 compat); prop needs annotation because withConfig takes by reference.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<InfoCardContainerStyleProps>(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )};\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  border-radius: 3px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 5px 0;\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: flex-start;\n  width: 70%;\n  gap: 5px;\n  padding-left: 15px;\n`;\n\nexport const IconTotalContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n`;\nexport const Total = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.22rem;\n  font-weight: 700;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )};\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-500')\n    )};\n`;\nexport const IconContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 18px;\n  margin-top: -0.05rem;\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: 30%;\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<InfoCardHoverStyleProps>(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\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<InfoCardHoverStyleProps>(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: transform 0.2s ease-in-out, 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","Container","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","theme","primaryFontFamily","themeProp","getColor","height","MetricsContainer","IconTotalContainer","Total","Label","IconContainer","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}

package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js

@@ -1,8 +1,7 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from 'prop-types';
 import SeverityBadge from '../../data/SeverityBadge/SeverityBadge.js';
 import { InstructionText, Card, ThumbnailWrapper, ThumbnailImage, ContentWrapper } from './InstructionSeverityDisplay.styled.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 const defaultLabels = {
   1: 'Info',
@@ -33,45 +32,40 @@ const InstructionSeverityDisplay = React__default.forwardRef(function Instructio
   const effectiveSeverity = severity ?? 1;
   const displayLabel = severityLabel || labels && labels[effectiveSeverity] || defaultLabels[effectiveSeverity];
   const hasThumbnail = thumbnail !== undefined;
-  const content = React__default.createElement(React__default.Fragment, null, React__default.createElement(SeverityBadge, {
-    severity: severity,
-    label: displayLabel,
-    icon: icon,
-    fontSize: badgeFontSize ? parseFloat(badgeFontSize) : undefined
-  }), React__default.createElement(InstructionText, {
-    $fontSize: detailsFontSize,
-    $maxLines: maxLines
-  }, maxLines ? React__default.createElement("span", {
-    title: instructionText
-  }, instructionText) : instructionText));
-  return React__default.createElement(Card, _extends({
+  const content = jsxs(Fragment, {
+    children: [jsx(SeverityBadge, {
+      severity: severity,
+      label: displayLabel,
+      icon: icon,
+      fontSize: badgeFontSize ? parseFloat(badgeFontSize) : undefined
+    }), jsx(InstructionText, {
+      $fontSize: detailsFontSize,
+      $maxLines: maxLines,
+      children: maxLines ? jsx("span", {
+        title: instructionText,
+        children: instructionText
+      }) : instructionText
+    })]
+  });
+  return jsxs(Card, {
     ref: forwardedRef,
     $severity: severity,
     $showCard: showCard,
     $padding: padding,
     $bgLight: bgLight,
     $bgDark: bgDark,
-    $hasThumbnail: hasThumbnail
-  }, props), hasThumbnail && React__default.createElement(ThumbnailWrapper, null, thumbnail && React__default.createElement(ThumbnailImage, {
-    src: thumbnail,
-    alt: ""
-  })), hasThumbnail ? React__default.createElement(ContentWrapper, null, content) : content);
+    $hasThumbnail: hasThumbnail,
+    ...props,
+    children: [hasThumbnail && jsx(ThumbnailWrapper, {
+      children: thumbnail && jsx(ThumbnailImage, {
+        src: thumbnail,
+        alt: ""
+      })
+    }), hasThumbnail ? jsx(ContentWrapper, {
+      children: content
+    }) : content]
+  });
 });
-InstructionSeverityDisplay.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,
-  padding: PropTypes.string,
-  badgeFontSize: PropTypes.string,
-  detailsFontSize: PropTypes.string,
-  bgLight: PropTypes.string,
-  bgDark: PropTypes.string,
-  maxLines: PropTypes.number,
-  thumbnail: PropTypes.string
-} : {};
 
 export { InstructionSeverityDisplay as default };
 //# sourceMappingURL=InstructionSeverityDisplay.js.map

package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstructionSeverityDisplay.js","sources":["../../../src/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SeverityBadge from '../../data/SeverityBadge/SeverityBadge';\nimport * as S from './InstructionSeverityDisplay.styled';\n\nconst defaultLabels = {\n  1: 'Info',\n  2: 'Info',\n  3: 'Limited use',\n  4: 'Limited use',\n  5: 'Highly restricted'\n};\n\n/**\n * InstructionSeverityDisplay communicates the usage restrictions or\n * severity levels associated with a specific instruction or asset.\n *\n * ### Import\n *\n * ``` js\n * import { InstructionSeverityDisplay } from '@ntbjs/react-components/widgets'\n * // or\n * import InstructionSeverityDisplay from '@ntbjs/react-components/widgets/InstructionSeverityDisplay'\n * ```\n */\nconst InstructionSeverityDisplay = React.forwardRef(function InstructionSeverityDisplay(\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    maxLines,\n    thumbnail,\n    ...props\n  },\n  forwardedRef\n) {\n  if (!instructionText) {\n    return null;\n  }\n\n  const effectiveSeverity = severity ?? 1;\n  const displayLabel =\n    severityLabel || (labels && labels[effectiveSeverity]) || defaultLabels[effectiveSeverity];\n\n  const hasThumbnail = thumbnail !== undefined;\n\n  const content = (\n    <>\n      <SeverityBadge\n        severity={severity}\n        label={displayLabel}\n        icon={icon}\n        fontSize={badgeFontSize ? parseFloat(badgeFontSize) : undefined}\n      />\n      <S.InstructionText $fontSize={detailsFontSize} $maxLines={maxLines}>\n        {maxLines ? <span title={instructionText}>{instructionText}</span> : instructionText}\n      </S.InstructionText>\n    </>\n  );\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      $hasThumbnail={hasThumbnail}\n      {...props}\n    >\n      {hasThumbnail && (\n        <S.ThumbnailWrapper>\n          {thumbnail && <S.ThumbnailImage src={thumbnail} alt=\"\" />}\n        </S.ThumbnailWrapper>\n      )}\n      {hasThumbnail ? <S.ContentWrapper>{content}</S.ContentWrapper> : content}\n    </S.Card>\n  );\n});\n\nInstructionSeverityDisplay.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  /** Max number of lines for instruction text before clamping with ellipsis. */\n  maxLines: PropTypes.number,\n  /** URL of a thumbnail image to display on the left side of the card. Pass null to show a placeholder. Omit to show no thumbnail. */\n  thumbnail: PropTypes.string\n};\n\nexport default InstructionSeverityDisplay;\n"],"names":["defaultLabels","InstructionSeverityDisplay","React","forwardRef","severity","instructionText","severityLabel","labels","icon","showCard","padding","badgeFontSize","detailsFontSize","bgLight","bgDark","maxLines","thumbnail","props","forwardedRef","effectiveSeverity","displayLabel","hasThumbnail","undefined","content","createElement","Fragment","SeverityBadge","label","fontSize","parseFloat","S","$fontSize","$maxLines","title","_extends","ref","$severity","$showCard","$padding","$bgLight","$bgDark","$hasThumbnail","src","alt","propTypes","process","env","NODE_ENV","PropTypes","oneOf","string","objectOf","element","bool","number"],"mappings":"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"}
+{"version":3,"file":"InstructionSeverityDisplay.js","sources":["../../../src/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.tsx"],"sourcesContent":["import React from 'react';\nimport SeverityBadge from '../../data/SeverityBadge/SeverityBadge';\nimport * as S from './InstructionSeverityDisplay.styled';\n\nconst defaultLabels = {\n  1: 'Info',\n  2: 'Info',\n  3: 'Limited use',\n  4: 'Limited use',\n  5: 'Highly restricted'\n};\n\ntype InstructionSeverityDisplayOwnProps = {\n  /** Severity level (1-5). 1=Info, 3=Limited use, 5=Highly restricted. */\n  severity?: 1 | 2 | 3 | 4 | 5;\n  /** The instruction text to display. Component returns null if empty. */\n  instructionText?: string;\n  /** Override the default badge label for the severity level. */\n  severityLabel?: string;\n  /** Map of severity level to translated label string, e.g. { 1: 'Info', 3: 'Begrenset bruk', 5: 'Svært begrenset' }. */\n  labels?: {\n    [key: string]: string;\n  };\n  /** Override the default icon element. */\n  icon?: React.ReactElement<any>;\n  /** Whether to show card styling (border-radius, shadow, border). Defaults to true. */\n  showCard?: boolean;\n  /** Custom card padding, e.g. \"8px 6px\" or \"20px\". Defaults to \"14px 10px\". */\n  padding?: string;\n  /** Custom font size for the badge text, e.g. \"10px\" or \"0.75rem\". Defaults to \"12px\". */\n  badgeFontSize?: string;\n  /** Custom font size for the details/instruction text, e.g. \"12px\" or \"0.875rem\". Defaults to \"14px\". */\n  detailsFontSize?: string;\n  /** Override card background color in light mode, e.g. \"#ffffff\" or \"transparent\". */\n  bgLight?: string;\n  /** Override card background color in dark mode, e.g. \"#1a1a1a\" or \"transparent\". */\n  bgDark?: string;\n  /** Max number of lines for instruction text before clamping with ellipsis. */\n  maxLines?: number;\n  /** URL of a thumbnail image to display on the left side of the card. Pass null to show a placeholder. Omit to show no thumbnail. */\n  thumbnail?: string;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof S.Card>,\n  keyof InstructionSeverityDisplayOwnProps\n> &\n  InstructionSeverityDisplayOwnProps;\n\n/**\n * InstructionSeverityDisplay communicates the usage restrictions or\n * severity levels associated with a specific instruction or asset.\n *\n * ### Import\n *\n * ``` js\n * import { InstructionSeverityDisplay } from '@ntbjs/react-components/widgets'\n * // or\n * import InstructionSeverityDisplay from '@ntbjs/react-components/widgets/InstructionSeverityDisplay'\n * ```\n */\nconst InstructionSeverityDisplay = React.forwardRef<any, Props>(function InstructionSeverityDisplay(\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    maxLines,\n    thumbnail,\n    ...props\n  },\n  forwardedRef\n) {\n  if (!instructionText) {\n    return null;\n  }\n\n  const effectiveSeverity = severity ?? 1;\n  const displayLabel =\n    severityLabel || (labels && labels[effectiveSeverity]) || defaultLabels[effectiveSeverity];\n\n  const hasThumbnail = thumbnail !== undefined;\n\n  const content = (\n    <>\n      <SeverityBadge\n        severity={severity}\n        label={displayLabel}\n        icon={icon}\n        fontSize={badgeFontSize ? parseFloat(badgeFontSize) : undefined}\n      />\n      <S.InstructionText $fontSize={detailsFontSize} $maxLines={maxLines}>\n        {maxLines ? <span title={instructionText}>{instructionText}</span> : instructionText}\n      </S.InstructionText>\n    </>\n  );\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      $hasThumbnail={hasThumbnail}\n      {...props}\n    >\n      {hasThumbnail && (\n        <S.ThumbnailWrapper>\n          {thumbnail && <S.ThumbnailImage src={thumbnail} alt=\"\" />}\n        </S.ThumbnailWrapper>\n      )}\n      {hasThumbnail ? <S.ContentWrapper>{content}</S.ContentWrapper> : content}\n    </S.Card>\n  );\n});\n\nexport default InstructionSeverityDisplay;\n"],"names":["defaultLabels","InstructionSeverityDisplay","React","forwardRef","severity","instructionText","severityLabel","labels","icon","showCard","padding","badgeFontSize","detailsFontSize","bgLight","bgDark","maxLines","thumbnail","props","forwardedRef","effectiveSeverity","displayLabel","hasThumbnail","undefined","content","_jsxs","_Fragment","children","_jsx","SeverityBadge","label","fontSize","parseFloat","S","$fontSize","$maxLines","title","ref","$severity","$showCard","$padding","$bgLight","$bgDark","$hasThumbnail","src","alt"],"mappings":";;;;;AAIA,MAAMA,aAAa,GAAG;AACpB,EAAA,CAAC,EAAE,MAAM;AACT,EAAA,CAAC,EAAE,MAAM;AACT,EAAA,CAAC,EAAE,aAAa;AAChB,EAAA,CAAC,EAAE,aAAa;AAChB,EAAA,CAAC,EAAE;AACL,CAAC;AAoDD,MAAMC,0BAA0B,GAAGC,cAAK,CAACC,UAAU,CAAa,SAASF,0BAA0BA,CACjG;EACEG,QAAQ;EACRC,eAAe;EACfC,aAAa;EACbC,MAAM;EACNC,IAAI;AACJC,EAAAA,QAAQ,GAAG,IAAI;EACfC,OAAO;EACPC,aAAa;EACbC,eAAe;EACfC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,IAAI,CAACb,eAAe,EAAE;AACpB,IAAA,OAAO,IAAI;AACb,EAAA;AAEA,EAAA,MAAMc,iBAAiB,GAAGf,QAAQ,IAAI,CAAC;AACvC,EAAA,MAAMgB,YAAY,GAChBd,aAAa,IAAKC,MAAM,IAAIA,MAAM,CAACY,iBAAiB,CAAE,IAAInB,aAAa,CAACmB,iBAAiB,CAAC;AAE5F,EAAA,MAAME,YAAY,GAAGL,SAAS,KAAKM,SAAS;AAE5C,EAAA,MAAMC,OAAO,GACXC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,CACEC,GAAA,CAACC,aAAa,EAAA;AACZxB,MAAAA,QAAQ,EAAEA,QAAS;AACnByB,MAAAA,KAAK,EAAET,YAAa;AACpBZ,MAAAA,IAAI,EAAEA,IAAK;AACXsB,MAAAA,QAAQ,EAAEnB,aAAa,GAAGoB,UAAU,CAACpB,aAAa,CAAC,GAAGW;AAAU,KACjE,CAAC,EACFK,GAAA,CAACK,eAAiB,EAAA;AAACC,MAAAA,SAAS,EAAErB,eAAgB;AAACsB,MAAAA,SAAS,EAAEnB,QAAS;MAAAW,QAAA,EAChEX,QAAQ,GAAGY,GAAA,CAAA,MAAA,EAAA;AAAMQ,QAAAA,KAAK,EAAE9B,eAAgB;AAAAqB,QAAAA,QAAA,EAAErB;AAAe,OAAO,CAAC,GAAGA;AAAe,KACnE,CAAC;AAAA,GACpB,CACH;AAED,EAAA,OACEmB,IAAA,CAACQ,IAAM,EAAA;AACLI,IAAAA,GAAG,EAAElB,YAAa;AAClBmB,IAAAA,SAAS,EAAEjC,QAAS;AACpBkC,IAAAA,SAAS,EAAE7B,QAAS;AACpB8B,IAAAA,QAAQ,EAAE7B,OAAQ;AAClB8B,IAAAA,QAAQ,EAAE3B,OAAQ;AAClB4B,IAAAA,OAAO,EAAE3B,MAAO;AAChB4B,IAAAA,aAAa,EAAErB,YAAa;AAAA,IAAA,GACxBJ,KAAK;AAAAS,IAAAA,QAAA,GAERL,YAAY,IACXM,GAAA,CAACK,gBAAkB,EAAA;AAAAN,MAAAA,QAAA,EAChBV,SAAS,IAAIW,GAAA,CAACK,cAAgB,EAAA;AAACW,QAAAA,GAAG,EAAE3B,SAAU;AAAC4B,QAAAA,GAAG,EAAC;OAAI;KACtC,CACrB,EACAvB,YAAY,GAAGM,GAAA,CAACK,cAAgB,EAAA;AAAAN,MAAAA,QAAA,EAAEH;KAA0B,CAAC,GAAGA,OAAO;AAAA,GAClE,CAAC;AAEb,CAAC;;;;"}

package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.js

@@ -6,75 +6,39 @@ const shouldForwardProp = prop => {
 };
 const Card = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: ${props => props.$hasThumbnail ? 'row' : 'column'};
-  gap: ${props => props.$hasThumbnail ? '12px' : '8px'};
-  align-items: flex-start;
-  padding: ${props => props.$padding || '14px 10px'};
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InstructionSeverityDisplaystyled__Card",
+  componentId: "sc-coel0g-0"
+})(["display:flex;flex-direction:", ";gap:", ";align-items:flex-start;padding:", ";", " ", " ", ""], props => props.$hasThumbnail ? 'row' : 'column', props => props.$hasThumbnail ? '12px' : '8px', 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 0px 26px #0000001a;
-    `}
-
-  ${props => props.$severity === 5 && props.$showCard && css`
-      outline-offset: -1px;
-      ${props.theme.themeProp('outline', '1px solid #7f1d1d', '1px solid #dc2626')}
-    `}
-`;
+}, props => props.$showCard && css(["border-radius:10px;box-shadow:0px 0px 26px #0000001a;"]), props => props.$severity === 5 && props.$showCard && css(["outline-offset:-1px;", ""], props.theme.themeProp('outline', '1px solid #7f1d1d', '1px solid #dc2626')));
 const ThumbnailWrapper = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  flex-shrink: 0;
-  width: 56px;
-  height: 56px;
-  border-radius: 6px;
-  overflow: hidden;
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InstructionSeverityDisplaystyled__ThumbnailWrapper",
+  componentId: "sc-coel0g-1"
+})(["flex-shrink:0;width:56px;height:56px;border-radius:6px;overflow:hidden;", ""], props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200')));
 const ThumbnailImage = styled.img.withConfig({
   shouldForwardProp
-})`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`;
+}).withConfig({
+  displayName: "InstructionSeverityDisplaystyled__ThumbnailImage",
+  componentId: "sc-coel0g-2"
+})(["width:100%;height:100%;object-fit:cover;display:block;"]);
 const ContentWrapper = styled.div.withConfig({
   shouldForwardProp
-})`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  align-items: flex-start;
-  flex: 1;
-  min-width: 0;
-`;
+}).withConfig({
+  displayName: "InstructionSeverityDisplaystyled__ContentWrapper",
+  componentId: "sc-coel0g-3"
+})(["display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1;min-width:0;"]);
 const InstructionText = styled.p.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: ${props => props.$fontSize || '14px'};
-  font-weight: 400;
-  line-height: 1.286em;
-  margin: 0;
-  overflow-wrap: break-word;
-  word-break: break-word;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('black'))}
-
-  ${props => props.$maxLines && css`
-      display: -webkit-box;
-      -webkit-line-clamp: ${props.$maxLines};
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "InstructionSeverityDisplaystyled__InstructionText",
+  componentId: "sc-coel0g-4"
+})(["font-size:", ";font-weight:400;line-height:1.286em;margin:0;overflow-wrap:break-word;word-break:break-word;", " ", ""], props => props.$fontSize || '14px', props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('black')), props => props.$maxLines && css(["display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], props.$maxLines));
 
 export { Card, ContentWrapper, InstructionText, ThumbnailImage, ThumbnailWrapper };
 //# sourceMappingURL=InstructionSeverityDisplay.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InstructionSeverityDisplay.styled.js","sources":["../../../src/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.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: ${props => (props.$hasThumbnail ? 'row' : 'column')};\n  gap: ${props => (props.$hasThumbnail ? '12px' : '8px')};\n  align-items: flex-start;\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      outline-offset: -1px;\n      ${props.theme.themeProp('outline', '1px solid #7f1d1d', '1px solid #dc2626')}\n    `}\n`;\n\nexport const ThumbnailWrapper = styled.div\n  .withConfig({ shouldForwardProp })\n  .attrs(applyDefaultTheme)`\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  border-radius: 6px;\n  overflow: hidden;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-200')\n    )}\n`;\n\nexport const ThumbnailImage = styled.img.withConfig({ shouldForwardProp })`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n`;\n\nexport const ContentWrapper = styled.div.withConfig({ shouldForwardProp })`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: flex-start;\n  flex: 1;\n  min-width: 0;\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  overflow-wrap: break-word;\n  word-break: break-word;\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('black'))}\n\n  ${props =>\n    props.$maxLines &&\n    css`\n      display: -webkit-box;\n      -webkit-line-clamp: ${props.$maxLines};\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    `}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","Card","styled","div","withConfig","attrs","applyDefaultTheme","props","$hasThumbnail","$padding","$bgDark","$bgLight","theme","themeProp","getColor","$showCard","css","$severity","ThumbnailWrapper","ThumbnailImage","img","ContentWrapper","InstructionText","p","$fontSize","$maxLines"],"mappings":"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"}
+{"version":3,"file":"InstructionSeverityDisplay.styled.js","sources":["../../../src/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.ts"],"sourcesContent":["// $-prefixed props are transient and never reach the DOM.\n// This file demonstrates both chain shapes: with .attrs() (Card, ThumbnailWrapper, InstructionText) and without (ThumbnailImage, ContentWrapper).\n// Generic goes on .attrs<P>() for the first shape, on the template call for the second.\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n/**\n * Card's props — what `InstructionSeverityDisplay.tsx` passes to `S.Card`; all optional.\n */\nexport interface CardStyleProps {\n  /** Severity level 1-5; closed to allow === 5 comparison without TS2367. */\n  $severity?: 1 | 2 | 3 | 4 | 5;\n  /** Show card styling; optional here even though component defaults to true. */\n  $showCard?: boolean;\n  /** CSS padding shorthand as string, e.g. `'8px 6px'`; fallback `'14px 10px'`. */\n  $padding?: string;\n  /** CSS colour under `body.light-theme`. */\n  $bgLight?: string;\n  /** CSS colour under `body.dark-theme`. */\n  $bgDark?: string;\n  /** Derived as `thumbnail !== undefined`; boolean not string. */\n  $hasThumbnail?: boolean;\n}\n\n/** InstructionText's props. */\ninterface InstructionTextStyleProps {\n  /** Font-size as string with unit, e.g. `'12px'`, `'0.875rem'`; interpolated raw. */\n  $fontSize?: string;\n  /** Line-clamp count for `-webkit-line-clamp`; used only behind `props.$maxLines &&`. */\n  $maxLines?: number;\n}\n\n// Single-argument (styled-components 5 compat); prop needs annotation because withConfig takes by reference.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Card = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<CardStyleProps>(applyDefaultTheme)`\n  display: flex;\n  flex-direction: ${props => (props.$hasThumbnail ? 'row' : 'column')};\n  gap: ${props => (props.$hasThumbnail ? '12px' : '8px')};\n  align-items: flex-start;\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      outline-offset: -1px;\n      ${props.theme.themeProp('outline', '1px solid #7f1d1d', '1px solid #dc2626')}\n    `}\n`;\n\nexport const ThumbnailWrapper = styled.div\n  .withConfig({ shouldForwardProp })\n  .attrs(applyDefaultTheme)`\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  border-radius: 6px;\n  overflow: hidden;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-200')\n    )}\n`;\n\n// No .attrs() or prop read; if props are added, generic goes on template call, not on styled.img<P>.\nexport const ThumbnailImage = styled.img.withConfig({ shouldForwardProp })`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n`;\n\nexport const ContentWrapper = styled.div.withConfig({ shouldForwardProp })`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: flex-start;\n  flex: 1;\n  min-width: 0;\n`;\n\nexport const InstructionText = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<InstructionTextStyleProps>(applyDefaultTheme)`\n  font-size: ${props => props.$fontSize || '14px'};\n  font-weight: 400;\n  line-height: 1.286em;\n  margin: 0;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('black'))}\n\n  ${props =>\n    props.$maxLines &&\n    css`\n      display: -webkit-box;\n      -webkit-line-clamp: ${props.$maxLines};\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    `}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","Card","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","$hasThumbnail","$padding","$bgDark","$bgLight","theme","themeProp","getColor","$showCard","css","$severity","ThumbnailWrapper","ThumbnailImage","img","ContentWrapper","InstructionText","p","$fontSize","$maxLines"],"mappings":"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"}

package/build/widgets/InstructionSeverityDisplay/index.js

@@ -0,0 +1,2 @@
+export { default } from './InstructionSeverityDisplay.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/InstructionSeverityDisplay/index.js.map

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