@mmb-digital/ds-lilly 1.0.124 → 1.0.125

package/cjs/ds-lilly.css

@@ -6689,11 +6689,40 @@ body.dark .c-logo__svg {
     right: 16px;
   }
 }
+.c-dataTableWrapper {
+  position: relative;
+  width: 100%;
+}
+.c-dataTableWrapper--small, .c-dataTableWrapper--medium, .c-dataTableWrapper--large {
+  border-radius: 13px;
+  overflow: hidden;
+}
+.c-dataTableWrapper--borderTransparent {
+  border: 1px solid transparent;
+}
+.c-dataTableWrapper--borderDefault {
+  border: 1px solid var(--bgNeutralSubtlest);
+}
+.c-dataTableWrapper--borderNeutral {
+  border: 1px solid var(--bgNeutralSubtlestHover);
+}
+.c-dataTableWrapper--borderBrand {
+  border: 1px solid var(--bgBrandBold);
+}
+.c-dataTableWrapper--borderPromo {
+  border: 1px solid var(--bgPromoBold);
+}
+
 .c-dataTable {
   width: 100%;
   table-layout: fixed;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.c-dataTable th,
+.c-dataTable td {
+  border: 0;
 }
-
 .c-dataTable--contentRightAligned .c-dataTableItem__content {
   text-align: right;
 }
@@ -6707,21 +6736,284 @@ body.dark .c-logo__svg {
     text-align: right;
   }
 }
