@norges-domstoler/dds-components 0.0.7 → 0.0.11

package/dist/index.es.js

@@ -11423,10 +11423,10 @@ var ddsBaseTokens = {
     fontPackages: fontPackages,
 };
 
-var Colors$i = ddsBaseTokens.colors, FontPackages$f = ddsBaseTokens.fontPackages, BorderRadius$4 = ddsBaseTokens.borderRadius, Border$8 = ddsBaseTokens.border;
-var textDefault$2 = {
+var Colors$i = ddsBaseTokens.colors, FontPackages$g = ddsBaseTokens.fontPackages, BorderRadius$4 = ddsBaseTokens.borderRadius, Border$8 = ddsBaseTokens.border;
+var textDefault$8 = {
     textColor: Colors$i.DdsColorNeutralsGray9,
-    font: FontPackages$f.body_sans_02.base,
+    font: FontPackages$g.body_sans_02.base,
 };
 var focus$1 = {
     colorDefault: Colors$i.DdsColorWarningDarker,
@@ -11437,14 +11437,14 @@ var focus$1 = {
 };
 var ddsReferenceTokens = {
     focus: focus$1,
-    textDefault: textDefault$2,
+    textDefault: textDefault$8,
     textInput: {
         input: {
             borderRadius: BorderRadius$4.RadiiDdsBorderRadius1Radius,
             borderWidth: Border$8.BordersDdsBorderStyle1StrokeWeight,
             borderColor: Colors$i.DdsColorNeutralsGray5,
-            textColor: textDefault$2.textColor,
-            font: FontPackages$f.supportingStyle_inputtext_02.base,
+            textColor: textDefault$8.textColor,
+            font: FontPackages$g.supportingStyle_inputtext_02.base,
             hover: {
                 backgroundColor: Colors$i.DdsColorInteractiveLightest,
                 borderColor: focus$1.color__TextInput,
@@ -11467,16 +11467,16 @@ var ddsReferenceTokens = {
 };
 
 var Colors$h = ddsBaseTokens.colors,
-    FontPackages$e = ddsBaseTokens.fontPackages,
+    FontPackages$f = ddsBaseTokens.fontPackages,
     Spacing$n = ddsBaseTokens.spacing;
-var textDefault$1 = ddsReferenceTokens.textDefault;
+var textDefault$7 = ddsReferenceTokens.textDefault;
 var textColors = {
   interactive: Colors$h.DdsColorInteractiveBase,
   primary: Colors$h.DdsColorPrimaryBase,
   danger: Colors$h.DdsColorDangerBase,
   success: Colors$h.DdsColorSuccessBase,
   warning: Colors$h.DdsColorWarningBase,
-  onLight: textDefault$1.textColor,
+  onLight: textDefault$7.textColor,
   onDark: Colors$h.DdsColorNeutralsWhite,
   gray1: Colors$h.DdsColorNeutralsGray1,
   gray2: Colors$h.DdsColorNeutralsGray2,
@@ -11497,8 +11497,8 @@ var aBase = {
   width: 'fit-content'
 };
 var aMarginsBase = {
-  marginTop: FontPackages$e.body_sans_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_sans_02.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_sans_02.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_sans_02.paragraph.paragraphSpacing
 };
 var aHoverBase = {
   color: Colors$h.DdsColorInteractiveDark
@@ -11510,7 +11510,7 @@ var aFocusBase = {
   outline: 'none'
 };
 
-var aBoldBase = __assign(__assign({}, FontPackages$e.body_sans_02), {
+var aBoldBase = __assign(__assign({}, FontPackages$f.body_sans_02), {
   fontWeight: 600
 });
 
@@ -11525,272 +11525,272 @@ var italicBase = {
 };
 
 var headingSans01Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_01.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_01.base);
 
 var headingSans01MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_01.paragraph.paragraphSpacing
 };
 
 var headingSans02Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_02.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_02.base);
 
 var headingSans02MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_02.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_02.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_02.paragraph.paragraphSpacing
 };
 
 var headingSans03Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_03.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_03.base);
 
 var headingSans03MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_03.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_03.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_03.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_03.paragraph.paragraphSpacing
 };
 
 var headingSans04Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_04.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_04.base);
 
 var headingSans04MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_04.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_04.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_04.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_04.paragraph.paragraphSpacing
 };
 
 var headingSans05Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_05.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_05.base);
 
 var headingSans05MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_05.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_05.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_05.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_05.paragraph.paragraphSpacing
 };
 
 var headingSans06Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_06.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_06.base);
 
 var headingSans06MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_06.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_06.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_06.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_06.paragraph.paragraphSpacing
 };
 
 var headingSans07Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_07.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_07.base);
 
 var headingSans07MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_07.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_07.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_07.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_07.paragraph.paragraphSpacing
 };
 
 var headingSans08Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.heading_sans_08.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.heading_sans_08.base);
 
 var headingSans08MarginsBase = {
-  marginTop: FontPackages$e.heading_sans_08.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.heading_sans_08.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.heading_sans_08.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.heading_sans_08.paragraph.paragraphSpacing
 };
 
 var bodySans01Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_sans_01.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_sans_01.base);
 
 var bodySans01MarginsBase = {
-  marginTop: FontPackages$e.body_sans_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_sans_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_sans_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_sans_01.paragraph.paragraphSpacing
 };
 
 var bodySans02Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_sans_02.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_sans_02.base);
 
 var bodySans02MarginsBase = {
-  marginTop: FontPackages$e.body_sans_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_sans_02.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_sans_02.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_sans_02.paragraph.paragraphSpacing
 };
 
 var bodySans03Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_sans_03.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_sans_03.base);
 
 var bodySans03MarginsBase = {
-  marginTop: FontPackages$e.body_sans_03.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_sans_03.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_sans_03.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_sans_03.paragraph.paragraphSpacing
 };
 
 var bodySans04Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_sans_04.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_sans_04.base);
 
 var bodySans04MarginsBase = {
-  marginTop: FontPackages$e.body_sans_04.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_sans_04.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_sans_04.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_sans_04.paragraph.paragraphSpacing
 };
 
 var bodySerif01Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_serif_01.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_serif_01.base);
 
 var bodySerif01MarginsBase = {
-  marginTop: FontPackages$e.body_serif_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_serif_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_serif_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_serif_01.paragraph.paragraphSpacing
 };
 
 var bodySerif02Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_serif_02.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_serif_02.base);
 
 var bodySerif02MarginsBase = {
-  marginTop: FontPackages$e.body_serif_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_serif_02.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_serif_02.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_serif_02.paragraph.paragraphSpacing
 };
 
 var bodySerif03Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_serif_03.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_serif_03.base);
 
 var bodySerif03MarginsBase = {
-  marginTop: FontPackages$e.body_serif_03.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_serif_03.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_serif_03.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_serif_03.paragraph.paragraphSpacing
 };
 
 var bodySerif04Base$1 = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.body_serif_04.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.body_serif_04.base);
 
 var bodySerif04MarginsBase = {
-  marginTop: FontPackages$e.body_serif_04.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.body_serif_04.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.body_serif_04.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.body_serif_04.paragraph.paragraphSpacing
 };
 
 var leadSans01Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.lead_sans_01.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.lead_sans_01.base);
 
 var leadSans01MarginsBase = {
-  marginTop: FontPackages$e.lead_sans_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.lead_sans_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.lead_sans_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.lead_sans_01.paragraph.paragraphSpacing
 };
 
 var leadSans02Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.lead_sans_02.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.lead_sans_02.base);
 
 var leadSans02MarginsBase = {
-  marginTop: FontPackages$e.lead_sans_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.lead_sans_02.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.lead_sans_02.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.lead_sans_02.paragraph.paragraphSpacing
 };
 
 var leadSans03Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.lead_sans_03.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.lead_sans_03.base);
 
 var leadSans03MarginsBase = {
-  marginTop: FontPackages$e.lead_sans_03.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.lead_sans_03.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.lead_sans_03.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.lead_sans_03.paragraph.paragraphSpacing
 };
 
 var leadSans04Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.lead_sans_04.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.lead_sans_04.base);
 
 var leadSans04MarginsBase = {
-  marginTop: FontPackages$e.lead_sans_04.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.lead_sans_04.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.lead_sans_04.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.lead_sans_04.paragraph.paragraphSpacing
 };
 
 var leadSans05Base = __assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.lead_sans_05.base);
