@laerdal/life-react-components 6.0.0-dev.1.full → 6.0.0-dev.10.full

package/dist/Banners/styles.cjs

@@ -13,9 +13,7 @@ const getButtonStyle = (type, theme) => {
     hoverBgColor: _styles.COLORS.getColor('primary_200', theme),
     hoverSvgFill: _styles.COLORS.getColor('primary_700', theme),
     activeBgColor: _styles.COLORS.getColor('primary_300', theme),
-    activeSvgFill: _styles.COLORS.getColor('primary_800', theme),
-    focusBgColor: _styles.COLORS.getColor('primary_200', theme),
-    focusSvgFill: _styles.COLORS.getColor('primary_700', theme)
+    activeSvgFill: _styles.COLORS.getColor('primary_800', theme)
   };
   switch (type) {
     case 'warning':
@@ -24,9 +22,7 @@ const getButtonStyle = (type, theme) => {
         hoverBgColor: _styles.COLORS.getColor('warning_200', theme),
         hoverSvgFill: _styles.COLORS.getColor('warning_700', theme),
         activeBgColor: _styles.COLORS.getColor('warning_300', theme),
-        activeSvgFill: _styles.COLORS.getColor('warning_800', theme),
-        focusBgColor: _styles.COLORS.getColor('warning_200', theme),
-        focusSvgFill: _styles.COLORS.getColor('warning_700', theme)
+        activeSvgFill: _styles.COLORS.getColor('warning_800', theme)
       };
       break;
     case 'critical':
@@ -35,20 +31,16 @@ const getButtonStyle = (type, theme) => {
         hoverBgColor: _styles.COLORS.getColor('critical_200', theme),
         hoverSvgFill: _styles.COLORS.getColor('critical_700', theme),
         activeBgColor: _styles.COLORS.getColor('critical_300', theme),
-        activeSvgFill: _styles.COLORS.getColor('critical_800', theme),
-        focusBgColor: _styles.COLORS.getColor('critical_200', theme),
-        focusSvgFill: _styles.COLORS.getColor('critical_700', theme)
+        activeSvgFill: _styles.COLORS.getColor('critical_800', theme)
       };
       break;
     case 'positive':
       style = {
-        svgFill: _styles.COLORS.getColor('correct_500', theme),
-        hoverBgColor: _styles.COLORS.getColor('correct_200', theme),
-        hoverSvgFill: _styles.COLORS.getColor('correct_700', theme),
-        activeBgColor: _styles.COLORS.getColor('correct_300', theme),
-        activeSvgFill: _styles.COLORS.getColor('correct_800', theme),
-        focusBgColor: _styles.COLORS.getColor('correct_200', theme),
-        focusSvgFill: _styles.COLORS.getColor('correct_700', theme)
+        svgFill: _styles.COLORS.getColor('positive_500', theme),
+        hoverBgColor: _styles.COLORS.getColor('positive_200', theme),
+        hoverSvgFill: _styles.COLORS.getColor('positive_700', theme),
+        activeBgColor: _styles.COLORS.getColor('positive_300', theme),
+        activeSvgFill: _styles.COLORS.getColor('positive_800', theme)
       };
       break;
   }

