@mmb-digital/ds-lilly 1.0.10 → 1.0.11

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 (33) hide show
  1. package/cjs/components/Components/dataTable/DataTable.d.ts +9 -5
  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 +3 -0
  6. package/cjs/components/Components/dataTable/DataTableDivider.d.ts.map +1 -0
  7. package/cjs/components/Components/dataTable/DataTableItem.d.ts.map +1 -1
  8. package/cjs/components/Components/dataTable/DataTableItem.js +1 -1
  9. package/cjs/components/Components/dataTable/DataTableItem.js.map +1 -1
  10. package/cjs/ds-lilly.css +32 -14
  11. package/components/Components/dataTable/DataTable.d.ts +9 -5
  12. package/components/Components/dataTable/DataTable.d.ts.map +1 -1
  13. package/components/Components/dataTable/DataTable.js +1 -1
  14. package/components/Components/dataTable/DataTable.js.map +1 -1
  15. package/components/Components/dataTable/DataTableDivider.d.ts +3 -0
  16. package/components/Components/dataTable/DataTableDivider.d.ts.map +1 -0
  17. package/components/Components/dataTable/DataTableItem.d.ts.map +1 -1
  18. package/components/Components/dataTable/DataTableItem.js +1 -1
  19. package/components/Components/dataTable/DataTableItem.js.map +1 -1
  20. package/ds-lilly.css +32 -14
  21. package/package.json +1 -1
  22. /package/assets/{c6a684d1dcf364c9ac1d.svg → 1fd61b21aa8b3426e785.svg} +0 -0
  23. /package/assets/{31a26dc158ef32995ecc.eot → 29bd025e27417337a373.eot} +0 -0
  24. /package/assets/{4a9e69376f9120d8aae6.gif → 4de2196f2303299dea45.gif} +0 -0
  25. /package/assets/{583757d8b0488a99c6d1.eot → 57ec37ff4cfe44d7ece4.eot} +0 -0
  26. /package/assets/{800be13d35971924b18d.eot → 628bd463674bea8017d4.eot} +0 -0
  27. /package/assets/{2e9c5523215241e76bac.woff → 6b3c882e8208bdc5e21c.woff} +0 -0
  28. /package/assets/{ed5ceb3507f02de2dbfa.woff → 75b858e565e2922fe92d.woff} +0 -0
  29. /package/assets/{c80489eae1a6631379e9.svg → a007834114b3781f5b80.svg} +0 -0
  30. /package/assets/{eeded21af36ef1e011a0.eot → ad949c6ac7f11063d38c.eot} +0 -0
  31. /package/assets/{537bd02a47655759acfd.gif → d5a6708c508934f544f4.gif} +0 -0
  32. /package/assets/{1f0325927499e605120e.ttf → db91035c1ee30efa7de4.ttf} +0 -0
  33. /package/assets/{dfd370ec10197f49a5dd.ttf → e3449b77819d4c9d9ab7.ttf} +0 -0
@@ -1,16 +1,20 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ComponentPropsType } from '../../../utils';
3
3
  export declare const DataTableContext: React.Context<{
4
- equalColumnWidth: boolean;
4
+ widerContent: boolean;
5
+ disableStackingOnMobile: boolean;
5
6
  }>;
6
7
  export declare const useDataTableContext: () => {
7
- equalColumnWidth: boolean;
8
+ widerContent: boolean;
9
+ disableStackingOnMobile: boolean;
8
10
  };
9
11
  export interface DataTableProps extends ComponentPropsType {
10
12
  /** dataTableItem component */
11
13
  children?: ReactNode;
12
- /** If true, all rows will use equal width for label and content columns (50%/50%). Default is 30%/70%. */
13
- equalColumnWidth?: boolean;
14
+ /** If true, all rows will use 30%/70% column layout */
15
+ widerContent?: boolean;
16
+ /** If true, removes top and bottom padding from all DataTableItems */
17
+ disableStackingOnMobile?: boolean;
14
18
  }