+  color: textDefault$7.textColor
+}, FontPackages$f.lead_sans_05.base);
 
 var leadSans05MarginsBase = {
-  marginTop: FontPackages$e.lead_sans_05.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.lead_sans_05.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.lead_sans_05.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.lead_sans_05.paragraph.paragraphSpacing
 };
 
 var supportingStyleLabel01Base = __assign(__assign({
   color: Colors$h.DdsColorNeutralsGray7
-}, FontPackages$e.supportingStyle_label_01.base), {
+}, FontPackages$f.supportingStyle_label_01.base), {
   margin: 0
 });
 
 var supportingStyleLabel01MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_label_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_label_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_label_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_label_01.paragraph.paragraphSpacing
 };
 
 var supportingStyleHelperText01Base = __assign(__assign({
   color: Colors$h.DdsColorNeutralsGray6
-}, FontPackages$e.supportingStyle_helpertext_01.base), {
+}, FontPackages$f.supportingStyle_helpertext_01.base), {
   margin: 0
 });
 
 var supportingStyleHelperText01MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_helpertext_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_helpertext_01.paragraph.paragraphSpacing
 };
 
 var supportingStyleInputText01Base = __assign(__assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.supportingStyle_inputtext_01.base), {
+  color: textDefault$7.textColor
+}, FontPackages$f.supportingStyle_inputtext_01.base), {
   margin: 0
 });
 
 var supportingStyleInputText01MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_inputtext_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_inputtext_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_inputtext_01.paragraph.paragraphSpacing
 };
 
 var supportingStyleInputText02Base = __assign(__assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.supportingStyle_inputtext_02.base), {
+  color: textDefault$7.textColor
+}, FontPackages$f.supportingStyle_inputtext_02.base), {
   margin: 0
 });
 
 var supportingStyleInputText02MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_inputtext_02.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_inputtext_02.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_inputtext_02.paragraph.paragraphSpacing
 };
 
 var supportingStyleInputText03Base = __assign(__assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.supportingStyle_inputtext_03.base), {
+  color: textDefault$7.textColor
+}, FontPackages$f.supportingStyle_inputtext_03.base), {
   margin: 0
 });
 
 var supportingStyleInputText03MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_inputtext_03.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_inputtext_03.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_inputtext_03.paragraph.paragraphSpacing
 };
 
 var supportingStylePlaceholderText01Base = __assign(__assign({
   color: Colors$h.DdsColorNeutralsGray6
-}, FontPackages$e.supportingStyle_placeholdertext_01.base), {
+}, FontPackages$f.supportingStyle_placeholdertext_01.base), {
   margin: 0
 });
 
 var supportingStylePlaceholderText01MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
 };
 
 var supportingStyleTiny01Base = __assign(__assign({
-  color: textDefault$1.textColor
-}, FontPackages$e.supportingStyle_tiny_01.base), {
+  color: textDefault$7.textColor
+}, FontPackages$f.supportingStyle_tiny_01.base), {
   margin: 0
 });
 
 var supportingStyleTiny01MarginsBase = {
-  marginTop: FontPackages$e.supportingStyle_tiny_01.paragraph.paragraphSpacing,
-  marginBottom: FontPackages$e.supportingStyle_tiny_01.paragraph.paragraphSpacing
+  marginTop: FontPackages$f.supportingStyle_tiny_01.paragraph.paragraphSpacing,
+  marginBottom: FontPackages$f.supportingStyle_tiny_01.paragraph.paragraphSpacing
 };
 var selectionBase = {
-  color: textDefault$1.textColor,
+  color: textDefault$7.textColor,
   backgroundColor: Colors$h.DdsColorTertiaryLightest
 };
 var typographyTokens = {
@@ -19693,13 +19693,13 @@ var useRadioButtonGroup = function useRadioButtonGroup() {
 var Colors$g = ddsBaseTokens.colors,
     Border$7 = ddsBaseTokens.border,
     Spacing$m = ddsBaseTokens.spacing,
-    FontPackages$d = ddsBaseTokens.fontPackages;
+    FontPackages$e = ddsBaseTokens.fontPackages;
 var radioButtonBase = {
   border: '1px solid',
   borderColor: Colors$g.DdsColorNeutralsGray5,
   backgroundColor: Colors$g.DdsColorNeutralsWhite,
-  height: FontPackages$d.supportingStyle_inputtext_02.numbers.fontSizeNumber,
-  width: FontPackages$d.supportingStyle_inputtext_02.numbers.fontSizeNumber
+  height: FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber,
+  width: FontPackages$e.supportingStyle_inputtext_02.numbers.fontSizeNumber
 };
 var radioButtonHoverBase = {
   border: '2px solid',
@@ -20084,10 +20084,10 @@ var RadioButtonGroup = function RadioButtonGroup(_a) {
       }), void 0)
     }), void 0), errorMessage ? jsxRuntime.jsx(InputMessage, {
       message: errorMessage,
-      messageType: 'error'
+      messageType: "error"
     }, void 0) : tip ? jsxRuntime.jsx(InputMessage, {
       message: tip,
-      messageType: 'tip'
+      messageType: "tip"
     }, void 0) : '']
   }), void 0);
 };