package/dist/Banners/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","css","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","css","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('positive_500', theme),\r\n        hoverBgColor: COLORS.getColor('positive_200', theme),\r\n        hoverSvgFill: COLORS.getColor('positive_700', theme),\r\n        activeBgColor: COLORS.getColor('positive_300', theme),\r\n        activeSvgFill: COLORS.getColor('positive_800', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEO,MAAMG,cAAc,GAAGA,CAACC,IAAY,EAAEC,KAAU,KAAK;EAC1D,IAAIC,KAAK,GAAG;IACVC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IAC9CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IACnDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IACnDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;IACpDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK;EACrD,CAAC;EAED,QAAOD,IAAI;IAET,KAAK,SAAS;MACZE,KAAK,GAAG;QACNC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QAC9CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QACnDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QACnDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAAC;QACpDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEJ,KAAK;MACrD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QAC/CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACrDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK;MACtD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QAC/CK,YAAY,EAAEF,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDM,YAAY,EAAEH,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACpDO,aAAa,EAAEJ,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK,CAAC;QACrDQ,aAAa,EAAEL,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEJ,KAAK;MACtD,CAAC;MACD;EACJ;EAEA,OAAO,IAAAS,qBAAG;AACZ,MAAMC,qCAAyB;AAC/B;AACA;AACA;AACA;AACA;AACA,cAAcT,KAAK,CAACC,OAAO;AAC3B;AACA;AACA;AACA,4BAA4BD,KAAK,CAACI,YAAY;AAC9C;AACA;AACA;AACA,gBAAgBJ,KAAK,CAACK,YAAY;AAClC;AACA;AACA;AACA;AACA,sBAAsBL,KAAK,CAACM,aAAa;AACzC;AACA;AACA;AACA,gBAAgBN,KAAK,CAACO,aAAa;AACnC;AACA;AACA,IAAI;AACJ,CAAC;AAACG,OAAA,CAAAb,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/Banners/styles.js

@@ -7,9 +7,7 @@ export const getButtonStyle = (type, theme) => {
     hoverBgColor: COLORS.getColor('primary_200', theme),
     hoverSvgFill: COLORS.getColor('primary_700', theme),
     activeBgColor: COLORS.getColor('primary_300', theme),
-    activeSvgFill: COLORS.getColor('primary_800', theme),
-    focusBgColor: COLORS.getColor('primary_200', theme),
-    focusSvgFill: COLORS.getColor('primary_700', theme)
+    activeSvgFill: COLORS.getColor('primary_800', theme)
   };
   switch (type) {
     case 'warning':
@@ -18,9 +16,7 @@ export const getButtonStyle = (type, theme) => {
         hoverBgColor: COLORS.getColor('warning_200', theme),
         hoverSvgFill: COLORS.getColor('warning_700', theme),
         activeBgColor: COLORS.getColor('warning_300', theme),
-        activeSvgFill: COLORS.getColor('warning_800', theme),
-        focusBgColor: COLORS.getColor('warning_200', theme),
-        focusSvgFill: COLORS.getColor('warning_700', theme)
+        activeSvgFill: COLORS.getColor('warning_800', theme)
       };
       break;
     case 'critical':
@@ -29,20 +25,16 @@ export const getButtonStyle = (type, theme) => {
         hoverBgColor: COLORS.getColor('critical_200', theme),
         hoverSvgFill: COLORS.getColor('critical_700', theme),
         activeBgColor: COLORS.getColor('critical_300', theme),
-        activeSvgFill: COLORS.getColor('critical_800', theme),
-        focusBgColor: COLORS.getColor('critical_200', theme),
-        focusSvgFill: COLORS.getColor('critical_700', theme)
+        activeSvgFill: COLORS.getColor('critical_800', theme)
       };
       break;
     case 'positive':
       style = {
-        svgFill: COLORS.getColor('correct_500', theme),
-        hoverBgColor: COLORS.getColor('correct_200', theme),
-        hoverSvgFill: COLORS.getColor('correct_700', theme),
-        activeBgColor: COLORS.getColor('correct_300', theme),
-        activeSvgFill: COLORS.getColor('correct_800', theme),
-        focusBgColor: COLORS.getColor('correct_200', theme),
-        focusSvgFill: COLORS.getColor('correct_700', theme)
+        svgFill: COLORS.getColor('positive_500', theme),
+        hoverBgColor: COLORS.getColor('positive_200', theme),
+        hoverSvgFill: COLORS.getColor('positive_700', theme),
+        activeBgColor: COLORS.getColor('positive_300', theme),
+        activeSvgFill: COLORS.getColor('positive_800', theme)
       };
       break;
   }

package/dist/Banners/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('positive_500', theme),\r\n        hoverBgColor: COLORS.getColor('positive_200', theme),\r\n        hoverSvgFill: COLORS.getColor('positive_700', theme),\r\n        activeBgColor: COLORS.getColor('positive_300', theme),\r\n        activeSvgFill: COLORS.getColor('positive_800', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,cAAc,GAAGA,CAACC,IAAY,EAAEC,KAAU,KAAK;EAC1D,IAAIC,KAAK,GAAG;IACVC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;IACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;EACrD,CAAC;EAED,QAAOD,IAAI;IAET,KAAK,SAAS;MACZE,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QAC9CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACnDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAAC;QACpDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAEH,KAAK;MACrD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QAC/CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACrDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK;MACtD,CAAC;MACD;IAEF,KAAK,UAAU;MACbC,KAAK,GAAG;QACNC,OAAO,EAAEL,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QAC/CI,YAAY,EAAEP,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDK,YAAY,EAAER,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACpDM,aAAa,EAAET,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAAC;QACrDO,aAAa,EAAEV,MAAM,CAACM,QAAQ,CAAC,cAAc,EAAEH,KAAK;MACtD,CAAC;MACD;EACJ;EAEA,OAAOL,GAAG;AACZ,MAAMC,yBAAyB;AAC/B;AACA;AACA;AACA;AACA;AACA,cAAcK,KAAK,CAACC,OAAO;AAC3B;AACA;AACA;AACA,4BAA4BD,KAAK,CAACG,YAAY;AAC9C;AACA;AACA;AACA,gBAAgBH,KAAK,CAACI,YAAY;AAClC;AACA;AACA;AACA;AACA,sBAAsBJ,KAAK,CAACK,aAAa;AACzC;AACA;AACA;AACA,gBAAgBL,KAAK,CAACM,aAAa;AACnC;AACA;AACA,IAAI;AACJ,CAAC","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -44,7 +44,10 @@ const Breadcrumb = _ref => {
     "aria-hidden": "true",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ForwardSlash, {
       className: "chevronicon",
-      color: _styles.COLORS.getColor('neutral_500', theme),
+      color: _styles.COLORS.generateToken({
+        componentType: 'icon',
+        defaultVariant: 'subtle'
+      }, theme),
       size: chevronSize
     })
   });
