@mmb-digital/ds-lilly 1.0.124 → 1.0.125

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/cjs/components/Components/DataTable/DataTable.d.ts +8 -2
  2. package/cjs/components/Components/DataTable/DataTable.d.ts.map +1 -1
  3. package/cjs/components/Components/DataTable/DataTable.js +1 -1
  4. package/cjs/components/Components/DataTable/DataTable.js.map +1 -1
  5. package/cjs/components/Components/DataTable/DataTableDivider.d.ts +5 -1
  6. package/cjs/components/Components/DataTable/DataTableDivider.d.ts.map +1 -1
  7. package/cjs/components/Components/DataTable/DataTableDivider.js +1 -1
  8. package/cjs/components/Components/DataTable/DataTableDivider.js.map +1 -1
  9. package/cjs/components/Components/DataTable/DataTableItem.d.ts +6 -1
  10. package/cjs/components/Components/DataTable/DataTableItem.d.ts.map +1 -1
  11. package/cjs/components/Components/DataTable/DataTableItem.js +1 -1
  12. package/cjs/components/Components/DataTable/DataTableItem.js.map +1 -1
  13. package/cjs/ds-lilly.css +449 -55
  14. package/components/Components/DataTable/DataTable.d.ts +8 -2
  15. package/components/Components/DataTable/DataTable.d.ts.map +1 -1
  16. package/components/Components/DataTable/DataTable.js +1 -1
  17. package/components/Components/DataTable/DataTable.js.map +1 -1
  18. package/components/Components/DataTable/DataTableDivider.d.ts +5 -1
  19. package/components/Components/DataTable/DataTableDivider.d.ts.map +1 -1
  20. package/components/Components/DataTable/DataTableDivider.js +1 -1
  21. package/components/Components/DataTable/DataTableDivider.js.map +1 -1
  22. package/components/Components/DataTable/DataTableItem.d.ts +6 -1
  23. package/components/Components/DataTable/DataTableItem.d.ts.map +1 -1
  24. package/components/Components/DataTable/DataTableItem.js +1 -1
  25. package/components/Components/DataTable/DataTableItem.js.map +1 -1
  26. package/ds-lilly.css +449 -55
  27. package/package.json +1 -1
  28. /package/assets/{5717ce25e3d75b026fc3.gif → 03a0cdb3a7a3db9e134c.gif} +0 -0
  29. /package/assets/{90814fb8cd2747a50339.ttf → 4161d204db60868ef43a.ttf} +0 -0
  30. /package/assets/{0d0b2f14dd54a3e3d29f.eot → 46fcdc6f962275a0cc48.eot} +0 -0
  31. /package/assets/{864e42530327fe6c07fa.gif → 4b0a42440d9fe1cb1267.gif} +0 -0
  32. /package/assets/{a07a498f2bfc5334c403.svg → 5f79393f4a6d4aaa04b7.svg} +0 -0
  33. /package/assets/{3db8fa9f4cb2c8beca5d.eot → 71ba9a1d61b376c5695b.eot} +0 -0
  34. /package/assets/{c21807179b52c2bbc9ad.eot → 734bd1ff8f2a4cfe8084.eot} +0 -0
  35. /package/assets/{e1e81eb15bc561c3e89a.svg → 7373244c95816ebb6f73.svg} +0 -0
  36. /package/assets/{975491184ffe94203fe5.ttf → 89666f6751cc1b796d4a.ttf} +0 -0
  37. /package/assets/{2bbfc71d495737d0866e.woff → b39cceac63a67b96a756.woff} +0 -0
  38. /package/assets/{f6d9bb5349b8a755eb13.eot → b528bfa936768255e211.eot} +0 -0
  39. /package/assets/{50f3f57d7d99ed5a0cdd.woff → ddfc234b625bb1f677be.woff} +0 -0
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ComponentPropsType } from '../../../utils';
3
+ import { DataTableVariantType } from './DataTableItem';
3
4
  export declare const DataTableContext: React.Context<{
4
5
  widerContent: boolean;
5
6
  disableStackingOnMobile: boolean;
@@ -14,21 +15,26 @@ export declare const useDataTableContext: () => {
14
15
  firstColumnSecondary: boolean;
15
16
  isBold: boolean;
16
17
  };
18
+ export type DataTableSize = 'small' | 'medium' | 'large' | 'zero';
17
19
  export interface DataTableProps extends ComponentPropsType {
18
20
  /** dataTableItem component */
19
21
  children?: ReactNode;
20
22
  /** If true, all rows will use 30%/70% column layout */
21
23
  widerContent?: boolean;
22
- /** If true, removes top and bottom padding from all DataTableItems */
24
+ /** If true, stacking on mobile breakpoint is disabled */
23
25
  disableStackingOnMobile?: boolean;
24
26
  /** Alignment of the content cells */
25
27
  contentAlignment?: 'left' | 'center' | 'right';
26
28
  /** Vertical gaps between DataTableItems */
27
29
  gaps?: 'small' | 'medium' | 'large' | 'xLarge';
30
+ /** Changes horizontal padding of DataTable content */
31
+ size?: DataTableSize;
28
32
  /** If true, label (first column) is rendered in secondary color by default for all rows */
29
33
  firstColumnSecondary?: boolean;
30
34
  /** If true, content (second column) is rendered in bold by default for all rows */
31
35
  isBold?: boolean;
36
+ /** Adds a border around the entire DataTable using the selected color variant. */
37
+ border?: DataTableVariantType;
32
38
  }
33
- export declare const DataTable: ({ children, contentAlignment, disableStackingOnMobile, firstColumnSecondary, gaps, isBold, testId, theme, widerContent }: DataTableProps) => JSX.Element;
39
+ export declare const DataTable: ({ border, children, contentAlignment, disableStackingOnMobile, firstColumnSecondary, gaps, isBold, size, testId, theme, widerContent }: DataTableProps) => JSX.Element;
34
40
  //# sourceMappingURL=DataTable.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');var a=e.createContext({widerContent:!1,disableStackingOnMobile:!1,contentAlignment:"left",firstColumnSecondary:!1,isBold:!0});exports.DataTable=function(i){var r=i.children,n=i.contentAlignment,l=void 0===n?"left":n,s=i.disableStackingOnMobile,d=void 0!==s&&s,o=i.firstColumnSecondary,c=void 0!==o&&o,u=i.gaps,m=void 0===u?"medium":u,g=i.isBold,b=void 0===g||g,v=i.testId,x=i.theme,p=i.widerContent,C=void 0!==p&&p,T=e.useMemo((function(){return{widerContent:C,disableStackingOnMobile:d,contentAlignment:l,firstColumnSecondary:c,isBold:b}}),[C,d,l,c,b]);return e.createElement(a.Provider,{value:T},e.createElement("table",{className:t.cx("c-dataTable",{"c-dataTable--contentRightAligned":"right"===l},{"c-dataTable--noStack":d},{"c-dataTable--gapSmall":"small"===m},{"c-dataTable--gapMedium":"medium"===m},{"c-dataTable--gapLarge":"large"===m},{"c-dataTable--gapXLarge":"xLarge"===m},x),"data-testid":v},e.createElement("tbody",null,r)))},exports.DataTableContext=a,exports.useDataTableContext=function(){return e.useContext(a)};
1
+ "use strict";var e=require("react");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');var a=e.createContext({widerContent:!1,disableStackingOnMobile:!1,contentAlignment:"left",firstColumnSecondary:!1,isBold:!0}),i=function(e){return e.charAt(0).toUpperCase()+e.slice(1)};exports.DataTable=function(r){var n,o,l,s,d=r.border,c=void 0===d?"transparent":d,u=r.children,b=r.contentAlignment,m=void 0===b?"left":b,p=r.disableStackingOnMobile,g=void 0!==p&&p,v=r.firstColumnSecondary,C=void 0!==v&&v,T=r.gaps,x=void 0===T?"medium":T,f=r.isBold,q=void 0===f||f,j=r.size,k=void 0===j?"zero":j,A=r.testId,N=r.theme,S=r.widerContent,y=void 0!==S&&S,M=e.useMemo((function(){return{widerContent:y,disableStackingOnMobile:g,contentAlignment:m,firstColumnSecondary:C,isBold:q}}),[y,g,m,C,q]),h=i(x),E=i(c);return e.createElement(a.Provider,{value:M},e.createElement("div",{className:t.cx("c-dataTableWrapper",(n={},n["c-dataTableWrapper--".concat(k)]=k,n),(o={},o["c-dataTableWrapper--border".concat(E)]=c,o))},e.createElement("table",{className:t.cx("c-dataTable",{"c-dataTable--contentRightAligned":"right"===m},{"c-dataTable--contentCenterAligned":"center"===m},{"c-dataTable--noStack":g},(l={},l["c-dataTable--gap".concat(h)]=x,l),(s={},s["c-dataTable--".concat(k)]=k,s),N),"data-testid":A},e.createElement("tbody",null,u))))},exports.DataTableContext=a,exports.useDataTableContext=function(){return e.useContext(a)};
2
2
  //# sourceMappingURL=DataTable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.js","sources":["../../../../../../src/components/Components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","contentAlignment","firstColumnSecondary","isBold","_a","children","_b","_c","_d","_e","gaps","_f","testId","theme","_g","contextValue","useMemo","React","Provider","value","createElement","className","cx","useContext"],"mappings":"0aAIO,IAAMA,EAAmBC,EAAAA,cAM7B,CACDC,cAAc,EACdC,yBAAyB,EACzBC,iBAAkB,OAClBC,sBAAsB,EACtBC,QAAQ,sBAsBe,SAACC,OACxBC,EAAQD,EAAAC,SACRC,EAAyBF,EAAAH,iBAAzBA,OAAmB,IAAAK,EAAA,OAAMA,EACzBC,EAA+BH,EAAAJ,wBAA/BA,OAA0B,IAAAO,KAC1BC,EAAAJ,EAAAF,qBAAAA,OAAoB,IAAAM,GAAQA,EAC5BC,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,WAAAR,OAAS,IAAAQ,GAAIA,EACbC,EAAMR,EAAAQ,OACNC,EAAKT,EAAAS,MACLC,iBAAAf,OAAe,IAAAe,GAAKA,EAEdC,EAAeC,WACnB,WAAM,MAAC,CACLjB,aAAYA,EACZC,wBAAuBA,EACvBC,iBAAgBA,EAChBC,qBAAoBA,EACpBC,OAAMA,EALF,GAON,CAACJ,EAAcC,EAAyBC,EAAkBC,EAAsBC,IAGlF,OACEc,gBAACpB,EAAiBqB,SAAS,CAAAC,MAAOJ,GAChCE,EACEG,cAAA,QAAA,CAAAC,UAAWC,EAAAA,GACT,cACA,CAAE,mCAAyD,UAArBrB,GACtC,CAAE,uBAAwBD,GAC1B,CAAE,wBAAkC,UAATU,GAC3B,CAAE,yBAAmC,WAATA,GAC5B,CAAE,wBAAkC,UAATA,GAC3B,CAAE,yBAAmC,WAATA,GAC5BG,GACD,cACYD,GAEbK,EAAAG,cAAA,QAAA,KAAQf,IAIhB,yDA5DmC,WAAM,OAAAkB,aAAW1B,EAAiB"}
1
+ {"version":3,"file":"DataTable.js","sources":["../../../../../../src/components/Components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","contentAlignment","firstColumnSecondary","isBold","capitalize","value","charAt","toUpperCase","slice","_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","useContext"],"mappings":"0aAKO,IAAMA,EAAmBC,EAAAA,cAM7B,CACDC,cAAc,EACdC,yBAAyB,EACzBC,iBAAkB,OAClBC,sBAAsB,EACtBC,QAAQ,IA2BJC,EAAa,SAACC,GAAkB,OAAAA,EAAMC,OAAO,GAAGC,cAAgBF,EAAMG,MAAM,EAA5C,oBAEb,SAACC,eACxBC,EAAAD,EAAAE,OAAAA,OAAS,IAAAD,EAAA,cAAaA,EACtBE,EAAQH,EAAAG,SACRC,EAAAJ,EAAAR,iBAAAA,OAAmB,IAAAY,EAAA,OAAMA,EACzBC,EAA+BL,EAAAT,wBAA/BA,OAAuB,IAAAc,GAAQA,EAC/BC,EAAAN,EAAAP,qBAAAA,OAAuB,IAAAa,KACvBC,EAAAP,EAAAQ,KAAAA,OAAO,IAAAD,EAAA,SAAQA,EACfE,EAAaT,EAAAN,OAAbA,OAAM,IAAAe,GAAOA,EACbC,EAAAV,EAAAW,KAAAA,OAAO,IAAAD,EAAA,OAAMA,EACbE,EAAMZ,EAAAY,OACNC,EAAKb,EAAAa,MACLC,EAAoBd,EAAAV,aAApBA,OAAY,IAAAwB,GAAQA,EAEdC,EAAeC,WACnB,WAAM,MAAC,CACL1B,aAAYA,EACZC,wBAAuBA,EACvBC,iBAAgBA,EAChBC,qBAAoBA,EACpBC,OAAMA,EALF,GAON,CAACJ,EAAcC,EAAyBC,EAAkBC,EAAsBC,IAE5EuB,EAAiBtB,EAAWa,GAC5BU,EAAoBvB,EAAWO,GACrC,OACEiB,gBAAC/B,EAAiBgC,SAAS,CAAAxB,MAAOmB,GAChCI,EAAAE,cAAA,MAAA,CACEC,UAAWC,EAAEA,GACX,sBAAoBC,EAAA,CAAA,EAClBA,EAAC,uBAAuBC,OAAAd,IAASA,WACjCe,EAAC,6BAAAD,OAA6BP,IAAsBhB,EACvDwB,KAEDP,EACEE,cAAA,QAAA,CAAAC,UAAWC,EAAAA,GACT,cACA,CAAE,mCAAyD,UAArB/B,GACtC,CAAE,oCAA0D,WAArBA,GACvC,CAAE,uBAAwBD,IAAyBoC,EAAA,CAAA,EACjDA,EAAC,mBAAmBF,OAAAR,IAAmBT,WACvCoB,EAAC,gBAAAH,OAAgBd,IAASA,EAC5BiB,GAAAf,GACD,cACYD,GAEbO,EAAAE,cAAA,QAAA,KAAQlB,KAKlB,yDA7EmC,WAAM,OAAA0B,aAAWzC,EAAiB"}
@@ -1,3 +1,7 @@
1
1
  import { ComponentPropsType } from '../../../utils';
2
- export declare const DataTableDivider: ({ testId, theme }: ComponentPropsType) => JSX.Element;
2
+ import { DataTableVariantType } from './DataTableItem';
3
+ export interface DataTableDividerProps extends ComponentPropsType {
4
+ variant?: DataTableVariantType;
5
+ }
6
+ export declare const DataTableDivider: ({ testId, theme, variant }: DataTableDividerProps) => JSX.Element;
3
7
  //# sourceMappingURL=DataTableDivider.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');exports.DataTableDivider=function(i){var r=i.testId,s=i.theme;return e.createElement("tr",{"aria-hidden":"true","data-testid":r},e.createElement("td",{colSpan:2},e.createElement("div",{className:t.cx("c-dataTableDivider__line",s)})))};
1
+ "use strict";var e=require("react");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');exports.DataTableDivider=function(i){var r,a=i.testId,s=i.theme,d=i.variant,l=void 0===d?"transparent":d;return e.createElement("tr",{"aria-hidden":"true",className:t.cx("c-dataTableDivider",(r={},r["c-dataTableDivider--".concat(l)]="transparent"!==l,r)),"data-testid":a},e.createElement("td",{colSpan:2},e.createElement("div",{className:t.cx("c-dataTableDivider__line",s)})))};
2
2
  //# sourceMappingURL=DataTableDivider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableDivider.js","sources":["../../../../../../src/components/Components/DataTable/DataTableDivider.tsx"],"sourcesContent":[null],"names":["_a","testId","theme","React","createElement","colSpan","className","cx"],"mappings":"mcAIgC,SAACA,OAAEC,EAAMD,EAAAC,OAAEC,EAAKF,EAAAE,MAC9C,OACEC,EAAAC,cAAA,KAAA,CAAA,cAAgB,OAAM,cAAcH,GAClCE,EAAIC,cAAA,KAAA,CAAAC,QAAS,GACXF,EAAAC,cAAA,MAAA,CAAKE,UAAWC,KAAG,2BAA4BL,MAIvD"}
1
+ {"version":3,"file":"DataTableDivider.js","sources":["../../../../../../src/components/Components/DataTable/DataTableDivider.tsx"],"sourcesContent":[null],"names":["_a","testId","theme","_c","variant","React","className","cx","_b","concat","createElement","colSpan"],"mappings":"mcAQgC,SAACA,SAAEC,EAAMD,EAAAC,OAAEC,EAAKF,EAAAE,MAAEC,YAAAC,OAAU,IAAAD,EAAA,cAAaA,EACvE,OACEE,oCACc,OACZC,UAAWC,EAAAA,GAAG,sBAAoBC,EAAA,CAAA,EAAIA,EAAC,uBAAuBC,OAAAL,IAAwB,gBAAZA,EAAyBI,kBACtFP,GAEbI,EAAIK,cAAA,KAAA,CAAAC,QAAS,GACXN,EAAAK,cAAA,MAAA,CAAKJ,UAAWC,KAAG,2BAA4BL,MAIvD"}
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ComponentPropsType } from '../../../utils';
3
+ export type DataTableVariantType = 'default' | 'neutral' | 'brand' | 'promo' | 'transparent';
3
4
  export interface DataTableItemProps extends ComponentPropsType {
4
5
  /** Label displayed in the left column of the row. */
5
6
  label: ReactNode;
@@ -11,6 +12,10 @@ export interface DataTableItemProps extends ComponentPropsType {
11
12
  firstColumnSecondary?: boolean;
12
13
  /** Optional override for content bold styling. If undefined, inherits from DataTable. */
13
14
  isBold?: boolean;
15
+ /** Visual variant controlling row background, text color and divider color. */
16
+ variant?: DataTableVariantType;
17
+ /** If true, visual divider is displayed at the top of the row. */
18
+ hasDivider?: boolean;
14
19
  }
15
- export declare const DataTableItem: ({ children, firstColumnSecondary: firstColumnSecondaryProp, isBold: isBoldProp, label, perex, testId, theme }: DataTableItemProps) => JSX.Element;
20
+ export declare const DataTableItem: ({ children, firstColumnSecondary: firstColumnSecondaryProp, hasDivider, isBold: isBoldProp, label, perex, testId, theme, variant }: DataTableItemProps) => JSX.Element;
16
21
  //# sourceMappingURL=DataTableItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/DataTable/DataTableItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,kHAQvB,kBAAkB,KAAG,WAkCvB,CAAA"}
1
+ {"version":3,"file":"DataTableItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/DataTable/DataTableItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,kBAAkB,EAAM,MAAM,gBAAgB,CAAA;AAGvD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAA;AAE5F,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,aAAa,uIAUvB,kBAAkB,KAAG,WA0CvB,CAAA"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');var a=require("./DataTable.js");exports.DataTableItem=function(l){var r=l.children,s=l.firstColumnSecondary,i=l.isBold,c=l.label,d=l.perex,n=l.testId,o=l.theme,m=a.useDataTableContext(),u=m.disableStackingOnMobile,_=m.firstColumnSecondary,b=m.isBold,I=m.widerContent,T=null!=s?s:_,q=null!=i?i:b;return e.createElement("tr",{className:t.cx(o),"data-testid":n},e.createElement("th",{className:t.cx("c-dataTableItem__label",{"c-dataTableItem__label--tighter":I,"c-dataTableItem__label--noStack":u,"c-dataTableItem__label--secondary":T})},c),e.createElement("td",{className:t.cx("c-dataTableItem__content",{"c-dataTableItem__content--wider":I,"c-dataTableItem__content--noStack":u,"c-dataTableItem__content--notBold":!q})},r,d&&e.createElement("div",{className:"c-dataTableItem__perex"},d)))};
1
+ "use strict";var e=require("react");require("../../../utils/getDisplayName.js"),require("../../../utils/getIntegerMask.js"),require("../../../utils/isFilled.js"),require("../../../utils/isNotFilled.js"),require("../../../utils/isNotNilNorEmpty.js"),require('./../../../ext/diacritic/diacritics.js');var t=require("../../../utils/classBinder.js");require('./../../../ext/text-mask-addons/dist/textMaskAddons.js');var a=require("./DataTable.js");exports.DataTableItem=function(l){var r,s=l.children,i=l.firstColumnSecondary,d=l.hasDivider,c=void 0!==d&&d,n=l.isBold,o=l.label,m=l.perex,u=l.testId,b=l.theme,_=l.variant,I=void 0===_?"transparent":_,T=a.useDataTableContext(),q=T.disableStackingOnMobile,v=T.firstColumnSecondary,j=T.isBold,x=T.widerContent,N=null!=i?i:v,p=null!=n?n:j;return e.createElement("tr",{className:t.cx("c-dataTableItem",(r={},r["c-dataTableItem--".concat(I)]="transparent"!==I,r),{"c-dataTableItem--hasDivider":c},b),"data-testid":u},e.createElement("th",{className:t.cx("c-dataTableItem__label",{"c-dataTableItem__label--tighter":x,"c-dataTableItem__label--noStack":q,"c-dataTableItem__label--secondary":N})},o),e.createElement("td",{className:t.cx("c-dataTableItem__content",{"c-dataTableItem__content--wider":x,"c-dataTableItem__content--noStack":q,"c-dataTableItem__content--notBold":!p})},s,m&&e.createElement("div",{className:"c-dataTableItem__perex"},m)))};
2
2
  //# sourceMappingURL=DataTableItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableItem.js","sources":["../../../../../../src/components/Components/DataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["_a","children","firstColumnSecondaryProp","isBoldProp","label","perex","testId","theme","_b","useDataTableContext","disableStackingOnMobile","firstColumnSecondaryFromContext","firstColumnSecondary","isBoldFromContext","isBold","widerContent","resolvedFirstColumnSecondary","resolvedIsBold","React","className","cx","createElement"],"mappings":"geAkB6B,SAACA,GAC5B,IAAAC,aACsBC,yBACdC,WACRC,EAAKJ,EAAAI,MACLC,EAAKL,EAAAK,MACLC,EAAMN,EAAAM,OACNC,EAAKP,EAAAO,MAECC,EAKFC,EAAAA,sBAJFC,EAAuBF,EAAAE,wBACDC,EAA+BH,EAAAI,qBAC7CC,EAAiBL,EAAAM,OACzBC,iBAGIC,EAA+Bd,QAAAA,EAA4BS,EAC3DM,EAAiBd,QAAAA,EAAcU,EAErC,OACEK,sBAAIC,UAAWC,EAAAA,GAAGb,GAAM,cAAeD,GACrCY,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAAA,GAAG,yBAA0B,CACtC,kCAAmCL,EACnC,kCAAmCL,EACnC,oCAAqCM,KAGtCZ,GAEHc,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAAA,GAAG,2BAA4B,CACxC,kCAAmCL,EACnC,oCAAqCL,EACrC,qCAAsCO,KAGvChB,EACAI,GAASa,EAAKG,cAAA,MAAA,CAAAF,UAAU,0BAA0Bd,IAI3D"}
1
+ {"version":3,"file":"DataTableItem.js","sources":["../../../../../../src/components/Components/DataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["_a","children","firstColumnSecondaryProp","firstColumnSecondary","_c","hasDivider","isBoldProp","label","perex","testId","theme","_d","variant","_e","useDataTableContext","disableStackingOnMobile","firstColumnSecondaryFromContext","isBoldFromContext","isBold","widerContent","resolvedFirstColumnSecondary","resolvedIsBold","React","createElement","className","cx","_b","concat"],"mappings":"geAwB6B,SAACA,SAC5BC,EAAQD,EAAAC,SACcC,EAAwBF,EAAAG,qBAC9CC,EAAkBJ,EAAAK,WAAlBA,OAAU,IAAAD,GAAQA,EACVE,WACRC,EAAKP,EAAAO,MACLC,EAAKR,EAAAQ,MACLC,WACAC,EAAKV,EAAAU,MACLC,EAAuBX,EAAAY,QAAvBA,OAAO,IAAAD,EAAG,cAAaA,EAEjBE,EAKFC,EAAAA,sBAJFC,EAAuBF,EAAAE,wBACDC,EAA+BH,EAAAV,qBAC7Cc,EAAiBJ,EAAAK,OACzBC,iBAGIC,EAA+BlB,QAAAA,EAA4Bc,EAC3DK,EAAiBf,QAAAA,EAAcW,EAErC,OACEK,EACEC,cAAA,KAAA,CAAAC,UAAWC,KACT,mBACEC,EAAA,GAAAA,EAAC,oBAAoBC,OAAAf,IAAwB,gBAAZA,EACnCc,GAAA,CAAE,8BAA+BrB,GACjCK,GACD,cACYD,GAEba,EAAAC,cAAA,KAAA,CACEC,UAAWC,EAAAA,GAAG,yBAA0B,CACtC,kCAAmCN,EACnC,kCAAmCJ,EACnC,oCAAqCK,KAGtCb,GAEHe,EAAAC,cAAA,KAAA,CACEC,UAAWC,EAAAA,GAAG,2BAA4B,CACxC,kCAAmCN,EACnC,oCAAqCJ,EACrC,qCAAsCM,KAGvCpB,EACAO,GAASc,EAAKC,cAAA,MAAA,CAAAC,UAAU,0BAA0BhB,IAI3D"}