@@ -20096,15 +20096,15 @@ var templateObject_1$x, templateObject_2$o, templateObject_3$h;
 var Colors$e = ddsBaseTokens.colors,
     Border$6 = ddsBaseTokens.border,
     Spacing$j = ddsBaseTokens.spacing,
-    FontPackages$c = ddsBaseTokens.fontPackages,
+    FontPackages$d = ddsBaseTokens.fontPackages,
     BorderRadius$3 = ddsBaseTokens.borderRadius;
 var checkboxBase = {
   border: '1px solid',
   backgroundColor: Colors$e.DdsColorNeutralsWhite,
   borderColor: Colors$e.DdsColorNeutralsGray5,
   borderRadius: BorderRadius$3.RadiiDdsBorderRadius1Radius,
-  height: FontPackages$c.supportingStyle_inputtext_02.base.fontSize,
-  width: FontPackages$c.supportingStyle_inputtext_02.base.fontSize
+  height: FontPackages$d.supportingStyle_inputtext_02.base.fontSize,
+  width: FontPackages$d.supportingStyle_inputtext_02.base.fontSize
 };
 var checkboxCheckedBase = {
   border: '2px solid',
@@ -20160,11 +20160,11 @@ var checkmarkIndeterminateBase = {
   borderWidth: '1px 0 0 0'
 };
 
-var containerBase$3 = __assign({}, FontPackages$c.body_sans_02.base);
+var containerBase$3 = __assign({}, FontPackages$d.body_sans_02.base);
 
-var containerWithLabelBase$1 = __assign(__assign({}, FontPackages$c.body_sans_02.base), {
+var containerWithLabelBase$1 = __assign(__assign({}, FontPackages$d.body_sans_02.base), {
   marginRight: Spacing$j.SizesDdsSpacingLocalX075,
-  padding: "0 " + Spacing$j.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$c.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$j.SizesDdsSpacingLocalX075NumberPx) + "px"
+  padding: "0 " + Spacing$j.SizesDdsSpacingLocalX025 + " 0 " + (FontPackages$d.supportingStyle_inputtext_02.numbers.fontSizeNumber + Spacing$j.SizesDdsSpacingLocalX075NumberPx) + "px"
 });
 
 var containerNoLabelBase$1 = {
@@ -20389,47 +20389,47 @@ var calculateHeightWithLineHeight = function calculateHeightWithLineHeight(lineH
 var Colors$d = ddsBaseTokens.colors,
     Border$5 = ddsBaseTokens.border,
     Spacing$h = ddsBaseTokens.spacing,
-    FontPackages$b = ddsBaseTokens.fontPackages,
+    FontPackages$c = ddsBaseTokens.fontPackages,
     BorderRadius$2 = ddsBaseTokens.borderRadius,
     OuterShadow$1 = ddsBaseTokens.outerShadow;
 var focus = ddsReferenceTokens.focus;
 
-var justIconSmallBase = __assign(__assign({}, FontPackages$b.supportingStyle_inputtext_02.base), {
+var justIconSmallBase = __assign(__assign({}, FontPackages$c.supportingStyle_inputtext_02.base), {
   padding: Spacing$h.SizesDdsSpacingLocalX05
 });
 
 var justIconWrapperSmallBase = {
-  height: calculateHeightWithLineHeight(FontPackages$b.body_sans_01.numbers.lineHeightNumber, FontPackages$b.body_sans_01.numbers.fontSizeNumber) + "px",
-  width: calculateHeightWithLineHeight(FontPackages$b.body_sans_01.numbers.lineHeightNumber, FontPackages$b.body_sans_01.numbers.fontSizeNumber) + "px"
+  height: calculateHeightWithLineHeight(FontPackages$c.body_sans_01.numbers.lineHeightNumber, FontPackages$c.body_sans_01.numbers.fontSizeNumber) + "px",
+  width: calculateHeightWithLineHeight(FontPackages$c.body_sans_01.numbers.lineHeightNumber, FontPackages$c.body_sans_01.numbers.fontSizeNumber) + "px"
 };
 
-var textSmallBase = __assign(__assign({}, FontPackages$b.body_sans_01.base), {
+var textSmallBase = __assign(__assign({}, FontPackages$c.body_sans_01.base), {
   padding: Spacing$h.SizesDdsSpacingLocalX05 + " " + (Spacing$h.SizesDdsSpacingLocalX1NumberPx - 2) + "px"
 });
 
-var justIconMediumBase = __assign(__assign({}, FontPackages$b.heading_sans_03.base), {
+var justIconMediumBase = __assign(__assign({}, FontPackages$c.heading_sans_03.base), {
   padding: Spacing$h.SizesDdsSpacingLocalX075
 });
 
 var justIconWrapperMediumBase = {
-  height: calculateHeightWithLineHeight(FontPackages$b.body_sans_02.numbers.lineHeightNumber, FontPackages$b.body_sans_02.numbers.fontSizeNumber) + "px",
-  width: calculateHeightWithLineHeight(FontPackages$b.body_sans_02.numbers.lineHeightNumber, FontPackages$b.body_sans_02.numbers.fontSizeNumber) + "px"
+  height: calculateHeightWithLineHeight(FontPackages$c.body_sans_02.numbers.lineHeightNumber, FontPackages$c.body_sans_02.numbers.fontSizeNumber) + "px",
+  width: calculateHeightWithLineHeight(FontPackages$c.body_sans_02.numbers.lineHeightNumber, FontPackages$c.body_sans_02.numbers.fontSizeNumber) + "px"
 };
 
-var textMediumBase = __assign(__assign({}, FontPackages$b.body_sans_02.base), {
+var textMediumBase = __assign(__assign({}, FontPackages$c.body_sans_02.base), {
   padding: Spacing$h.SizesDdsSpacingLocalX075 + " " + (Spacing$h.SizesDdsSpacingLocalX15NumberPx - 2) + "px"
 });
 
-var justIconLargeBase = __assign(__assign({}, FontPackages$b.heading_sans_04.base), {
+var justIconLargeBase = __assign(__assign({}, FontPackages$c.heading_sans_04.base), {
   padding: Spacing$h.SizesDdsSpacingLocalX1
 });
 
 var justIconWrapperLargeBase = {
-  height: calculateHeightWithLineHeight(FontPackages$b.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$b.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
-  width: calculateHeightWithLineHeight(FontPackages$b.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$b.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
+  height: calculateHeightWithLineHeight(FontPackages$c.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$c.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px",
+  width: calculateHeightWithLineHeight(FontPackages$c.supportingStyle_inputtext_03.numbers.lineHeightNumber, FontPackages$c.supportingStyle_inputtext_03.numbers.fontSizeNumber) + "px"
 };
 
-var textLargeBase = __assign(__assign({}, FontPackages$b.supportingStyle_inputtext_03.base), {
+var textLargeBase = __assign(__assign({}, FontPackages$c.supportingStyle_inputtext_03.base), {
   padding: Spacing$h.SizesDdsSpacingLocalX1 + " " + (Spacing$h.SizesDdsSpacingLocalX2NumberPx - 2) + "px"
 });
 
@@ -21046,13 +21046,13 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
 
 var Colors$b = ddsBaseTokens.colors,
     Spacing$g = ddsBaseTokens.spacing,
-    FontPackages$a = ddsBaseTokens.fontPackages;
+    FontPackages$b = ddsBaseTokens.fontPackages;
 var TextInput$2 = ddsReferenceTokens.textInput;
 var inputBase$2 = {
   border: "1px solid " + Colors$b.DdsColorNeutralsGray5
 };
 var inputWithLabelBase = {
-  padding: Spacing$g.SizesDdsSpacingLocalX075NumberPx + FontPackages$a.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_label_01.numbers.fontSizeNumber + "px " + Spacing$g.SizesDdsSpacingLocalX1 + " " + Spacing$g.SizesDdsSpacingLocalX075 + " " + Spacing$g.SizesDdsSpacingLocalX1
+  padding: Spacing$g.SizesDdsSpacingLocalX075NumberPx + FontPackages$b.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$b.supportingStyle_label_01.numbers.fontSizeNumber + "px " + Spacing$g.SizesDdsSpacingLocalX1 + " " + Spacing$g.SizesDdsSpacingLocalX075 + " " + Spacing$g.SizesDdsSpacingLocalX1
 };
 var inputNoLabelBase$1 = {
   padding: Spacing$g.SizesDdsSpacingLocalX075 + " " + Spacing$g.SizesDdsSpacingLocalX1 + " " + Spacing$g.SizesDdsSpacingLocalX075 + " " + Spacing$g.SizesDdsSpacingLocalX1
@@ -21422,10 +21422,10 @@ var TextInput = /*#__PURE__*/forwardRef(function (_a, ref) {
     }), void 0), jsxRuntime.jsxs(FlexContainer, {
       children: [errorMessage && jsxRuntime.jsx(InputMessage, {
         message: errorMessage,
-        messageType: 'error'
+        messageType: "error"
       }, void 0), tip && !errorMessage && jsxRuntime.jsx(InputMessage, {
         message: tip,
-        messageType: 'tip'
+        messageType: "tip"
       }, void 0), maxLength && Number.isInteger(maxLength) && maxLength > 0 && jsxRuntime.jsx(CharCounter, {
         current: text.length,
         max: maxLength
@@ -28293,9 +28293,10 @@ var ReactSelect = index;
 
 var Colors$a = ddsBaseTokens.colors,
     Spacing$e = ddsBaseTokens.spacing,
-    FontPackages$9 = ddsBaseTokens.fontPackages,
+    FontPackages$a = ddsBaseTokens.fontPackages,
     BorderRadius$1 = ddsBaseTokens.borderRadius,
     Border$4 = ddsBaseTokens.border;
+var textDefault$6 = ddsReferenceTokens.textDefault;
 
 var labelBase = __assign({
   color: Colors$a.DdsColorNeutralsGray7,
@@ -28303,7 +28304,7 @@ var labelBase = __assign({
   paddingLeft: Spacing$e.SizesDdsSpacingLocalX1,
   paddingBottom: 0,
   paddingRight: Spacing$e.SizesDdsSpacingLocalX05
-}, FontPackages$9.supportingStyle_label_01.base);
+}, FontPackages$a.supportingStyle_label_01.base);
 
 var labelHoverBase = {
   color: Colors$a.DdsColorInteractiveBase
@@ -28317,11 +28318,11 @@ var containerBase$2 = {
   borderColor: Colors$a.DdsColorNeutralsGray5,
   backgroundColor: Colors$a.DdsColorNeutralsWhite
 };
-var withLabelHeight = Spacing$e.SizesDdsSpacingLocalX075NumberPx * 2 + FontPackages$9.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$9.supportingStyle_label_01.numbers.fontSizeNumber + FontPackages$9.supportingStyle_inputtext_02.numbers.lineHeightNumber * 0.01 * FontPackages$9.supportingStyle_inputtext_02.numbers.fontSizeNumber + Border$4.BordersDdsBorderStyle1StrokeWeightNumberPx * 2;
+var withLabelHeight = Spacing$e.SizesDdsSpacingLocalX075NumberPx * 2 + FontPackages$a.supportingStyle_label_01.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_label_01.numbers.fontSizeNumber + FontPackages$a.supportingStyle_inputtext_02.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_inputtext_02.numbers.fontSizeNumber + Border$4.BordersDdsBorderStyle1StrokeWeightNumberPx * 2;
 var containerWithLabelBase = {
   height: withLabelHeight + "px"
 };
-var noLabelHeight = Spacing$e.SizesDdsSpacingLocalX075NumberPx * 2 + FontPackages$9.supportingStyle_inputtext_02.numbers.lineHeightNumber * 0.01 * FontPackages$9.supportingStyle_inputtext_02.numbers.fontSizeNumber + Border$4.BordersDdsBorderStyle1StrokeWeightNumberPx * 2;
+var noLabelHeight = Spacing$e.SizesDdsSpacingLocalX075NumberPx * 2 + FontPackages$a.supportingStyle_inputtext_02.numbers.lineHeightNumber * 0.01 * FontPackages$a.supportingStyle_inputtext_02.numbers.fontSizeNumber + Border$4.BordersDdsBorderStyle1StrokeWeightNumberPx * 2;
 var containerNoLabelBase = {
   height: noLabelHeight + "px"
 };
@@ -28345,7 +28346,7 @@ var containerDangerFocusBase = {
 
 var inputBase$1 = __assign({
   padding: "0 " + Spacing$e.SizesDdsSpacingLocalX05 + " 0 " + Spacing$e.SizesDdsSpacingLocalX1
-}, FontPackages$9.supportingStyle_inputtext_02.base);
+}, FontPackages$a.supportingStyle_inputtext_02.base);
 
 var inputNoLabelBase = {
   paddingTop: Spacing$e.SizesDdsSpacingLocalX075
@@ -28353,7 +28354,7 @@ var inputNoLabelBase = {
 
 var placeholderBase = __assign({
   color: Colors$a.DdsColorNeutralsGray6
-}, FontPackages$9.supportingStyle_placeholdertext_01.base);
+}, FontPackages$a.supportingStyle_placeholdertext_01.base);
 
 var dropdownIndicatorBase = {
   color: Colors$a.DdsColorNeutralsGray6,
@@ -28379,9 +28380,11 @@ var optionsListBase = {
   borderRadius: BorderRadius$1.RadiiDdsBorderRadius1Radius
 };
 
-var optionBase = __assign({
+var optionBase = __assign(__assign({
   padding: Spacing$e.SizesDdsSpacingLocalX05 + " " + Spacing$e.SizesDdsSpacingLocalX1
-}, FontPackages$9.body_sans_02.base);
+}, FontPackages$a.body_sans_02.base), {
+  color: textDefault$6.textColor
+});
 
 var optionHoverBase = {
   backgroundColor: Colors$a.DdsColorInteractiveLighter
@@ -28389,14 +28392,14 @@ var optionHoverBase = {
 
 var optionSelectedBase = __assign(__assign({
   backgroundColor: Colors$a.DdsColorInteractiveLightest
-}, FontPackages$9.body_sans_02.base), {
+}, FontPackages$a.body_sans_02.base), {
   fontWeight: 600
 });
 
 var noOptionsMessageBase = __assign({
   padding: Spacing$e.SizesDdsSpacingLocalX05 + " " + Spacing$e.SizesDdsSpacingLocalX1,
   color: Colors$a.DdsColorNeutralsGray6
-}, FontPackages$9.supportingStyle_placeholdertext_01.base);
+}, FontPackages$a.supportingStyle_placeholdertext_01.base);
 
 var containerDisabledBase = {
   backgroundColor: Colors$a.DdsColorNeutralsGray1,
@@ -28692,10 +28695,10 @@ var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
         ref: ref
       }), void 0)]
     }), void 0), errorMessage && jsxRuntime.jsx(InputMessage, {
-      messageType: 'error',
+      messageType: "error",
       message: errorMessage
     }, void 0), tip && !errorMessage && jsxRuntime.jsx(InputMessage, {
-      messageType: 'tip',
+      messageType: "tip",
       message: tip
     }, void 0)]
   }), void 0);
@@ -28781,13 +28784,13 @@ var InfoOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(InfoOutlined);
 
 var Colors$9 = ddsBaseTokens.colors,
     Spacing$d = ddsBaseTokens.spacing,
-    FontPackages$8 = ddsBaseTokens.fontPackages;
+    FontPackages$9 = ddsBaseTokens.fontPackages;
 
 var containerBase$1 = __assign(__assign({
   borderBottom: '2px solid',
   padding: "0 " + Spacing$d.SizesDdsSpacingLocalX1,
   width: '100%'
-}, FontPackages$8.body_sans_02.base), {
+}, FontPackages$9.body_sans_02.base), {
   color: Colors$9.DdsColorNeutralsGray8
 });
 
@@ -28982,7 +28985,7 @@ var EmojiObjectsOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(EmojiObjects
 
 var Colors$8 = ddsBaseTokens.colors,
     Spacing$c = ddsBaseTokens.spacing,
-    FontPackages$7 = ddsBaseTokens.fontPackages,
+    FontPackages$8 = ddsBaseTokens.fontPackages,
     BorderRadius = ddsBaseTokens.borderRadius,
     Border$3 = ddsBaseTokens.border,
     OuterShadow = ddsBaseTokens.outerShadow;
@@ -28992,7 +28995,7 @@ var containerBase = __assign(__assign({
   borderRadius: BorderRadius.RadiiDdsBorderRadius1Radius,
   border: Border$3.BordersDdsBorderStyle1StrokeWeight + " solid",
   padding: "0 " + Spacing$c.SizesDdsSpacingLocalX1
-}, FontPackages$7.body_sans_02.base), {
+}, FontPackages$8.body_sans_02.base), {
   color: Colors$8.DdsColorNeutralsGray8
 });
 
@@ -29256,26 +29259,30 @@ exports.default = _default;
 var SearchOutlinedIcon = /*@__PURE__*/getDefaultExportFromCjs(SearchOutlined);
 
 var Spacing$b = ddsBaseTokens.spacing,
-    FontPackages$6 = ddsBaseTokens.fontPackages;
+    FontPackages$7 = ddsBaseTokens.fontPackages;
+var textDefault$5 = ddsReferenceTokens.textDefault;
 var inputBase = {
   paddingRight: Spacing$b.SizesDdsSpacingLocalX05
 };
 
-var smallBase$1 = __assign(__assign({}, FontPackages$6.supportingStyle_inputtext_01.base), {
+var smallBase$1 = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_01.base), {
   paddingTop: Spacing$b.SizesDdsSpacingLocalX05,
   paddingBottom: Spacing$b.SizesDdsSpacingLocalX05
 });
 
-var mediumBase = __assign(__assign({}, FontPackages$6.supportingStyle_inputtext_02.base), {
+var mediumBase = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_02.base), {
   paddingTop: Spacing$b.SizesDdsSpacingLocalX075,
   paddingBottom: Spacing$b.SizesDdsSpacingLocalX075
 });
 
-var largeBase = __assign(__assign({}, FontPackages$6.supportingStyle_inputtext_03.base), {
+var largeBase = __assign(__assign({}, FontPackages$7.supportingStyle_inputtext_03.base), {
   paddingTop: Spacing$b.SizesDdsSpacingLocalX1,
   paddingBottom: Spacing$b.SizesDdsSpacingLocalX1
 });
 
+var iconWrapperBase = {
+  color: textDefault$5.textColor
+};
 var searchTokens = {
   input: {
     base: inputBase,
@@ -29294,6 +29301,9 @@ var searchTokens = {
     spaceTop: "calc(50% - " + Spacing$b.SizesDdsSpacingLocalX15NumberPx / 2 + "px)",
     spaceLeft: Spacing$b.SizesDdsSpacingLocalX075
   },
+  iconWrapper: {
+    base: iconWrapperBase
+  },
   buttonWrapper: {
     spaceLeft: Spacing$b.SizesDdsSpacingLocalX05
   }
@@ -29309,7 +29319,7 @@ var Input = styled.input.withConfig({
 var IconWrapper = styled.span.withConfig({
   displayName: "Search__IconWrapper",
   componentId: "sc-1ax3s9s-1"
-})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"], ["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), searchTokens.icon.spaceTop, searchTokens.icon.spaceLeft);
+})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  ", "\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"], ["\n  ", "\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), searchTokens.iconWrapper.base, searchTokens.icon.spaceTop, searchTokens.icon.spaceLeft);
 var Container$2 = styled.div.withConfig({
   displayName: "Search__Container",
   componentId: "sc-1ax3s9s-2"
@@ -29486,17 +29496,17 @@ var Head = /*#__PURE__*/forwardRef(function (_a, ref) {
 var templateObject_1$i;
 
 var Colors$6 = ddsBaseTokens.colors,
-    FontPackages$5 = ddsBaseTokens.fontPackages,
+    FontPackages$6 = ddsBaseTokens.fontPackages,
     Border$2 = ddsBaseTokens.border;
-var textDefault = ddsReferenceTokens.textDefault;
+var textDefault$4 = ddsReferenceTokens.textDefault;
 
 var bodyRowBase = __assign({
-  color: textDefault.textColor
-}, FontPackages$5.body_sans_02.base);
+  color: textDefault$4.textColor
+}, FontPackages$6.body_sans_02.base);
 
 var headRowBase = __assign(__assign({
-  color: textDefault.textColor
-}, FontPackages$5.body_sans_02.base), {
+  color: textDefault$4.textColor
+}, FontPackages$6.body_sans_02.base), {
   fontWeight: 600,
   textAlign: 'left'
 });
@@ -29514,7 +29524,7 @@ var bodyHoverBase = {
   backgroundColor: Colors$6.DdsColorSecondaryLightest
 };
 
-var bodySumBase = __assign(__assign({}, FontPackages$5.body_sans_02.base), {
+var bodySumBase = __assign(__assign({}, FontPackages$6.body_sans_02.base), {
   fontWeight: 600,
   borderTop: Border$2.BordersDdsBorderStyle1StrokeWeight + " solid " + Colors$6.DdsColorNeutralsGray4,
   borderBottom: Border$2.BordersDdsBorderStyle1StrokeWeight + " solid " + Colors$6.DdsColorNeutralsGray4,
@@ -29808,8 +29818,6 @@ var TableWrapper = function TableWrapper(_a) {
 
   var wrapperRef = useRef(null);
   useEffect(function () {
-    console.log('overflowX', overflowX, 'window.innerWidth', window.innerWidth);
-
     if (wrapperRef && wrapperRef.current && isOverflowingX(wrapperRef.current)) {
       setOverflowX(true);
       return;
@@ -30170,7 +30178,8 @@ var Pagination = /*#__PURE__*/forwardRef(function (_a, ref) {
   }] : _e,
       smallScreen = _a.smallScreen,
       onChange = _a.onChange,
-      rest = __rest(_a, ["itemsAmount", "defaultItemsPerPage", "defaultActivePage", "withPagination", "withCounter", "withSelect", "selectOptions", "smallScreen", "onChange"]);
+      onSelectOptionChange = _a.onSelectOptionChange,
+      rest = __rest(_a, ["itemsAmount", "defaultItemsPerPage", "defaultActivePage", "withPagination", "withCounter", "withSelect", "selectOptions", "smallScreen", "onChange", "onSelectOptionChange"]);
 
   var _f = useState(defaultActivePage),
       activePage = _f[0],
@@ -30193,6 +30202,10 @@ var Pagination = /*#__PURE__*/forwardRef(function (_a, ref) {
 
   var handleSelectChange = function handleSelectChange(option) {
     setItemsPerPage(option === null || option === void 0 ? void 0 : option.value);
+
+    if (onSelectOptionChange) {
+      onSelectOptionChange(option);
+    }
   };
 
   var listItems = items.length > 0 ? items.map(function (item, i) {
@@ -30381,29 +30394,31 @@ var listItemTokens = {
 };
 
 var Spacing$5 = ddsBaseTokens.spacing,
-    FontPackages$4 = ddsBaseTokens.fontPackages;
+    FontPackages$5 = ddsBaseTokens.fontPackages;
+var textDefault$3 = ddsReferenceTokens.textDefault;
 var inheritBase = {
   font: 'inherit'
 };
 
-var bodySans01Base = __assign({}, FontPackages$4.body_sans_01.base);
+var bodySans01Base = __assign({}, FontPackages$5.body_sans_01.base);
 
-var bodySans02Base = __assign({}, FontPackages$4.body_sans_02.base);
+var bodySans02Base = __assign({}, FontPackages$5.body_sans_02.base);
 
-var bodySans03Base = __assign({}, FontPackages$4.body_sans_03.base);
+var bodySans03Base = __assign({}, FontPackages$5.body_sans_03.base);
 
-var bodySans04Base = __assign({}, FontPackages$4.body_sans_04.base);
+var bodySans04Base = __assign({}, FontPackages$5.body_sans_04.base);
 
-var bodySerif01Base = __assign({}, FontPackages$4.body_serif_01.base);
+var bodySerif01Base = __assign({}, FontPackages$5.body_serif_01.base);
 
-var bodySerif02Base = __assign({}, FontPackages$4.body_serif_02.base);
+var bodySerif02Base = __assign({}, FontPackages$5.body_serif_02.base);
 
-var bodySerif03Base = __assign({}, FontPackages$4.body_serif_03.base);
+var bodySerif03Base = __assign({}, FontPackages$5.body_serif_03.base);
 
-var bodySerif04Base = __assign({}, FontPackages$4.body_serif_04.base);
+var bodySerif04Base = __assign({}, FontPackages$5.body_serif_04.base);
 
 var base$5 = {
-  margin: Spacing$5.SizesDdsSpacingLocalX1 + " 0"
+  margin: Spacing$5.SizesDdsSpacingLocalX1 + " 0",
+  color: textDefault$3.textColor
 };
 var listTokens = {
   base: base$5,
@@ -30473,12 +30488,15 @@ var ListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
 var templateObject_1$8;
 
 var Spacing$4 = ddsBaseTokens.spacing,
-    FontPackages$3 = ddsBaseTokens.fontPackages,
+    FontPackages$4 = ddsBaseTokens.fontPackages,
     Colors$2 = ddsBaseTokens.colors;
+var textDefault$2 = ddsReferenceTokens.textDefault;
 
-var boldBase = __assign(__assign({}, FontPackages$3.body_sans_03.base), typographyTokens.style.bold.base);
+var boldBase = __assign(__assign(__assign({}, FontPackages$4.body_sans_03.base), typographyTokens.style.bold.base), {
+  color: textDefault$2.textColor
+});
 
-var smallBase = __assign(__assign({}, FontPackages$3.body_sans_01.base), {
+var smallBase = __assign(__assign({}, FontPackages$4.body_sans_01.base), {
   color: Colors$2.DdsColorNeutralsGray7
 });
 
@@ -30538,9 +30556,12 @@ var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_a, ref) {
 var templateObject_1$6;
 
 var Spacing$3 = ddsBaseTokens.spacing,
-    FontPackages$2 = ddsBaseTokens.fontPackages;
+    FontPackages$3 = ddsBaseTokens.fontPackages;
+var textDefault$1 = ddsReferenceTokens.textDefault;
 
-var base$4 = __assign({}, FontPackages$2.body_sans_03.base);
+var base$4 = __assign(__assign({}, FontPackages$3.body_sans_03.base), {
+  color: textDefault$1.textColor
+});
 
 var iconBase = {
   marginRight: Spacing$3.SizesDdsSpacingLocalX025
@@ -30609,10 +30630,14 @@ var DescriptionListGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
 var templateObject_1$4, templateObject_2$3;
 
 var Colors$1 = ddsBaseTokens.colors,
-    Border = ddsBaseTokens.border;
-var base$2 = {
+    Border = ddsBaseTokens.border,
+    FontPackages$2 = ddsBaseTokens.fontPackages;
+var textDefault = ddsReferenceTokens.textDefault;
+
+var base$2 = __assign({
   border: Border.BordersDdsBorderStyle1StrokeWeight + " solid"
-};
+}, FontPackages$2.body_sans_02.base);
+
 var navigationHoverBase = {
   borderColor: Colors$1.DdsColorInteractiveBase,
   boxShadow: "0 0 0 1px " + Colors$1.DdsColorInteractiveBase
@@ -30628,15 +30653,18 @@ var filledDarkBase = {
 };
 var filledLightBase = {
   backgroundColor: Colors$1.DdsColorPrimaryLightest,
-  borderColor: Colors$1.DdsColorPrimaryLightest
+  borderColor: Colors$1.DdsColorPrimaryLightest,
+  color: textDefault.textColor
 };
 var strokeLightBase = {
   backgroundColor: Colors$1.DdsColorNeutralsWhite,
-  borderColor: Colors$1.DdsColorNeutralsGray5
+  borderColor: Colors$1.DdsColorNeutralsGray5,
+  color: textDefault.textColor
 };
 var strokeDarkBase = {
   backgroundColor: Colors$1.DdsColorNeutralsWhite,
-  borderColor: Colors$1.DdsColorNeutralsGray9
+  borderColor: Colors$1.DdsColorNeutralsGray9,
+  color: textDefault.textColor
 };
 var cardTokens = {
   base: base$2,
@@ -30857,7 +30885,7 @@ var cardAccordionBodyTokens = {
   base: base
 };
 
-var expandingAnimation = Ae(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"], ["\n  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"])));
+var expandingAnimation = Ae(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: visibility 0.3s, max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"], ["\n  transition: visibility 0.3s, max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n"])));
 var Body = styled.div.withConfig({
   displayName: "CardAccordionBody__Body",
   componentId: "sc-igsnpx-0"
@@ -30868,7 +30896,10 @@ var Body = styled.div.withConfig({
 var BodyWrapper = styled.div.withConfig({
   displayName: "CardAccordionBody__BodyWrapper",
   componentId: "sc-igsnpx-1"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  overflow: hidden;\n  max-height: ", "px;\n"], ["\n  ", "\n  overflow: hidden;\n  max-height: ", "px;\n"])), expandingAnimation, function (_a) {
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  overflow: hidden;\n  visibility: ", ";\n  max-height: ", "px;\n"], ["\n  ", "\n  overflow: hidden;\n  visibility: ", ";\n  max-height: ", "px;\n"])), expandingAnimation, function (_a) {
+  var isExpanded = _a.isExpanded;
+  return isExpanded ? 'visible' : 'hidden';
+}, function (_a) {
   var maxHeight = _a.maxHeight;
   return maxHeight ? maxHeight : 0;
 });
@@ -30900,7 +30931,8 @@ var CardAccordionBody = /*#__PURE__*/forwardRef(function (_a, ref) {
 
   var bodyWrapperProps = {
     ref: bodyRef,
-    maxHeight: maxHeight
+    maxHeight: maxHeight,
+    isExpanded: isExpanded
   };
   return jsxRuntime.jsx(Body, __assign({
     "aria-labelledby": headerId,