@@ -91,7 +94,10 @@ const Breadcrumb = _ref => {
         items: dropdownItems,
         size: size == _.Size.XSmall ? _.Size.Small : size,
         icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.MoreHorizontal, {
-          color: _styles.COLORS.getColor('neutral_600', theme),
+          color: _styles.COLORS.generateToken({
+            componentType: 'icon',
+            defaultVariant: 'subtle'
+          }, theme),
           size: "20px"
         }),
         onClick: navigate

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Breadcrumb","_ref","items","size","Size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties2","theme","useTheme","dropdownItems","slice","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","getColor","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","href","onClick","preventDefault","target","variant","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","func","array","_default","exports"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => homeCallback()}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAGA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAA6C,IAAAO,WAAA,GAAAP,OAAA;AAAA,MAAAQ,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAiB7C;AACA,MAAMkC,UAAoD,GAAGC,IAAA,IAQvD;EAAA,IARwD;MAC5DC,KAAK;MACLC,IAAI,GAAGC,MAAI,CAACC,KAAK;MACjBC,QAAQ,GAAG,IAAI;MACfC,SAAS,GAAG,MAAM;MAClBC,eAAe,GAAG,KAAK;MACvBC,YAAY,GAAGA,CAAA,KAAM,CAAC;IAExB,CAAC,GAAAR,IAAA;IADIS,IAAI,OAAAC,yBAAA,CAAAxC,OAAA,EAAA8B,IAAA,EAAArC,SAAA;EAEP,MAAMgD,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,MAAMC,aAA6B,GAAGZ,KAAK,GAAGA,KAAK,CAACa,KAAK,CAAC,CAAC,EAAEb,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,CAACqB,GAAG,CAAEC,CAAC,KAAM;IAAEC,KAAK,EAAED,CAAC,CAACE,EAAE,IAAI,EAAE;IAAEC,YAAY,EAAEH,CAAC,CAACI;EAAM,CAAC,CAAC,CAAC,GAAG,EAAE;EAC9I,MAAMC,QAAQ,GAAIC,KAAe,IAAK;IACpCrB,KAAK,EAAEsB,IAAI,CAACP,CAAC,IAAIA,CAAC,CAACE,EAAE,IAAII,KAAK,CAAC,CAAC,CAAC,CAAC,EAAEE,QAAQ,CAACF,KAAK,CAAC,CAAC,CAAC,CAAC;EACxD,CAAC;EAED,MAAMG,WAAW,GAAGvB,IAAI,IAAIC,MAAI,CAACuB,MAAM,GAAG,MAAM,GAAGxB,IAAI,IAAIC,MAAI,CAACC,KAAK,GAAG,MAAM,GAAG,MAAM;EACvF,MAAMuB,aAAa,GAAGA,CAAA,kBACpB,IAAAjE,WAAA,CAAAkE,GAAA;IAAK,eAAY,MAAM;IAAAC,QAAA,eACrB,IAAAnE,WAAA,CAAAkE,GAAA,EAACvE,CAAA,CAAAyE,WAAW,CAACC,YAAY;MAACC,SAAS,EAAC,aAAa;MAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAExB,KAAK,CAAE;MAACT,IAAI,EAAEuB;IAAY,CAAE;EAAC,CAClH,CACN;EACD,MAAMW,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,IAAoB,KAAK;IACxE,oBACE,IAAA5E,WAAA,CAAA6E,IAAA,EAAA7E,WAAA,CAAA8E,QAAA;MAAAX,QAAA,GACGF,aAAa,CAAC,CAAC,eAChB,IAAAjE,WAAA,CAAAkE,GAAA,EAACvE,CAAA,CAAAoF,SAAS;QACRC,IAAI,EAAC,EAAE;QACPxB,EAAE,EAAE,YAAY,GAAGmB,KAAM;QACzBM,OAAO,EAAG9E,CAAC,IAAK;UACdA,CAAC,CAAC+E,cAAc,CAAC,CAAC;UAClBN,IAAI,CAACd,QAAQ,IAAIc,IAAI,CAACd,QAAQ,CAACc,IAAI,CAACpB,EAAE,CAAC;QACzC,CAAE;QACF2B,MAAM,EAAC,OAAO;QACdC,OAAO,EAAC,SAAS;QAAAjB,QAAA,EAChBS,IAAI,CAAClB;MAAK,CACF,CAAC;IAAA,CACZ,CAAC;EAEP,CAAC;EAED,oBACE,IAAA1D,WAAA,CAAA6E,IAAA,EAAC/E,QAAA,CAAAuF,yBAAyB,EAAAvD,aAAA,CAAAA,aAAA;IAACwD,KAAK,EAAE9C,IAAK;IAAC,eAAa;EAAqB,GAAKO,IAAI;IAAAoB,QAAA,GAChFxB,QAAQ,gBACP,IAAA3C,WAAA,CAAAkE,GAAA,EAACvE,CAAA,CAAA4F,UAAU;MAAC/B,EAAE,EAAC,UAAU;MAAC4B,OAAO,EAAC,WAAW;MAACI,KAAK,EAAC,UAAU;MAACC,MAAM,EAAEA,CAAA,KAAM3C,YAAY,CAAC,CAAE;MAAAqB,QAAA,eAC1F,IAAAnE,WAAA,CAAAkE,GAAA,EAACvE,CAAA,CAAAyE,WAAW,CAACsB,IAAI;QAAClD,IAAI,EAAEuB;MAAY,CAAE;IAAC,CAC7B,CAAC,gBAEb,IAAA/D,WAAA,CAAAkE,GAAA,EAACvE,CAAA,CAAAoF,SAAS;MACRvB,EAAE,EAAE,UAAW;MACf4B,OAAO,EAAC,SAAS;MACjBJ,IAAI,EAAE,EAAG;MACTC,OAAO,EAAG9E,CAAC,IAAK;QACdA,CAAC,CAAC+E,cAAc,CAAC,CAAC;QAClBpC,YAAY,IAAIA,YAAY,CAAC,CAAC;MAChC,CAAE;MAAAqB,QAAA,EACDvB;IAAS,CACD,CACZ,EAEA,CAAC,CAACL,KAAK,IACNA,KAAK,CAACP,MAAM,GAAG,CAAC,KACfO,KAAK,CAACP,MAAM,GAAG,CAAC,gBACf,IAAAhC,WAAA,CAAA6E,IAAA,EAAA7E,WAAA,CAAA8E,QAAA;MAAAX,QAAA,GACGF,aAAa,CAAC,CAAC,eAChB,IAAAjE,WAAA,CAAAkE,GAAA,EAACtE,eAAA,CAAAY,OAAc;QACbmF,IAAI,EAAE,MAAO;QACbC,SAAS,EAAE,IAAK;QAChBrD,KAAK,EAAEY,aAAc;QACrBX,IAAI,EAAEA,IAAI,IAAIC,MAAI,CAACoD,MAAM,GAAGpD,MAAI,CAACC,KAAK,GAAGF,IAAK;QAC9CsD,IAAI,eAAE,IAAA9F,WAAA,CAAAkE,GAAA,EAACvE,CAAA,CAAAyE,WAAW,CAAC2B,cAAc;UAACxB,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAExB,KAAK,CAAE;UAACT,IAAI,EAAC;QAAM,CAAE,CAAE;QAC/FyC,OAAO,EAAEtB;MAAS,CACnB,CAAC;IAAA,CACF,CAAC,gBAEH,IAAA3D,WAAA,CAAAkE,GAAA,EAAAlE,WAAA,CAAA8E,QAAA;MAAAX,QAAA,EAAGO,wBAAwB,CAACnC,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEO,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAC1E,CAAC,EAEH,CAAC,CAACO,KAAK,IAAIA,KAAK,CAACP,MAAM,GAAG,CAAC,iBAAI,IAAAhC,WAAA,CAAAkE,GAAA,EAAAlE,WAAA,CAAA8E,QAAA;MAAAX,QAAA,EAAGO,wBAAwB,CAACnC,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEO,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC;IAAC,CAAG,CAAC,EAEzG,CAAC,CAACO,KAAK,IAAIA,KAAK,CAACP,MAAM,GAAG,CAAC,iBAC1B,IAAAhC,WAAA,CAAAkE,GAAA,EAAAlE,WAAA,CAAA8E,QAAA;MAAAX,QAAA,EACGtB,eAAe,gBACd,IAAA7C,WAAA,CAAA6E,IAAA,EAAA7E,WAAA,CAAA8E,QAAA;QAAAX,QAAA,GACGF,aAAa,CAAC,CAAC,eAChB,IAAAjE,WAAA,CAAAkE,GAAA,EAACpE,QAAA,CAAAkG,wBAAwB;UAACV,KAAK,EAAE9C,IAAK;UAAA2B,QAAA,EAAE5B,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,CAAC0B;QAAK,CAA2B,CAAC;MAAA,CACjG,CAAC,gBAEH,IAAA1D,WAAA,CAAA6E,IAAA,EAAA7E,WAAA,CAAA8E,QAAA;QAAAX,QAAA,GACGO,wBAAwB,CAACnC,KAAK,CAACP,MAAM,GAAG,CAAC,EAAEO,KAAK,CAACA,KAAK,CAACP,MAAM,GAAG,CAAC,CAAC,CAAC,EACnEiC,aAAa,CAAC,CAAC;MAAA,CAChB;IACH,CACD,CACH;EAAA,EACwB,CAAC;AAEhC,CAAC;AAAC5B,UAAA,CAAA4D,SAAA;EA9GAtD,QAAQ,EAAAuD,UAAA,CAAA1F,OAAA,CAAA2F,IAAA;EAERvD,SAAS,EAAAsD,UAAA,CAAA1F,OAAA,CAAA4F,MAAA;EAETtD,YAAY,EAAAoD,UAAA,CAAA1F,OAAA,CAAA6F,IAAA;EAEZ9D,KAAK,EAAA2D,UAAA,CAAA1F,OAAA,CAAA8F,KAAA;EAILzD,eAAe,EAAAqD,UAAA,CAAA1F,OAAA,CAAA2F;AAAA;AAAA,IAAAI,QAAA,GAAAC,OAAA,CAAAhG,OAAA,GAsGF6B,UAAU","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.cjs","names":["React","_interopRequireWildcard","require","_styles","_","_DropdownButton","_interopRequireDefault","_styles2","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Breadcrumb","_ref","items","size","Size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties2","theme","useTheme","dropdownItems","slice","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","jsx","children","SystemIcons","ForwardSlash","className","color","COLORS","generateToken","componentType","defaultVariant","renderBreadcrumbLinkItem","index","item","jsxs","Fragment","HyperLink","href","onClick","preventDefault","target","variant","BreadcrumbContainerStyles","$size","IconButton","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","BreadcrumbItemLastStyles","propTypes","_propTypes","bool","string","func","array","_default","exports"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => homeCallback()}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/Breadcrumb.js