15
- export declare const DataTable: ({ children, equalColumnWidth, testId, theme }: DataTableProps) => JSX.Element;
19
+ export declare const DataTable: ({ children, disableStackingOnMobile, testId, theme, widerContent }: DataTableProps) => JSX.Element;
16
20
  //# 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;sBAAqC,OAAO;EAAgC,CAAA;AAEzG,eAAO,MAAM,mBAAmB;sBAFkC,OAAO;CAEJ,CAAA;AAErE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,0GAA0G;IAC1G,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,SAAS,kDAA2D,cAAc,KAAG,WAUjG,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;AAEvD,eAAO,MAAM,gBAAgB;kBACb,OAAO;6BACI,OAAO;EAIhC,CAAA;AAEF,eAAO,MAAM,mBAAmB;kBAPhB,OAAO;6BACI,OAAO;CAMmC,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;CAClC;AAED,eAAO,MAAM,SAAS,uEAMnB,cAAc,KAAG,WAgBnB,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 r=e.createContext({equalColumnWidth:!1});exports.DataTable=function(i){var s=i.children,a=i.equalColumnWidth,u=void 0!==a&&a,l=i.testId,n=i.theme,o=e.useMemo((function(){return{equalColumnWidth:u}}),[u]);return e.createElement(r.Provider,{value:o},e.createElement("table",{className:t.cx("c-dataTable",n),"data-testid":l},e.createElement("tbody",null,s)))},exports.DataTableContext=r,exports.useDataTableContext=function(){return e.useContext(r)};
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 i=e.createContext({widerContent:!1,disableStackingOnMobile:!1});exports.DataTable=function(r){var s=r.children,a=r.disableStackingOnMobile,n=void 0!==a&&a,l=r.testId,o=r.theme,d=r.widerContent,u=void 0!==d&&d,c=e.useMemo((function(){return{widerContent:u,disableStackingOnMobile:n}}),[u,n]);return e.createElement(i.Provider,{value:c},e.createElement("table",{className:t.cx("c-dataTable",o),"data-testid":l},e.createElement("tbody",null,s)))},exports.DataTableContext=i,exports.useDataTableContext=function(){return e.useContext(i)};
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","equalColumnWidth","_a","children","_b","testId","theme","contextValue","useMemo","React","Provider","value","createElement","className","cx","useContext"],"mappings":"0aAIO,IAAMA,EAAmBC,EAAaA,cAAgC,CAAEC,kBAAkB,sBAWxE,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAwBF,EAAAD,iBAAxBA,OAAgB,IAAAG,GAAQA,EAAEC,EAAMH,EAAAG,OAAEC,EAAKJ,EAAAI,MACrEC,EAAeC,EAAAA,SAAQ,WAAM,OAAGP,mBAAmB,GAAE,CAACA,IAE5D,OACEQ,gBAACV,EAAiBW,SAAS,CAAAC,MAAOJ,GAChCE,EAAOG,cAAA,QAAA,CAAAC,UAAWC,KAAG,cAAeR,GAAM,cAAeD,GACvDI,EAAAG,cAAA,QAAA,KAAQT,IAIhB,yDAnBmC,WAAM,OAAAY,aAAWhB,EAAiB"}
1
+ {"version":3,"file":"DataTable.js","sources":["../../../../../../src/components/Components/dataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","_a","children","_b","testId","theme","_c","contextValue","useMemo","React","Provider","value","createElement","className","cx","useContext"],"mappings":"0aAIO,IAAMA,EAAmBC,EAAAA,cAG7B,CACDC,cAAc,EACdC,yBAAyB,sBAcF,SAACC,OACxBC,EAAQD,EAAAC,SACRC,EAA+BF,EAAAD,wBAA/BA,OAA0B,IAAAG,KAC1BC,WACAC,UACAC,EAAAL,EAAAF,aAAAA,OAAY,IAAAO,GAAQA,EAEdC,EAAeC,WACnB,WAAM,MAAC,CACLT,aAAYA,EACZC,wBAAuBA,KAEzB,CAACD,EAAcC,IAGjB,OACES,gBAACZ,EAAiBa,SAAS,CAAAC,MAAOJ,GAChCE,EAAOG,cAAA,QAAA,CAAAC,UAAWC,KAAG,cAAeT,GAAM,cAAeD,GACvDK,EAAAG,cAAA,QAAA,KAAQV,IAIhB,yDAjCmC,WAAM,OAAAa,aAAWlB,EAAiB"}
@@ -0,0 +1,3 @@
1
+ import { ComponentPropsType } from '../../../utils';
2
+ export declare const DataTableDivider: ({ testId, theme }: ComponentPropsType) => JSX.Element;
3
+ //# sourceMappingURL=DataTableDivider.d.ts.map
@@ -0,0 +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 +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,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,uCAAwC,kBAAkB,KAAG,WAqBtF,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,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,uCAAwC,kBAAkB,KAAG,WAuBtF,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(s){var l=s.children,r=s.label,i=s.testId,c=s.theme,d=a.useDataTableContext().equalColumnWidth;return e.createElement("tr",{className:t.cx(c),"data-testid":i},e.createElement("th",{className:t.cx("c-dataTableItem__label",{"c-dataTableItem__label--half":d})},r),e.createElement("td",{className:t.cx("c-dataTableItem__content",{"c-dataTableItem__content--half":d})},l))};
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(s){var r=s.children,i=s.label,l=s.testId,c=s.theme,d=a.useDataTableContext(),n=d.disableStackingOnMobile,u=d.widerContent;return e.createElement("tr",{className:t.cx(c),"data-testid":l},e.createElement("th",{className:t.cx("c-dataTableItem__label",{"c-dataTableItem__label--tighter":u,"c-dataTableItem__label--noStack":n})},i),e.createElement("td",{className:t.cx("c-dataTableItem__content",{"c-dataTableItem__content--wider":u,"c-dataTableItem__content--noStack":n})},r))};
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","label","testId","theme","equalColumnWidth","useDataTableContext","React","className","cx","createElement"],"mappings":"geAY6B,SAACA,OAAEC,EAAQD,EAAAC,SAAEC,EAAKF,EAAAE,MAAEC,EAAMH,EAAAG,OAAEC,EAAKJ,EAAAI,MACpDC,EAAqBC,yCAE7B,OACEC,sBAAIC,UAAWC,EAAAA,GAAGL,GAAM,cAAeD,GACrCI,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAAA,GAAG,yBAA0B,CACtC,+BAAgCJ,KAGjCH,GAEHK,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAAA,GAAG,2BAA4B,CACxC,iCAAkCJ,KAGnCJ,GAIT"}
1
+ {"version":3,"file":"DataTableItem.js","sources":["../../../../../../src/components/Components/dataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["_a","children","label","testId","theme","_b","useDataTableContext","disableStackingOnMobile","widerContent","React","className","cx","createElement"],"mappings":"geAY6B,SAACA,OAAEC,EAAQD,EAAAC,SAAEC,EAAKF,EAAAE,MAAEC,EAAMH,EAAAG,OAAEC,EAAKJ,EAAAI,MACtDC,EAA4CC,EAAmBA,sBAA7DC,EAAuBF,EAAAE,wBAAEC,EAAYH,EAAAG,aAE7C,OACEC,sBAAIC,UAAWC,EAAAA,GAAGP,GAAM,cAAeD,GACrCM,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAAA,GAAG,yBAA0B,CACtC,kCAAmCH,EACnC,kCAAmCD,KAGpCL,GAEHO,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAAA,GAAG,2BAA4B,CACxC,kCAAmCH,EACnC,oCAAqCD,KAGtCN,GAIT"}
package/cjs/ds-lilly.css CHANGED
@@ -6273,7 +6273,7 @@ body.dark .l-header .c-logo__img--dark {
6273
6273
 
6274
6274
  .c-dataTableItem__label,
6275
6275
  .c-dataTableItem__content {
6276
- padding: var(--spaceSmall) 0;
6276
+ padding: var(--spaceXSmall) 0;
6277
6277
  word-break: break-word;
6278
6278
  vertical-align: top;
6279
6279
  }
@@ -6289,12 +6289,11 @@ body.dark .l-header .c-logo__img--dark {
6289
6289
  text-align: left;
6290
6290
  font-weight: normal;
6291
6291
  position: relative;
6292
- width: 30%;
6292
+ width: 50%;
6293
6293
  }
6294
6294
  @media screen and (max-width: 799px) {
6295
6295
  .c-dataTableItem__label {
6296
6296
  width: 100%;
6297
- margin-bottom: var(--spacexxSmall);
6298
6297
  }
6299
6298
  }
6300
6299
 
@@ -6302,33 +6301,52 @@ body.dark .l-header .c-logo__img--dark {
6302
6301
  text-align: left;
6303
6302
  position: relative;
6304
6303
  font-weight: bold;
6305
- width: 70%;
6304
+ width: 50%;
6306
6305
  }
6307
6306
  @media screen and (max-width: 799px) {
6308
6307
  .c-dataTableItem__content {
6309
6308
  width: 100%;
6310
- margin-bottom: var(--spaceMedium);
6309
+ margin-bottom: var(--spaceSmall);
6311
6310
  }
6312
6311
  }
6312
+ .c-dataTableItem__content.c-dataTableItem__content--noStack {
6313
+ padding-left: var(--spaceXSmall);
6314
+ }
6313
6315
 
6314
- .c-dataTableItem__label--half {
6315
- width: 50%;
6316
+ .c-dataTableItem__label--tighter {
6317
+ width: 30%;
6316
6318
  }
6317
6319
  @media screen and (max-width: 799px) {
6318
- .c-dataTableItem__label--half {
6320
+ .c-dataTableItem__label--tighter {
6319
6321
  width: 100%;
6320
6322
  }
6321
6323
  }
6322
6324
 
6323
- .c-dataTableItem__content--half {
6324
- width: 50%;
6325
+ .c-dataTableItem__content--wider {
6326
+ width: 70%;
6325
6327
  }
6326
6328
  @media screen and (max-width: 799px) {
6327
- .c-dataTableItem__content--half {
6329
+ .c-dataTableItem__content--wider {
6328
6330
  width: 100%;
6329
6331
  }
6330
6332
  }
6331
6333
 
6334
+ @media screen and (max-width: 799px) {
6335
+ .c-dataTableItem__label--noStack,
6336
+ .c-dataTableItem__content--noStack {
6337
+ display: table-cell;
6338
+ width: auto;
6339
+ padding: var(--spaceSmall) 0;
6340
+ margin-bottom: 0;
6341
+ }
6342
+ }
6343
+
6344
+ .c-dataTableDivider__line {
6345
+ border-top: 1px solid var(--borderNeutralDefault);
6346
+ width: 100%;
6347
+ margin: var(--spaceXSmall) 0;
6348
+ }
6349
+
6332
6350
  .f-autocomplete {
6333
6351
  flex-direction: column;
6334
6352
  }
@@ -9573,7 +9591,7 @@ body.dark .u-fg--fgWhiteDefault {
9573
9591
  /* Slider */
9574
9592
  .slick-loading .slick-list
9575
9593
  {
9576
- background: #fff url('assets/537bd02a47655759acfd.gif') center center no-repeat;
9594
+ background: #fff url('assets/4de2196f2303299dea45.gif') center center no-repeat;
9577
9595
  }
9578
9596
 
9579
9597
  /* Icons */
@@ -9583,8 +9601,8 @@ body.dark .u-fg--fgWhiteDefault {
9583
9601
  font-weight: normal;
9584
9602
  font-style: normal;
9585
9603
 
9586
- src: url('assets/eeded21af36ef1e011a0.eot');
9587
- src: url('assets/583757d8b0488a99c6d1.eot') format('embedded-opentype'), url('assets/2e9c5523215241e76bac.woff') format('woff'), url('assets/1f0325927499e605120e.ttf') format('truetype'), url('assets/c80489eae1a6631379e9.svg') format('svg');
9604
+ src: url('assets/29bd025e27417337a373.eot');
9605
+ src: url('assets/628bd463674bea8017d4.eot') format('embedded-opentype'), url('assets/6b3c882e8208bdc5e21c.woff') format('woff'), url('assets/e3449b77819d4c9d9ab7.ttf') format('truetype'), url('assets/a007834114b3781f5b80.svg') format('svg');
9588
9606
  }
9589
9607
  /* Arrows */
9590
9608
  .slick-prev,
@@ -1,16 +1,20 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ComponentPropsType } from '../../../utils';
3
3
  export declare const DataTableContext: React.Context<{
4
- equalColumnWidth: boolean;
4
+ widerContent: boolean;
5
+ disableStackingOnMobile: boolean;
5
6
  }>;
6
7
  export declare const useDataTableContext: () => {
7
- equalColumnWidth: boolean;
8
+ widerContent: boolean;
9
+ disableStackingOnMobile: boolean;
8
10
  };
9
11
  export interface DataTableProps extends ComponentPropsType {
10
12
  /** dataTableItem component */
11
13
  children?: ReactNode;
12
- /** If true, all rows will use equal width for label and content columns (50%/50%). Default is 30%/70%. */
13
- equalColumnWidth?: boolean;
14
+ /** If true, all rows will use 30%/70% column layout */
15
+ widerContent?: boolean;
16
+ /** If true, removes top and bottom padding from all DataTableItems */
17
+ disableStackingOnMobile?: boolean;
14
18
  }
15
- export declare const DataTable: ({ children, equalColumnWidth, testId, theme }: DataTableProps) => JSX.Element;
19
+ export declare const DataTable: ({ children, disableStackingOnMobile, testId, theme, widerContent }: DataTableProps) => JSX.Element;
16
20
  //# 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;sBAAqC,OAAO;EAAgC,CAAA;AAEzG,eAAO,MAAM,mBAAmB;sBAFkC,OAAO;CAEJ,CAAA;AAErE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,0GAA0G;IAC1G,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,SAAS,kDAA2D,cAAc,KAAG,WAUjG,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;AAEvD,eAAO,MAAM,gBAAgB;kBACb,OAAO;6BACI,OAAO;EAIhC,CAAA;AAEF,eAAO,MAAM,mBAAmB;kBAPhB,OAAO;6BACI,OAAO;CAMmC,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;CAClC;AAED,eAAO,MAAM,SAAS,uEAMnB,cAAc,KAAG,WAgBnB,CAAA"}
@@ -1,2 +1,2 @@
1
- import t,{createContext as e,useContext as i,useMemo as s}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 r}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';var l=e({equalColumnWidth:!1}),o=function(){return i(l)},a=function(e){var i=e.children,o=e.equalColumnWidth,a=void 0!==o&&o,d=e.testId,m=e.theme,n=s((function(){return{equalColumnWidth:a}}),[a]);return t.createElement(l.Provider,{value:n},t.createElement("table",{className:r("c-dataTable",m),"data-testid":d},t.createElement("tbody",null,i)))};export{a as DataTable,l as DataTableContext,o as useDataTableContext};
1
+ import t,{createContext as e,useContext as i,useMemo as s}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 r}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';var o=e({widerContent:!1,disableStackingOnMobile:!1}),n=function(){return i(o)},l=function(e){var i=e.children,n=e.disableStackingOnMobile,l=void 0!==n&&n,a=e.testId,d=e.theme,m=e.widerContent,c=void 0!==m&&m,u=s((function(){return{widerContent:c,disableStackingOnMobile:l}}),[c,l]);return t.createElement(o.Provider,{value:u},t.createElement("table",{className:r("c-dataTable",d),"data-testid":a},t.createElement("tbody",null,i)))};export{l as DataTable,o as DataTableContext,n as useDataTableContext};
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","equalColumnWidth","useDataTableContext","useContext","DataTable","_a","children","_b","testId","theme","contextValue","useMemo","React","Provider","value","createElement","className","cx"],"mappings":"2bAIO,IAAMA,EAAmBC,EAA6C,CAAEC,kBAAkB,IAEpFC,EAAsB,WAAM,OAAAC,EAAWJ,EAAiB,EASxDK,EAAY,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAwBF,EAAAJ,iBAAxBA,OAAgB,IAAAM,GAAQA,EAAEC,EAAMH,EAAAG,OAAEC,EAAKJ,EAAAI,MACrEC,EAAeC,GAAQ,WAAM,OAAGV,mBAAmB,GAAE,CAACA,IAE5D,OACEW,gBAACb,EAAiBc,SAAS,CAAAC,MAAOJ,GAChCE,EAAOG,cAAA,QAAA,CAAAC,UAAWC,EAAG,cAAeR,GAAM,cAAeD,GACvDI,EAAAG,cAAA,QAAA,KAAQT,IAIhB"}
1
+ {"version":3,"file":"DataTable.js","sources":["../../../../src/components/Components/dataTable/DataTable.tsx"],"sourcesContent":[null],"names":["DataTableContext","createContext","widerContent","disableStackingOnMobile","useDataTableContext","useContext","DataTable","_a","children","_b","testId","theme","_c","contextValue","useMemo","React","Provider","value","createElement","className","cx"],"mappings":"2bAIO,IAAMA,EAAmBC,EAG7B,CACDC,cAAc,EACdC,yBAAyB,IAGdC,EAAsB,WAAM,OAAAC,EAAWL,EAAiB,EAWxDM,EAAY,SAACC,OACxBC,EAAQD,EAAAC,SACRC,EAA+BF,EAAAJ,wBAA/BA,OAA0B,IAAAM,KAC1BC,WACAC,UACAC,EAAAL,EAAAL,aAAAA,OAAY,IAAAU,GAAQA,EAEdC,EAAeC,GACnB,WAAM,MAAC,CACLZ,aAAYA,EACZC,wBAAuBA,KAEzB,CAACD,EAAcC,IAGjB,OACEY,gBAACf,EAAiBgB,SAAS,CAAAC,MAAOJ,GAChCE,EAAOG,cAAA,QAAA,CAAAC,UAAWC,EAAG,cAAeT,GAAM,cAAeD,GACvDK,EAAAG,cAAA,QAAA,KAAQV,IAIhB"}
@@ -0,0 +1,3 @@
1
+ import { ComponentPropsType } from '../../../utils';
2
+ export declare const DataTableDivider: ({ testId, theme }: ComponentPropsType) => JSX.Element;
3
+ //# sourceMappingURL=DataTableDivider.d.ts.map
@@ -0,0 +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 +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,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,uCAAwC,kBAAkB,KAAG,WAqBtF,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,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,uCAAwC,kBAAkB,KAAG,WAuBtF,CAAA"}
@@ -1,2 +1,2 @@
1
- import t 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 e}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{useDataTableContext as a}from"./DataTable.js";var s=function(s){var l=s.children,i=s.label,m=s.testId,r=s.theme,o=a().equalColumnWidth;return t.createElement("tr",{className:e(r),"data-testid":m},t.createElement("th",{className:e("c-dataTableItem__label",{"c-dataTableItem__label--half":o})},i),t.createElement("td",{className:e("c-dataTableItem__content",{"c-dataTableItem__content--half":o})},l))};export{s as DataTableItem};
1
+ import t 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 e}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{useDataTableContext as a}from"./DataTable.js";var i=function(i){var l=i.children,s=i.label,r=i.testId,m=i.theme,o=a(),d=o.disableStackingOnMobile,c=o.widerContent;return t.createElement("tr",{className:e(m),"data-testid":r},t.createElement("th",{className:e("c-dataTableItem__label",{"c-dataTableItem__label--tighter":c,"c-dataTableItem__label--noStack":d})},s),t.createElement("td",{className:e("c-dataTableItem__content",{"c-dataTableItem__content--wider":c,"c-dataTableItem__content--noStack":d})},l))};export{i as DataTableItem};
2
2
  //# sourceMappingURL=DataTableItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableItem.js","sources":["../../../../src/components/Components/dataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["DataTableItem","_a","children","label","testId","theme","equalColumnWidth","useDataTableContext","React","className","cx","createElement"],"mappings":"+bAYO,IAAMA,EAAgB,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAKF,EAAAE,MAAEC,EAAMH,EAAAG,OAAEC,EAAKJ,EAAAI,MACpDC,EAAqBC,qBAE7B,OACEC,sBAAIC,UAAWC,EAAGL,GAAM,cAAeD,GACrCI,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAG,yBAA0B,CACtC,+BAAgCJ,KAGjCH,GAEHK,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAG,2BAA4B,CACxC,iCAAkCJ,KAGnCJ,GAIT"}
1
+ {"version":3,"file":"DataTableItem.js","sources":["../../../../src/components/Components/dataTable/DataTableItem.tsx"],"sourcesContent":[null],"names":["DataTableItem","_a","children","label","testId","theme","_b","useDataTableContext","disableStackingOnMobile","widerContent","React","className","cx","createElement"],"mappings":"+bAYO,IAAMA,EAAgB,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAKF,EAAAE,MAAEC,EAAMH,EAAAG,OAAEC,EAAKJ,EAAAI,MACtDC,EAA4CC,IAA1CC,EAAuBF,EAAAE,wBAAEC,EAAYH,EAAAG,aAE7C,OACEC,sBAAIC,UAAWC,EAAGP,GAAM,cAAeD,GACrCM,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAG,yBAA0B,CACtC,kCAAmCH,EACnC,kCAAmCD,KAGpCL,GAEHO,EAAAG,cAAA,KAAA,CACEF,UAAWC,EAAG,2BAA4B,CACxC,kCAAmCH,EACnC,oCAAqCD,KAGtCN,GAIT"}
package/ds-lilly.css CHANGED
@@ -6273,7 +6273,7 @@ body.dark .l-header .c-logo__img--dark {
6273
6273
 
6274
6274
  .c-dataTableItem__label,
6275
6275
  .c-dataTableItem__content {
6276
- padding: var(--spaceSmall) 0;
6276
+ padding: var(--spaceXSmall) 0;
6277
6277
  word-break: break-word;
6278
6278
  vertical-align: top;
6279
6279
  }
@@ -6289,12 +6289,11 @@ body.dark .l-header .c-logo__img--dark {
6289
6289
  text-align: left;
6290
6290
  font-weight: normal;
6291
6291
  position: relative;
6292
- width: 30%;
6292
+ width: 50%;
6293
6293
  }
6294
6294
  @media screen and (max-width: 799px) {
6295
6295
  .c-dataTableItem__label {
6296
6296
  width: 100%;
6297
- margin-bottom: var(--spacexxSmall);
6298
6297
  }
6299
6298
  }
6300
6299
 
@@ -6302,33 +6301,52 @@ body.dark .l-header .c-logo__img--dark {
6302
6301
  text-align: left;
6303
6302
  position: relative;
6304
6303
  font-weight: bold;
6305
- width: 70%;
6304
+ width: 50%;
6306
6305
  }
6307
6306
  @media screen and (max-width: 799px) {
6308
6307
  .c-dataTableItem__content {
6309
6308
  width: 100%;
6310
- margin-bottom: var(--spaceMedium);
6309
+ margin-bottom: var(--spaceSmall);
6311
6310
  }
6312
6311
  }
6312
+ .c-dataTableItem__content.c-dataTableItem__content--noStack {
6313
+ padding-left: var(--spaceXSmall);
6314
+ }
6313
6315
 
6314
- .c-dataTableItem__label--half {
6315
- width: 50%;
6316
+ .c-dataTableItem__label--tighter {
6317
+ width: 30%;
6316
6318
  }
6317
6319
  @media screen and (max-width: 799px) {
6318
- .c-dataTableItem__label--half {
6320
+ .c-dataTableItem__label--tighter {
6319
6321
  width: 100%;
6320
6322
  }
6321
6323
  }
6322
6324
 
6323
- .c-dataTableItem__content--half {
6324
- width: 50%;
6325
+ .c-dataTableItem__content--wider {
6326
+ width: 70%;
6325
6327
  }
6326
6328
  @media screen and (max-width: 799px) {
6327
- .c-dataTableItem__content--half {
6329
+ .c-dataTableItem__content--wider {
6328
6330
  width: 100%;
6329
6331
  }
6330
6332
  }
6331
6333
 
6334
+ @media screen and (max-width: 799px) {
6335
+ .c-dataTableItem__label--noStack,
6336
+ .c-dataTableItem__content--noStack {
6337
+ display: table-cell;
6338
+ width: auto;
6339
+ padding: var(--spaceSmall) 0;
6340
+ margin-bottom: 0;
6341
+ }
6342
+ }
6343
+
6344
+ .c-dataTableDivider__line {
6345
+ border-top: 1px solid var(--borderNeutralDefault);
6346
+ width: 100%;
6347
+ margin: var(--spaceXSmall) 0;
6348
+ }
6349
+
6332
6350
  .f-autocomplete {
6333
6351
  flex-direction: column;
6334
6352
  }
@@ -9573,7 +9591,7 @@ body.dark .u-fg--fgWhiteDefault {
9573
9591
  /* Slider */
9574
9592
  .slick-loading .slick-list
9575
9593
  {
9576
- background: #fff url('assets/4a9e69376f9120d8aae6.gif') center center no-repeat;
9594
+ background: #fff url('assets/d5a6708c508934f544f4.gif') center center no-repeat;
9577
9595
  }
9578
9596
 
9579
9597
  /* Icons */
@@ -9583,8 +9601,8 @@ body.dark .u-fg--fgWhiteDefault {
9583
9601
  font-weight: normal;
9584
9602
  font-style: normal;
9585
9603
 
9586
- src: url('assets/31a26dc158ef32995ecc.eot');
9587
- src: url('assets/800be13d35971924b18d.eot') format('embedded-opentype'), url('assets/ed5ceb3507f02de2dbfa.woff') format('woff'), url('assets/dfd370ec10197f49a5dd.ttf') format('truetype'), url('assets/c6a684d1dcf364c9ac1d.svg') format('svg');
9604
+ src: url('assets/57ec37ff4cfe44d7ece4.eot');
9605
+ src: url('assets/ad949c6ac7f11063d38c.eot') format('embedded-opentype'), url('assets/75b858e565e2922fe92d.woff') format('woff'), url('assets/db91035c1ee30efa7de4.ttf') format('truetype'), url('assets/1fd61b21aa8b3426e785.svg') format('svg');
9588
9606
  }
9589
9607
  /* Arrows */
9590
9608
  .slick-prev,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "module": "./index.js",
4
4
  "typings": "./index.d.ts",
5
5
  "name": "@mmb-digital/ds-lilly",
6
- "version": "1.0.10",
6
+ "version": "1.0.11",
7
7
  "description": "MMB LILLY design system",
8
8
  "license": "UNLICENSED",
9
9
  "sideEffects": [