+.c-dataTable--contentCenterAligned .c-dataTableItem__content {
+  text-align: center;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--contentCenterAligned .c-dataTableItem__content {
+    text-align: left;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--contentCenterAligned.c-dataTable--noStack .c-dataTableItem__content {
+    text-align: center;
+  }
+}
+.c-dataTable--gapSmall .c-dataTableItem__label,
+.c-dataTable--gapSmall .c-dataTableItem__content {
+  padding: var(--spaceXXXSmall) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapSmall:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceXXXSmall);
+  }
+  .c-dataTable--gapSmall:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceXXXSmall);
+  }
+}
+.c-dataTable--gapSmall .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapSmall .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceXXXSmall) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapSmall .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceXXXSmall);
+  }
+}
+.c-dataTable--gapMedium .c-dataTableItem__label,
+.c-dataTable--gapMedium .c-dataTableItem__content {
+  padding: var(--spaceXSmall) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapMedium:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceXSmall);
+  }
+  .c-dataTable--gapMedium:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceXSmall);
+  }
+}
+.c-dataTable--gapMedium .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapMedium .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceXSmall) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapMedium .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceXSmall);
+  }
+}
+.c-dataTable--gapLarge .c-dataTableItem__label,
+.c-dataTable--gapLarge .c-dataTableItem__content {
+  padding: var(--spaceSmall) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapLarge:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceSmall);
+  }
+  .c-dataTable--gapLarge:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceSmall);
+  }
+}
+.c-dataTable--gapLarge .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceSmall) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceSmall);
+  }
+}
+.c-dataTable--gapXLarge .c-dataTableItem__label,
+.c-dataTable--gapXLarge .c-dataTableItem__content {
+  padding: var(--spaceMedium) 0;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapXLarge:not(.c-dataTable--noStack) .c-dataTableItem:first-child .c-dataTableItem__content {
+    padding-top: var(--spaceMedium);
+  }
+  .c-dataTable--gapXLarge:not(.c-dataTable--noStack) .c-dataTableItem:last-child .c-dataTableItem__label {
+    padding-bottom: var(--spaceMedium);
+  }
+}
+.c-dataTable--gapXLarge .c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTable--gapXLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceMedium) + 8px);
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--gapXLarge .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    padding-top: var(--spaceMedium);
+  }
+}
+.c-dataTable--small, .c-dataTable--medium, .c-dataTable--large {
+  border-radius: var(--borderRadiusLarge);
+  overflow: hidden;
+}
+.c-dataTable--zero .c-dataTableItem__label,
+.c-dataTable--zero .c-dataTableItem__content,
+.c-dataTable--zero .c-dataTableDivider td {
+  padding-left: 0;
+  padding-right: 0;
+}
+.c-dataTable--small .c-dataTableItem__label {
+  padding-left: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem__content {
+  padding-right: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableDivider td {
+  padding-left: var(--paddingSmallCard);
+  padding-right: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem:first-child .c-dataTableItem__label,
+.c-dataTable--small .c-dataTableItem:first-child .c-dataTableItem__content {
+  padding-top: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem:last-child .c-dataTableItem__label,
+.c-dataTable--small .c-dataTableItem:last-child .c-dataTableItem__content {
+  padding-bottom: var(--paddingSmallCard);
+}
+.c-dataTable--small .c-dataTableItem--hasDivider .c-dataTableItem__label {
+  background-position: var(--paddingSmallCard) 4px;
+  background-size: calc(100% - var(--paddingSmallCard)) 1px;
+}
+.c-dataTable--small .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  background-size: calc(100% - var(--paddingSmallCard)) 1px;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    padding-left: var(--paddingSmallCard);
+    padding-right: var(--paddingSmallCard);
+  }
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__label {
+    background-position: var(--paddingSmallCard) 4px;
+    background-size: calc(100% - var(--paddingSmallCard) * 2) 1px;
+  }
+  .c-dataTable--small:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-position: var(--paddingSmallCard) 4px;
+    background-size: calc(100% - var(--paddingSmallCard) * 2) 1px;
+  }
+}
+.c-dataTable--medium .c-dataTableItem__label {
+  padding-left: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem__content {
+  padding-right: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableDivider td {
+  padding-left: var(--paddingMediumCard);
+  padding-right: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem:first-child .c-dataTableItem__label,
+.c-dataTable--medium .c-dataTableItem:first-child .c-dataTableItem__content {
+  padding-top: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem:last-child .c-dataTableItem__label,
+.c-dataTable--medium .c-dataTableItem:last-child .c-dataTableItem__content {
+  padding-bottom: var(--paddingMediumCard);
+}
+.c-dataTable--medium .c-dataTableItem--hasDivider .c-dataTableItem__label {
+  background-position: var(--paddingMediumCard) 4px;
+  background-size: calc(100% - var(--paddingMediumCard)) 1px;
+}
+.c-dataTable--medium .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  background-size: calc(100% - var(--paddingMediumCard)) 1px;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    padding-left: var(--paddingMediumCard);
+    padding-right: var(--paddingMediumCard);
+  }
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__label {
+    background-position: var(--paddingMediumCard) 4px;
+    background-size: calc(100% - var(--paddingMediumCard) * 2) 1px;
+  }
+  .c-dataTable--medium:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-position: var(--paddingMediumCard) 4px;
+    background-size: calc(100% - var(--paddingMediumCard) * 2) 1px;
+  }
+}
+.c-dataTable--large .c-dataTableItem__label {
+  padding-left: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem__content {
+  padding-right: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableDivider td {
+  padding-left: var(--paddingLargeCard);
+  padding-right: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem:first-child .c-dataTableItem__label,
+.c-dataTable--large .c-dataTableItem:first-child .c-dataTableItem__content {
+  padding-top: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem:last-child .c-dataTableItem__label,
+.c-dataTable--large .c-dataTableItem:last-child .c-dataTableItem__content {
+  padding-bottom: var(--paddingLargeCard);
+}
+.c-dataTable--large .c-dataTableItem--hasDivider .c-dataTableItem__label {
+  background-position: var(--paddingLargeCard) 4px;
+  background-size: calc(100% - var(--paddingLargeCard)) 1px;
+}
+.c-dataTable--large .c-dataTableItem--hasDivider .c-dataTableItem__content {
+  background-size: calc(100% - var(--paddingLargeCard)) 1px;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    padding-left: var(--paddingLargeCard);
+    padding-right: var(--paddingLargeCard);
+  }
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__label {
+    background-position: var(--paddingLargeCard) 4px;
+    background-size: calc(100% - var(--paddingLargeCard) * 2) 1px;
+  }
+  .c-dataTable--large:not(.c-dataTable--noStack) .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-position: var(--paddingLargeCard) 4px;
+    background-size: calc(100% - var(--paddingLargeCard) * 2) 1px;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTable:not(.c-dataTable--noStack) {
+    display: block;
+    width: 100%;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) tbody,
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem {
+    display: block;
+    width: 100%;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableDivider {
+    display: block;
+    width: 100%;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableDivider td {
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--default {
+    background-color: var(--bgNeutralSubtlest);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--neutral {
+    background-color: var(--bgNeutralSubtlestHover);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--brand {
+    background-color: var(--bgBrandBold);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem--promo {
+    background-color: var(--bgPromoBold);
+  }
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem__label,
+  .c-dataTable:not(.c-dataTable--noStack) .c-dataTableItem__content {
+    display: block;
+    width: 100% !important;
+    box-sizing: border-box;
+    margin: 0;
+  }
+}
 
-.c-dataTableItem__label,
-.c-dataTableItem__content {
+.c-dataTableItem__label, .c-dataTableItem__content {
   padding: var(--spaceXSmall) 0;
   word-break: break-word;
   vertical-align: top;
 }
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__label,
-  .c-dataTableItem__content {
+  .c-dataTableItem__label, .c-dataTableItem__content {
     padding: var(--spaceXXXSmall) 0;
     display: block;
   }
 }
-
 .c-dataTableItem__label {
   text-align: left;
   font-weight: normal;
@@ -6733,7 +7025,25 @@ body.dark .c-logo__svg {
     width: 100%;
   }
 }
-
+.c-dataTableItem__label--secondary {
+  color: var(--fgNeutralSubtle);
+}
+.c-dataTableItem__label--tighter {
+  width: 30%;
+}
+@media screen and (max-width: 799px) {
+  .c-dataTableItem__label--tighter {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 799px) {
+  .c-dataTableItem__label--noStack {
+    display: table-cell;
+    width: auto;
+    padding: var(--spaceSmall) 0;
+    margin-bottom: 0;
+  }
+}
 .c-dataTableItem__content {
   text-align: left;
   position: relative;
@@ -6743,46 +7053,139 @@ body.dark .c-logo__svg {
 @media screen and (max-width: 799px) {
   .c-dataTableItem__content {
     width: 100%;
-    margin-bottom: var(--spaceSmall);
+    padding-bottom: var(--spaceSmall);
   }
 }
-.c-dataTableItem__content.c-dataTableItem__content--noStack {
+.c-dataTableItem__content--noStack {
   padding-left: var(--spaceXSmall);
 }
-
+@media screen and (max-width: 799px) {
+  .c-dataTableItem__content--noStack {
+    display: table-cell;
+    width: auto;
+    padding: var(--spaceSmall) 0;
+    margin-bottom: 0;
+  }
+}
 .c-dataTableItem__content--notBold {
   font-weight: var(--fontWeightNormal);
 }
-
-.c-dataTableItem__label--secondary {
-  color: var(--fgNeutralSubtle);
-}
-
-.c-dataTableItem__label--tighter {
-  width: 30%;
+.c-dataTableItem__content--wider {
+  width: 70%;
 }
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__label--tighter {
+  .c-dataTableItem__content--wider {
     width: 100%;
   }
 }
-
-.c-dataTableItem__content--wider {
-  width: 70%;
+.c-dataTableItem__perex {
+  color: var(--fgNeutralSubtle);
+  font-size: var(--fontSizeXSmall);
+  line-height: var(--lineHeightXSmall);
+  font-weight: var(--fontWeightNormal);
+}
+.c-dataTableItem--default {
+  background-color: var(--bgNeutralSubtlest);
+}
+.c-dataTableItem--default .c-dataTableItem__label,
+.c-dataTableItem--default .c-dataTableItem__content {
+  background-color: var(--bgNeutralSubtlest);
+  box-shadow: 0 0 0 1px var(--bgNeutralSubtlest);
+}
+.c-dataTableItem--neutral {
+  background-color: var(--bgNeutralSubtlestHover);
+}
+.c-dataTableItem--neutral .c-dataTableItem__label,
+.c-dataTableItem--neutral .c-dataTableItem__content {
+  background-color: var(--bgNeutralSubtlestHover);
+  box-shadow: 0 0 0 1px var(--bgNeutralSubtlestHover);
+}
+.c-dataTableItem--brand {
+  background-color: var(--bgBrandBold);
+}
+.c-dataTableItem--brand .c-dataTableItem__label,
+.c-dataTableItem--brand .c-dataTableItem__content {
+  background-color: var(--bgBrandBold);
+  box-shadow: 0 0 0 1px var(--bgBrandBold);
+}
+.c-dataTableItem--promo {
+  background-color: var(--bgPromoBold);
+}
+.c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--promo .c-dataTableItem__content {
+  background-color: var(--bgPromoBold);
+  box-shadow: 0 0 0 1px var(--bgPromoBold);
+}
+.c-dataTableItem--default .c-dataTableItem__label,
+.c-dataTableItem--default .c-dataTableItem__content,
+.c-dataTableItem--default .c-dataTableItem__perex,
+.c-dataTableItem--default .c-dataTableItem__label *,
+.c-dataTableItem--default .c-dataTableItem__content *, .c-dataTableItem--neutral .c-dataTableItem__label,
+.c-dataTableItem--neutral .c-dataTableItem__content,
+.c-dataTableItem--neutral .c-dataTableItem__perex,
+.c-dataTableItem--neutral .c-dataTableItem__label *,
+.c-dataTableItem--neutral .c-dataTableItem__content * {
+  color: var(--fgNeutralDefault);
+}
+.c-dataTableItem--brand .c-dataTableItem__label,
+.c-dataTableItem--brand .c-dataTableItem__content,
+.c-dataTableItem--brand .c-dataTableItem__perex,
+.c-dataTableItem--brand .c-dataTableItem__label *,
+.c-dataTableItem--brand .c-dataTableItem__label > *:not(.c-dropdown):not([data-popper-reference-hidden]),
+.c-dataTableItem--brand .c-dataTableItem__content > *:not(.c-dropdown):not([data-popper-reference-hidden]), .c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--promo .c-dataTableItem__content,
+.c-dataTableItem--promo .c-dataTableItem__perex,
+.c-dataTableItem--promo .c-dataTableItem__label *,
+.c-dataTableItem--promo .c-dataTableItem__label > *:not(.c-dropdown):not([data-popper-reference-hidden]),
+.c-dataTableItem--promo .c-dataTableItem__content > *:not(.c-dropdown):not([data-popper-reference-hidden]) {
+  color: var(--fgInverseDefault);
+}
+.c-dataTableItem--brand .c-dataTableItem__label input,
+.c-dataTableItem--brand .c-dataTableItem__label select,
+.c-dataTableItem--brand .c-dataTableItem__label textarea,
+.c-dataTableItem--brand .c-dataTableItem__label [class*=f-control],
+.c-dataTableItem--brand .c-dataTableItem__label .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link),
+.c-dataTableItem--brand .c-dataTableItem__content input,
+.c-dataTableItem--brand .c-dataTableItem__content select,
+.c-dataTableItem--brand .c-dataTableItem__content textarea,
+.c-dataTableItem--brand .c-dataTableItem__content [class*=f-control],
+.c-dataTableItem--brand .c-dataTableItem__content .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link), .c-dataTableItem--promo .c-dataTableItem__label input,
+.c-dataTableItem--promo .c-dataTableItem__label select,
+.c-dataTableItem--promo .c-dataTableItem__label textarea,
+.c-dataTableItem--promo .c-dataTableItem__label [class*=f-control],
+.c-dataTableItem--promo .c-dataTableItem__label .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link),
+.c-dataTableItem--promo .c-dataTableItem__content input,
+.c-dataTableItem--promo .c-dataTableItem__content select,
+.c-dataTableItem--promo .c-dataTableItem__content textarea,
+.c-dataTableItem--promo .c-dataTableItem__content [class*=f-control],
+.c-dataTableItem--promo .c-dataTableItem__content .c-btn:not(.c-btn--transparent):not(.c-btn--link):not(.c-btn--link) {
+  color: var(--fgNeutralDefault) !important;
+}
+.c-dataTableItem--hasDivider .c-dataTableItem__label,
+.c-dataTableItem--hasDivider .c-dataTableItem__content {
+  padding-top: calc(var(--spaceXSmall) + 8px);
+  background-image: linear-gradient(var(--bgNeutralDefault), var(--bgNeutralDefault));
+  background-repeat: no-repeat;
+  background-position: left 0 top 4px;
+  background-size: 100% 1px;
+  position: relative;
+  z-index: 1;
+  box-shadow: none !important;
 }
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__content--wider {
-    width: 100%;
+  .c-dataTableItem--hasDivider .c-dataTableItem__content {
+    background-image: none;
+    padding-top: var(--spaceXXXSmall);
   }
 }
-
+.c-dataTableItem--hasDivider.c-dataTableItem--brand .c-dataTableItem__label,
+.c-dataTableItem--hasDivider.c-dataTableItem--brand .c-dataTableItem__content, .c-dataTableItem--hasDivider.c-dataTableItem--promo .c-dataTableItem__label,
+.c-dataTableItem--hasDivider.c-dataTableItem--promo .c-dataTableItem__content {
+  background-image: linear-gradient(var(--fgInverseDefault), var(--fgInverseDefault));
+}
 @media screen and (max-width: 799px) {
-  .c-dataTableItem__label--noStack,
-  .c-dataTableItem__content--noStack {
-    display: table-cell;
-    width: auto;
-    padding: var(--spaceSmall) 0;
-    margin-bottom: 0;
+  .c-dataTableItem--hasDivider.c-dataTableItem--brand .c-dataTableItem__content, .c-dataTableItem--hasDivider.c-dataTableItem--promo .c-dataTableItem__content {
+    background-image: none;
   }
 }
 
@@ -6791,32 +7194,23 @@ body.dark .c-logo__svg {
   width: 100%;
   margin: var(--spaceXSmall) 0;
 }
-
-.c-dataTableItem__perex {
-  color: var(--fgNeutralSubtle);
-  font-size: var(--fontSizeXSmall);
-  line-height: var(--lineHeightXSmall);
-  font-weight: var(--fontWeightNormal);
+.c-dataTableDivider--default td {
+  background-color: var(--bgNeutralSubtlest);
 }
-
-.c-dataTable--gapSmall .c-dataTableItem__label,
-.c-dataTable--gapSmall .c-dataTableItem__content {
-  padding: var(--spaceXXXSmall) 0;
+.c-dataTableDivider--neutral td {
+  background-color: var(--bgNeutralSubtlestHover);
 }
-
-.c-dataTable--gapMedium .c-dataTableItem__label,
-.c-dataTable--gapMedium .c-dataTableItem__content {
-  padding: var(--spaceXSmall) 0;
+.c-dataTableDivider--brand td {
+  background-color: var(--bgBrandBold);
 }
-
-.c-dataTable--gapLarge .c-dataTableItem__label,
-.c-dataTable--gapLarge .c-dataTableItem__content {
-  padding: var(--spaceSmall) 0;
+.c-dataTableDivider--brand .c-dataTableDivider__line {
+  border-top-color: var(--fgInverseDefault);
 }
-
-.c-dataTable--gapXLarge .c-dataTableItem__label,
-.c-dataTable--gapXLarge .c-dataTableItem__content {
-  padding: var(--spaceMedium) 0;
+.c-dataTableDivider--promo td {
+  background-color: var(--bgPromoBold);
+}
+.c-dataTableDivider--promo .c-dataTableDivider__line {
+  border-top-color: var(--fgInverseDefault);
 }
 
 .notificationCard__grid {
@@ -10739,7 +11133,7 @@ body.dark .u-fg--fgWhiteDefault {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('assets/5717ce25e3d75b026fc3.gif') center center no-repeat;
+    background: #fff url('assets/03a0cdb3a7a3db9e134c.gif') center center no-repeat;
 }
 
 /* Icons */
@@ -10749,8 +11143,8 @@ body.dark .u-fg--fgWhiteDefault {
     font-weight: normal;
     font-style: normal;
 
-    src: url('assets/0d0b2f14dd54a3e3d29f.eot');
-    src: url('assets/3db8fa9f4cb2c8beca5d.eot') format('embedded-opentype'), url('assets/50f3f57d7d99ed5a0cdd.woff') format('woff'), url('assets/975491184ffe94203fe5.ttf') format('truetype'), url('assets/e1e81eb15bc561c3e89a.svg') format('svg');
+    src: url('assets/46fcdc6f962275a0cc48.eot');
+    src: url('assets/71ba9a1d61b376c5695b.eot') format('embedded-opentype'), url('assets/b39cceac63a67b96a756.woff') format('woff'), url('assets/4161d204db60868ef43a.ttf') format('truetype'), url('assets/5f79393f4a6d4aaa04b7.svg') format('svg');
 }
 /* Arrows */
 .slick-prev,

package/components/Components/DataTable/DataTable.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ComponentPropsType } from '../../../utils';
+import { DataTableVariantType } from './DataTableItem';
 export declare const DataTableContext: React.Context<{
     widerContent: boolean;
     disableStackingOnMobile: boolean;
@@ -14,21 +15,26 @@ export declare const useDataTableContext: () => {
     firstColumnSecondary: boolean;
     isBold: boolean;
 };
+export type DataTableSize = 'small' | 'medium' | 'large' | 'zero';
 export interface DataTableProps extends ComponentPropsType {
     /** dataTableItem component */
     children?: ReactNode;
     /** If true, all rows will use 30%/70% column layout */
     widerContent?: boolean;
-    /** If true, removes top and bottom padding from all DataTableItems */
+    /** If true, stacking on mobile breakpoint is disabled */
     disableStackingOnMobile?: boolean;
     /** Alignment of the content cells */
     contentAlignment?: 'left' | 'center' | 'right';
     /** Vertical gaps between DataTableItems */
     gaps?: 'small' | 'medium' | 'large' | 'xLarge';
+    /** Changes horizontal padding of DataTable content */
+    size?: DataTableSize;
     /** If true, label (first column) is rendered in secondary color by default for all rows */
     firstColumnSecondary?: boolean;
     /** If true, content (second column) is rendered in bold by default for all rows */
     isBold?: boolean;
+    /** Adds a border around the entire DataTable using the selected color variant. */
+    border?: DataTableVariantType;
 }
-export declare const DataTable: ({ children, contentAlignment, disableStackingOnMobile, firstColumnSecondary, gaps, isBold, testId, theme, widerContent }: DataTableProps) => JSX.Element;
+export declare const DataTable: ({ border, children, contentAlignment, disableStackingOnMobile, firstColumnSecondary, gaps, isBold, size, testId, theme, widerContent }: DataTableProps) => JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

package/components/Components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAEvD,eAAO,MAAM,gBAAgB;kBACb,OAAO;6BACI,OAAO;sBACd,MAAM,GAAG,QAAQ,GAAG,OAAO;0BACvB,OAAO;YACrB,OAAO;EAOf,CAAA;AAEF,eAAO,MAAM,mBAAmB;kBAbhB,OAAO;6BACI,OAAO;sBACd,MAAM,GAAG,QAAQ,GAAG,OAAO;0BACvB,OAAO;YACrB,OAAO;CASoD,CAAA;AAErE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C,2FAA2F;IAC3F,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,6HAUnB,cAAc,KAAG,WA+BnB,CAAA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAEtD,eAAO,MAAM,gBAAgB;kBACb,OAAO;6BACI,OAAO;sBACd,MAAM,GAAG,QAAQ,GAAG,OAAO;0BACvB,OAAO;YACrB,OAAO;EAOf,CAAA;AAEF,eAAO,MAAM,mBAAmB;kBAbhB,OAAO;6BACI,OAAO;sBACd,MAAM,GAAG,QAAQ,GAAG,OAAO;0BACvB,OAAO;YACrB,OAAO;CASoD,CAAA;AAErE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AACjE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yDAAyD;IACzD,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C,sDAAsD;IACtD,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,2FAA2F;IAC3F,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kFAAkF;IAClF,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAC9B;AAID,eAAO,MAAM,SAAS,2IAYnB,cAAc,KAAG,WAuCnB,CAAA"}

package/components/Components/DataTable/DataTable.js

@@ -1,2 +1,2 @@
-import t,{createContext as e,useContext as i,useMemo as a}from"react";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as l}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';var n=e({widerContent:!1,disableStackingOnMobile:!1,contentAlignment:"left",firstColumnSecondary:!1,isBold:!0}),o=function(){return i(n)},d=function(e){var i=e.children,o=e.contentAlignment,d=void 0===o?"left":o,r=e.disableStackingOnMobile,s=void 0!==r&&r,m=e.firstColumnSecondary,c=void 0!==m&&m,u=e.gaps,g=void 0===u?"medium":u,p=e.isBold,b=void 0===p||p,f=e.testId,v=e.theme,j=e.widerContent,S=void 0!==j&&j,k=a((function(){return{widerContent:S,disableStackingOnMobile:s,contentAlignment:d,firstColumnSecondary:c,isBold:b}}),[S,s,d,c,b]);return t.createElement(n.Provider,{value:k},t.createElement("table",{className:l("c-dataTable",{"c-dataTable--contentRightAligned":"right"===d},{"c-dataTable--noStack":s},{"c-dataTable--gapSmall":"small"===g},{"c-dataTable--gapMedium":"medium"===g},{"c-dataTable--gapLarge":"large"===g},{"c-dataTable--gapXLarge":"xLarge"===g},v),"data-testid":f},t.createElement("tbody",null,i)))};export{d as DataTable,n as DataTableContext,o as useDataTableContext};
+import t,{createContext as e,useContext as a,useMemo as i}from"react";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as n}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';var o=e({widerContent:!1,disableStackingOnMobile:!1,contentAlignment:"left",firstColumnSecondary:!1,isBold:!0}),r=function(){return a(o)},d=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},l=function(e){var a,r,l,c,s=e.border,m=void 0===s?"transparent":s,p=e.children,u=e.contentAlignment,b=void 0===u?"left":u,g=e.disableStackingOnMobile,v=void 0!==g&&g,f=e.firstColumnSecondary,T=void 0!==f&&f,j=e.gaps,C=void 0===j?"medium":j,k=e.isBold,A=void 0===k||k,N=e.size,S=void 0===N?"zero":N,y=e.testId,h=e.theme,E=e.widerContent,M=void 0!==E&&E,B=i((function(){return{widerContent:M,disableStackingOnMobile:v,contentAlignment:b,firstColumnSecondary:T,isBold:A}}),[M,v,b,T,A]),w=d(C),x=d(m);return t.createElement(o.Provider,{value:B},t.createElement("div",{className:n("c-dataTableWrapper",(a={},a["c-dataTableWrapper--".concat(S)]=S,a),(r={},r["c-dataTableWrapper--border".concat(x)]=m,r))},t.createElement("table",{className:n("c-dataTable",{"c-dataTable--contentRightAligned":"right"===b},{"c-dataTable--contentCenterAligned":"center"===b},{"c-dataTable--noStack":v},(l={},l["c-dataTable--gap".concat(w)]=C,l),(c={},c["c-dataTable--".concat(S)]=S,c),h),"data-testid":y},t.createElement("tbody",null,p))))};export{l as DataTable,o as DataTableContext,r as useDataTableContext};
 //# sourceMappingURL=DataTable.js.map

package/components/Components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","contentAlignment","firstColumnSecondary","isBold","useDataTableContext","useContext","DataTable","_a","children","_b","_c","_d","_e","gaps","_f","testId","theme","_g","contextValue","useMemo","React","Provider","value","createElement","className","cx"],"mappings":"2bAIO,IAAMA,EAAmBC,EAM7B,CACDC,cAAc,EACdC,yBAAyB,EACzBC,iBAAkB,OAClBC,sBAAsB,EACtBC,QAAQ,IAGGC,EAAsB,WAAM,OAAAC,EAAWR,EAAiB,EAmBxDS,EAAY,SAACC,OACxBC,EAAQD,EAAAC,SACRC,EAAyBF,EAAAN,iBAAzBA,OAAmB,IAAAQ,EAAA,OAAMA,EACzBC,EAA+BH,EAAAP,wBAA/BA,OAA0B,IAAAU,KAC1BC,EAAAJ,EAAAL,qBAAAA,OAAoB,IAAAS,GAAQA,EAC5BC,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,WAAAX,OAAS,IAAAW,GAAIA,EACbC,EAAMR,EAAAQ,OACNC,EAAKT,EAAAS,MACLC,iBAAAlB,OAAe,IAAAkB,GAAKA,EAEdC,EAAeC,GACnB,WAAM,MAAC,CACLpB,aAAYA,EACZC,wBAAuBA,EACvBC,iBAAgBA,EAChBC,qBAAoBA,EACpBC,OAAMA,EALF,GAON,CAACJ,EAAcC,EAAyBC,EAAkBC,EAAsBC,IAGlF,OACEiB,gBAACvB,EAAiBwB,SAAS,CAAAC,MAAOJ,GAChCE,EACEG,cAAA,QAAA,CAAAC,UAAWC,EACT,cACA,CAAE,mCAAyD,UAArBxB,GACtC,CAAE,uBAAwBD,GAC1B,CAAE,wBAAkC,UAATa,GAC3B,CAAE,yBAAmC,WAATA,GAC5B,CAAE,wBAAkC,UAATA,GAC3B,CAAE,yBAAmC,WAATA,GAC5BG,GACD,cACYD,GAEbK,EAAAG,cAAA,QAAA,KAAQf,IAIhB"}
+{"version":3,"file":"DataTable.js","sources":["../../../../src/components/Components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","contentAlignment","firstColumnSecondary","isBold","useDataTableContext","useContext","capitalize","value","charAt","toUpperCase","slice","DataTable","_a","_f","border","children","_g","_h","_j","_k","gaps","_l","_m","size","testId","theme","_o","contextValue","useMemo","capitalizedGap","capitalizedBorder","React","Provider","createElement","className","cx","_b","concat","_c","_d","_e"],"mappings":"2bAKO,IAAMA,EAAmBC,EAM7B,CACDC,cAAc,EACdC,yBAAyB,EACzBC,iBAAkB,OAClBC,sBAAsB,EACtBC,QAAQ,IAGGC,EAAsB,WAAM,OAAAC,EAAWR,EAAiB,EAwB/DS,EAAa,SAACC,GAAkB,OAAAA,EAAMC,OAAO,GAAGC,cAAgBF,EAAMG,MAAM,EAA5C,EAEzBC,EAAY,SAACC,eACxBC,EAAAD,EAAAE,OAAAA,OAAS,IAAAD,EAAA,cAAaA,EACtBE,EAAQH,EAAAG,SACRC,EAAAJ,EAAAX,iBAAAA,OAAmB,IAAAe,EAAA,OAAMA,EACzBC,EAA+BL,EAAAZ,wBAA/BA,OAAuB,IAAAiB,GAAQA,EAC/BC,EAAAN,EAAAV,qBAAAA,OAAuB,IAAAgB,KACvBC,EAAAP,EAAAQ,KAAAA,OAAO,IAAAD,EAAA,SAAQA,EACfE,EAAaT,EAAAT,OAAbA,OAAM,IAAAkB,GAAOA,EACbC,EAAAV,EAAAW,KAAAA,OAAO,IAAAD,EAAA,OAAMA,EACbE,EAAMZ,EAAAY,OACNC,EAAKb,EAAAa,MACLC,EAAoBd,EAAAb,aAApBA,OAAY,IAAA2B,GAAQA,EAEdC,EAAeC,GACnB,WAAM,MAAC,CACL7B,aAAYA,EACZC,wBAAuBA,EACvBC,iBAAgBA,EAChBC,qBAAoBA,EACpBC,OAAMA,EALF,GAON,CAACJ,EAAcC,EAAyBC,EAAkBC,EAAsBC,IAE5E0B,EAAiBvB,EAAWc,GAC5BU,EAAoBxB,EAAWQ,GACrC,OACEiB,gBAAClC,EAAiBmC,SAAS,CAAAzB,MAAOoB,GAChCI,EAAAE,cAAA,MAAA,CACEC,UAAWC,EACT,sBAAoBC,EAAA,CAAA,EAClBA,EAAC,uBAAuBC,OAAAd,IAASA,WACjCe,EAAC,6BAAAD,OAA6BP,IAAsBhB,EACvDwB,KAEDP,EACEE,cAAA,QAAA,CAAAC,UAAWC,EACT,cACA,CAAE,mCAAyD,UAArBlC,GACtC,CAAE,oCAA0D,WAArBA,GACvC,CAAE,uBAAwBD,IAAyBuC,EAAA,CAAA,EACjDA,EAAC,mBAAmBF,OAAAR,IAAmBT,WACvCoB,EAAC,gBAAAH,OAAgBd,IAASA,EAC5BiB,GAAAf,GACD,cACYD,GAEbO,EAAAE,cAAA,QAAA,KAAQlB,KAKlB"}

package/components/Components/DataTable/DataTableDivider.d.ts

@@ -1,3 +1,7 @@
 import { ComponentPropsType } from '../../../utils';
-export declare const DataTableDivider: ({ testId, theme }: ComponentPropsType) => JSX.Element;
+import { DataTableVariantType } from './DataTableItem';
+export interface DataTableDividerProps extends ComponentPropsType {
+    variant?: DataTableVariantType;
+}
+export declare const DataTableDivider: ({ testId, theme, variant }: DataTableDividerProps) => JSX.Element;
 //# sourceMappingURL=DataTableDivider.d.ts.map

package/components/Components/DataTable/DataTableDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTableDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAEvD,eAAO,MAAM,gBAAgB,sBAAuB,kBAAkB,KAAG,WAQxE,CAAA"}
+{"version":3,"file":"DataTableDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/DataTable/DataTableDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACtD,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,eAAO,MAAM,gBAAgB,+BAAgD,qBAAqB,KAAG,WAYpG,CAAA"}