@@ -36,7 +36,10 @@ const Breadcrumb = _ref => {
     "aria-hidden": "true",
     children: /*#__PURE__*/_jsx(SystemIcons.ForwardSlash, {
       className: "chevronicon",
-      color: COLORS.getColor('neutral_500', theme),
+      color: COLORS.generateToken({
+        componentType: 'icon',
+        defaultVariant: 'subtle'
+      }, theme),
       size: chevronSize
     })
   });
@@ -83,7 +86,10 @@ const Breadcrumb = _ref => {
         items: dropdownItems,
         size: size == Size.XSmall ? Size.Small : size,
         icon: /*#__PURE__*/_jsx(SystemIcons.MoreHorizontal, {
-          color: COLORS.getColor('neutral_600', theme),
+          color: COLORS.generateToken({
+            componentType: 'icon',
+            defaultVariant: 'subtle'
+          }, theme),
           size: "20px"
         }),
         onClick: navigate

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties","_excluded","theme","dropdownItems","slice","length","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","getColor","renderBreadcrumbLinkItem","index","item","href","onClick","e","preventDefault","target","variant","_objectSpread","$size","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","func","array"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.getColor('neutral_500', theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => homeCallback()}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.getColor('neutral_600', theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","HyperLink","IconButton","DropdownButton","BreadcrumbContainerStyles","BreadcrumbItemLastStyles","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Breadcrumb","_ref","items","size","Small","homeIcon","homeLabel","lastItemAsLabel","homeCallback","rest","_objectWithoutProperties","_excluded","theme","dropdownItems","slice","length","map","x","value","id","displayLabel","label","navigate","links","find","callback","chevronSize","Medium","renderChevron","children","ForwardSlash","className","color","generateToken","componentType","defaultVariant","renderBreadcrumbLinkItem","index","item","href","onClick","e","preventDefault","target","variant","_objectSpread","$size","shape","action","Home","type","alignLeft","XSmall","icon","MoreHorizontal","propTypes","_pt","bool","string","func","array"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { COLORS } from '../styles';\r\nimport { Size, SystemIcons } from '..';\r\nimport { HyperLink, IconButton } from '..';\r\nimport { BreadcrumbItem } from './BreadcrumbItem';\r\nimport DropdownButton from '../Dropdown/DropdownButton';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\nimport { BreadcrumbContainerStyles, BreadcrumbItemLastStyles } from './styles';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** If set to false, then instead of 'Home' icon, link will be shown. Defaults to 'true' */\r\n  homeIcon?: boolean;\r\n  /** Label of the home link. Will be shown only if homeIcon is set to false. Defaults to 'Home' */\r\n  homeLabel?: string;\r\n  /** Callback that will be called when 'Home' is clicked. */\r\n  homeCallback?: () => void;\r\n  /** Array of items to show. */\r\n  items?: BreadcrumbItem[];\r\n  /** Size of Breadcrumb component and items. Can be Small, Medium or XSmall. Defaults to 'Small' */\r\n  size?: Size.Small | Size.Medium | Size.XSmall;\r\n  /** Displays last item as label, and not as a link by default. */\r\n  lastItemAsLabel?: boolean;\r\n};\r\n\r\n/** Breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors. */\r\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({\r\n  items,\r\n  size = Size.Small,\r\n  homeIcon = true,\r\n  homeLabel = 'Home',\r\n  lastItemAsLabel = false,\r\n  homeCallback = () => {},\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.id ?? '', displayLabel: x.label })) : [];\r\n  const navigate = (links: string[]) => {\r\n    items?.find(x => x.id == links[0])?.callback(links[0]);\r\n  };\r\n\r\n  const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\r\n  const renderChevron = () => (\r\n    <div aria-hidden=\"true\">\r\n      <SystemIcons.ForwardSlash className=\"chevronicon\" color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, theme)} size={chevronSize} />\r\n    </div>\r\n  );\r\n  const renderBreadcrumbLinkItem = (index: number, item: BreadcrumbItem) => {\r\n    return (\r\n      <>\r\n        {renderChevron()}\r\n        <HyperLink\r\n          href=''\r\n          id={'link-item-' + index}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            item.callback && item.callback(item.id);\r\n          }}\r\n          target=\"_self\"\r\n          variant=\"default\">\r\n          {item.label}\r\n        </HyperLink>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <BreadcrumbContainerStyles $size={size} data-testid={'breacrumbContainer'} {...rest}>\r\n      {homeIcon ? (\r\n        <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => homeCallback()}>\r\n          <SystemIcons.Home size={chevronSize} />\r\n        </IconButton>\r\n      ) : (\r\n        <HyperLink\r\n          id={'homelink'}\r\n          variant=\"default\"\r\n          href={''}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            homeCallback && homeCallback();\r\n          }}>\r\n          {homeLabel}\r\n        </HyperLink>\r\n      )}\r\n\r\n      {!!items &&\r\n        items.length > 2 &&\r\n        (items.length > 3 ? (\r\n          <>\r\n            {renderChevron()}\r\n            <DropdownButton\r\n              type={'icon'}\r\n              alignLeft={true}\r\n              items={dropdownItems}\r\n              size={size == Size.XSmall ? Size.Small : size}\r\n              icon={<SystemIcons.MoreHorizontal color={COLORS.generateToken({componentType:'icon', defaultVariant:'subtle'}, theme)} size=\"20px\" />}\r\n              onClick={navigate}\r\n            />\r\n          </>\r\n        ) : (\r\n          <>{renderBreadcrumbLinkItem(items.length - 3, items[items.length - 3])}</>\r\n        ))}\r\n\r\n      {!!items && items.length > 1 && <>{renderBreadcrumbLinkItem(items.length - 2, items[items.length - 2])}</>}\r\n\r\n      {!!items && items.length > 0 && (\r\n        <>\r\n          {lastItemAsLabel ? (\r\n            <>\r\n              {renderChevron()}\r\n              <BreadcrumbItemLastStyles $size={size}>{items[items.length - 1].label}</BreadcrumbItemLastStyles>\r\n            </>\r\n          ) : (\r\n            <>\r\n              {renderBreadcrumbLinkItem(items.length - 1, items[items.length - 1])}\r\n              {renderChevron()}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </BreadcrumbContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Breadcrumb;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Breadcrumb/styles.cjs

@@ -23,7 +23,10 @@ const FontStyles = (size, textStyle, color) => {
   }
 };
 const BreadcrumbItemLastStyles = exports.BreadcrumbItemLastStyles = _styledComponents.default.label`
-  ${props => FontStyles(props.$size, _styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_800', props.theme))}
+  ${props => FontStyles(props.$size, _styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme))}
   ${props => marginRight(props.$size)}
 `;
 const BreadcrumbContainerStyles = exports.BreadcrumbContainerStyles = _styledComponents.default.div`
@@ -33,7 +36,9 @@ const BreadcrumbContainerStyles = exports.BreadcrumbContainerStyles = _styledCom
 
   a {
     text-decoration: none;
-    ${props => FontStyles(props.$size, _styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme))}
+    ${props => FontStyles(props.$size, _styles.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text-link'
+}, props.theme))}
     ${props => marginRight(props.$size)}
   }
 
@@ -42,10 +47,16 @@ const BreadcrumbContainerStyles = exports.BreadcrumbContainerStyles = _styledCom
   }
 
   a:hover {
-    color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
   }
   a:active {
-    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
   }
 `;
 //# sourceMappingURL=styles.cjs.map

package/dist/Breadcrumb/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_types","marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","exports","styled","label","props","$size","ComponentTextStyle","Bold","COLORS","getColor","theme","BreadcrumbContainerStyles","div","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ $size: Size }>`\r\n  ${(props) => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.$size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ $size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,WAAW,GAAIC,IAAsB,IAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,KAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAEM,MAAMK,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,yBAAM,CAACC,KAAsB;AACrE,IAAKC,KAAK,IAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAC5G,IAAKN,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACvC,CAAC;AAEM,MAAMM,yBAAyB,GAAAV,OAAA,CAAAU,yBAAA,GAAGT,yBAAM,CAACU,GAAgC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,MAAOR,KAAK,IAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACO,OAAO,EAAEL,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AACjH,MAAON,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,MAAOD,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,aAAaD,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AACjE;AACA;AACA,aAAaN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AACjE;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_types","marginRight","size","Size","Small","Medium","FontStyles","textStyle","color","XSmall","ComponentXXSStyling","ComponentMStyling","ComponentSStyling","BreadcrumbItemLastStyles","exports","styled","label","props","$size","ComponentTextStyle","Bold","COLORS","generateToken","componentType","defaultVariant","theme","BreadcrumbContainerStyles","div","Regular","state"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ $size: Size }>`\r\n  ${(props) => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'default'}, props.theme))}\r\n  ${(props) => marginRight(props.$size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ $size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.generateToken({componentType: 'text-link'}, props.theme))}\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.generateToken({componentType: 'text-link', defaultVariant: 'primary'}, props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.generateToken({componentType: 'text', state: 'active' }, props.theme)};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,WAAW,GAAIC,IAAsB,IAAK;EAC9C,OAAOA,IAAI,IAAIC,WAAI,CAACC,KAAK,IAAIF,IAAI,IAAIC,WAAI,CAACE,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACJ,IAAsB,EAAEK,SAA6B,EAAEC,KAAa,KAAK;EAC3F,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACM,MAAM;MACd,OAAO,IAAAC,2BAAmB,EAACH,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKL,WAAI,CAACE,MAAM;MACd,OAAO,IAAAM,yBAAiB,EAACJ,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKL,WAAI,CAACC,KAAK;IACf;MACE,OAAO,IAAAQ,yBAAiB,EAACL,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAEM,MAAMK,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,yBAAM,CAACC,KAAsB;AACrE,IAAKC,KAAK,IAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAS,CAAC,EAAEP,KAAK,CAACQ,KAAK,CAAC,CAAC;AACnJ,IAAKR,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACvC,CAAC;AAEM,MAAMQ,yBAAyB,GAAAZ,OAAA,CAAAY,yBAAA,GAAGX,yBAAM,CAACY,GAAgC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,MAAOV,KAAK,IAAKX,UAAU,CAACW,KAAK,CAACC,KAAK,EAAEC,0BAAkB,CAACS,OAAO,EAAEP,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE;AAAW,CAAC,EAAEN,KAAK,CAACQ,KAAK,CAAC,CAAC;AACrI,MAAOR,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,MAAOD,KAAK,IAAKhB,WAAW,CAACgB,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,aAAaD,KAAK,IAAII,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,WAAW;EAAEC,cAAc,EAAE;AAAS,CAAC,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAChH;AACA;AACA,aAAaR,KAAK,IAAII,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAE,MAAM;EAAEM,KAAK,EAAE;AAAS,CAAC,EAAEZ,KAAK,CAACQ,KAAK,CAAC;AAClG;AACA,CAAC","ignoreList":[]}

package/dist/Breadcrumb/styles.js

@@ -16,7 +16,10 @@ const FontStyles = (size, textStyle, color) => {
   }
 };
 export const BreadcrumbItemLastStyles = styled.label`
-  ${props => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}
+  ${props => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme))}
   ${props => marginRight(props.$size)}
 `;
 export const BreadcrumbContainerStyles = styled.div`
@@ -26,7 +29,9 @@ export const BreadcrumbContainerStyles = styled.div`
 
   a {
     text-decoration: none;
-    ${props => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+    ${props => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.generateToken({
+  componentType: 'text-link'
+}, props.theme))}
     ${props => marginRight(props.$size)}
   }
 
@@ -35,10 +40,16 @@ export const BreadcrumbContainerStyles = styled.div`
   }
 
   a:hover {
-    color: ${props => COLORS.getColor('primary_700', props.theme)};
+    color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
   }
   a:active {
-    color: ${props => COLORS.getColor('primary_800', props.theme)};
+    color: ${props => COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
   }
 `;
 //# sourceMappingURL=styles.js.map

package/dist/Breadcrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","props","$size","Bold","getColor","theme","BreadcrumbContainerStyles","div","Regular"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ $size: Size }>`\r\n  ${(props) => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.getColor('neutral_800', props.theme))}\r\n  ${(props) => marginRight(props.$size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ $size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,MAAMC,WAAW,GAAIC,IAAsB,IAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,KAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAsB;AACrE,IAAKC,KAAK,IAAKN,UAAU,CAACM,KAAK,CAACC,KAAK,EAAEd,kBAAkB,CAACe,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAC5G,IAAKJ,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACvC,CAAC;AAED,OAAO,MAAMI,yBAAyB,GAAGtB,MAAM,CAACuB,GAAgC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,MAAON,KAAK,IAAKN,UAAU,CAACM,KAAK,CAACC,KAAK,EAAEd,kBAAkB,CAACoB,OAAO,EAAEvB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AACjH,MAAOJ,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,MAAOD,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,aAAaD,KAAK,IAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AACjE;AACA;AACA,aAAaJ,KAAK,IAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AACjE;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXXSStyling","Size","marginRight","size","Small","Medium","FontStyles","textStyle","color","XSmall","BreadcrumbItemLastStyles","label","props","$size","Bold","generateToken","componentType","defaultVariant","theme","BreadcrumbContainerStyles","div","Regular","state"],"sources":["../../src/Breadcrumb/styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXXSStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\nconst marginRight = (size: Size | undefined) => {\r\n  return size == Size.Small || size == Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';\r\n};\r\n\r\nconst FontStyles = (size: Size | undefined, textStyle: ComponentTextStyle, color: string) => {\r\n  switch (size) {\r\n    case Size.XSmall:\r\n      return ComponentXXSStyling(textStyle, color);\r\n    case Size.Medium:\r\n      return ComponentMStyling(textStyle, color);\r\n    case Size.Small:\r\n    default:\r\n      return ComponentSStyling(textStyle, color);\r\n  }\r\n};\r\n\r\nexport const BreadcrumbItemLastStyles = styled.label<{ $size: Size }>`\r\n  ${(props) => FontStyles(props.$size, ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'default'}, props.theme))}\r\n  ${(props) => marginRight(props.$size)}\r\n`;\r\n\r\nexport const BreadcrumbContainerStyles = styled.div<{ $size: Size | undefined }>`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n    ${(props) => FontStyles(props.$size, ComponentTextStyle.Regular, COLORS.generateToken({componentType: 'text-link'}, props.theme))}\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  .chevronicon {\r\n    ${(props) => marginRight(props.$size)}\r\n  }\r\n\r\n  a:hover {\r\n    color: ${props => COLORS.generateToken({componentType: 'text-link', defaultVariant: 'primary'}, props.theme)};\r\n  }\r\n  a:active {\r\n    color: ${props => COLORS.generateToken({componentType: 'text', state: 'active' }, props.theme)};\r\n  }\r\n`;\r\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,WAAW;AACjH,SAASC,IAAI,QAAQ,UAAU;AAE/B,MAAMC,WAAW,GAAIC,IAAsB,IAAK;EAC9C,OAAOA,IAAI,IAAIF,IAAI,CAACG,KAAK,IAAID,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,oBAAoB,GAAG,oBAAoB;AAChG,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACH,IAAsB,EAAEI,SAA6B,EAAEC,KAAa,KAAK;EAC3F,QAAQL,IAAI;IACV,KAAKF,IAAI,CAACQ,MAAM;MACd,OAAOT,mBAAmB,CAACO,SAAS,EAAEC,KAAK,CAAC;IAC9C,KAAKP,IAAI,CAACI,MAAM;MACd,OAAOR,iBAAiB,CAACU,SAAS,EAAEC,KAAK,CAAC;IAC5C,KAAKP,IAAI,CAACG,KAAK;IACf;MACE,OAAON,iBAAiB,CAACS,SAAS,EAAEC,KAAK,CAAC;EAC9C;AACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGf,MAAM,CAACgB,KAAsB;AACrE,IAAKC,KAAK,IAAKN,UAAU,CAACM,KAAK,CAACC,KAAK,EAAEd,kBAAkB,CAACe,IAAI,EAAElB,MAAM,CAACmB,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAS,CAAC,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AACnJ,IAAKN,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACvC,CAAC;AAED,OAAO,MAAMM,yBAAyB,GAAGxB,MAAM,CAACyB,GAAgC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA,MAAOR,KAAK,IAAKN,UAAU,CAACM,KAAK,CAACC,KAAK,EAAEd,kBAAkB,CAACsB,OAAO,EAAEzB,MAAM,CAACmB,aAAa,CAAC;EAACC,aAAa,EAAE;AAAW,CAAC,EAAEJ,KAAK,CAACM,KAAK,CAAC,CAAC;AACrI,MAAON,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,MAAOD,KAAK,IAAKV,WAAW,CAACU,KAAK,CAACC,KAAK,CAAC;AACzC;AACA;AACA;AACA,aAAaD,KAAK,IAAIhB,MAAM,CAACmB,aAAa,CAAC;EAACC,aAAa,EAAE,WAAW;EAAEC,cAAc,EAAE;AAAS,CAAC,EAAEL,KAAK,CAACM,KAAK,CAAC;AAChH;AACA;AACA,aAAaN,KAAK,IAAIhB,MAAM,CAACmB,aAAa,CAAC;EAACC,aAAa,EAAE,MAAM;EAAEM,KAAK,EAAE;AAAS,CAAC,EAAEV,KAAK,CAACM,KAAK,CAAC;AAClG;AACA,CAAC","ignoreList":[]}

package/dist/Button/BackButton.cjs

@@ -34,7 +34,13 @@ const BackButtonContainerStyles = _styledComponents.default.button`
   background-color: transparent;
   cursor: pointer;
 
-  ${props => props.$size === _types.Size.XSmall ? (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)) : (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))};
+  ${props => props.$size === _types.Size.XSmall ? (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)) : (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))};
   font-feature-settings: 'liga' off;
 
   & > ${BackButtonContentContainer} {
@@ -63,8 +69,14 @@ const BackButtonContainerStyles = _styledComponents.default.button`
 
   &:hover > ${BackButtonContentContainer},
   &.hover-state > ${BackButtonContentContainer} {
-    background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
-    color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover'
+}, props.theme)};
   }
   &:focus > ${BackButtonContentContainer},
   &.focus-state > ${BackButtonContentContainer} {
@@ -72,14 +84,23 @@ const BackButtonContainerStyles = _styledComponents.default.button`
   }
   &:active > ${BackButtonContentContainer},
   &.active-state > ${BackButtonContentContainer} {
-    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
-    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
   }
   &:disabled {
     cursor: not-allowed;
   }
   &:disabled > ${BackButtonContentContainer} {
-    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)} !important;
     background-color: transparent !important;
   }
 `;

package/dist/Button/BackButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_common","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BackButtonContentContainer","exports","styled","div","BackButtonContainerStyles","button","props","$size","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentSStyling","focusStyles","BackButton","_ref","children","size","Small","dataTestId","_objectWithoutProperties2","jsx","onMouseDown","defaultOnMouseDownHandler","jsxs","SystemIcons","ArrowLineLeft","propTypes","disabled","_propTypes","bool","_default"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<{$size: Size, dataTestId: string | undefined}>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)) : ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size: size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} $size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BackButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_common","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BackButtonContentContainer","exports","styled","div","BackButtonContainerStyles","button","props","$size","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","generateToken","componentType","defaultVariant","theme","ComponentSStyling","state","focusStyles","BackButton","_ref","children","size","Small","dataTestId","_objectWithoutProperties2","jsx","onMouseDown","defaultOnMouseDownHandler","jsxs","SystemIcons","ArrowLineLeft","propTypes","disabled","_propTypes","bool","_default"],"sources":["../../src/Button/BackButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { SystemIcons } from '../icons';\r\nimport { ComponentTextStyle, ComponentSStyling, ComponentXSStyling } from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const BackButtonContentContainer = styled.div``;\r\n\r\nconst BackButtonContainerStyles = styled.button<{$size: Size, dataTestId: string | undefined}>`\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  padding: 0;\r\n  margin: 0;\r\n  outline:none;\r\n  max-width: max-content;\r\n  display: flex;\r\n  align-items: center;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  ${(props) => (props.$size === Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme)) \r\n    : ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme)))};\r\n  font-feature-settings: 'liga' off;\r\n\r\n  & > ${BackButtonContentContainer} {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    max-width: max-content;\r\n    padding: 4px 4px 4px 0;\r\n    border-radius: 4px;\r\n    cursor: inherit;\r\n    min-width: 64px;\r\n\r\n  }\r\n\r\n  & > ${BackButtonContentContainer} > span {\r\n    display: flex;\r\n    cursor: inherit;\r\n  }\r\n  & > ${BackButtonContentContainer} > label {\r\n    display: flex;\r\n    cursor: inherit;\r\n    flex-grow: 1;\r\n    justify-content: center;\r\n  }\r\n\r\n  &:hover > ${BackButtonContentContainer},\r\n  &.hover-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'hover' }, props.theme)};\r\n  }\r\n  &:focus > ${BackButtonContentContainer},\r\n  &.focus-state > ${BackButtonContentContainer} {\r\n    ${focusStyles}\r\n  }\r\n  &:active > ${BackButtonContentContainer},\r\n  &.active-state > ${BackButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n  }\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${BackButtonContentContainer} {\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)} !important;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport interface BackButtonProps extends Testable, React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n    /**\r\n   * Required. The size of the back button. Can be 'Small' or 'XSmall'.\r\n   */\r\n  size: Size.Small | Size.XSmall;\r\n    /**\r\n   * Optional. A boolean indicating whether the back button is disabled.\r\n   */\r\n  disabled?: boolean;\r\n}\r\nconst BackButton: React.FunctionComponent<BackButtonProps> = ({ children, size: size = Size.Small, dataTestId, ...props }) => {\r\n  return (\r\n    <BackButtonContainerStyles {...props} $size={size} onMouseDown={defaultOnMouseDownHandler} dataTestId={dataTestId}>\r\n      <BackButtonContentContainer>\r\n        <span aria-hidden=\"true\">\r\n          <SystemIcons.ArrowLineLeft size={size === Size.XSmall ? '20' : '24'} />\r\n        </span>\r\n        <label>{children}</label>\r\n      </BackButtonContentContainer>\r\n    </BackButtonContainerStyles>\r\n  );\r\n};\r\n\r\nexport default BackButton;\r\n"],"mappings":"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","ignoreList":[]}