@telefonica/mistica 14.16.1 → 14.17.0

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 (40) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/button.css-mistica.js +19 -16
  3. package/dist/button.css.d.ts +1 -0
  4. package/dist/button.d.ts +6 -1
  5. package/dist/button.js +161 -115
  6. package/dist/card.js +41 -41
  7. package/dist/list.css-mistica.js +17 -11
  8. package/dist/list.css.d.ts +2 -0
  9. package/dist/list.d.ts +1 -0
  10. package/dist/list.js +106 -94
  11. package/dist/package-version.js +1 -1
  12. package/dist/skins/blau.js +11 -10
  13. package/dist/skins/defaults.js +1 -0
  14. package/dist/skins/movistar-legacy.js +11 -10
  15. package/dist/skins/movistar.js +11 -10
  16. package/dist/skins/o2.js +11 -10
  17. package/dist/skins/telefonica.js +11 -10
  18. package/dist/skins/types/index.d.ts +1 -0
  19. package/dist/skins/vivo-new.js +11 -10
  20. package/dist/skins/vivo.js +11 -10
  21. package/dist/spinner.css-mistica.js +4 -4
  22. package/dist/tabs.js +13 -13
  23. package/dist-es/button.css-mistica.js +3 -3
  24. package/dist-es/button.js +201 -155
  25. package/dist-es/card.js +66 -66
  26. package/dist-es/list.css-mistica.js +2 -2
  27. package/dist-es/list.js +143 -131
  28. package/dist-es/package-version.js +1 -1
  29. package/dist-es/skins/blau.js +11 -10
  30. package/dist-es/skins/defaults.js +1 -0
  31. package/dist-es/skins/movistar-legacy.js +11 -10
  32. package/dist-es/skins/movistar.js +11 -10
  33. package/dist-es/skins/o2.js +11 -10
  34. package/dist-es/skins/telefonica.js +11 -10
  35. package/dist-es/skins/vivo-new.js +11 -10
  36. package/dist-es/skins/vivo.js +11 -10
  37. package/dist-es/spinner.css-mistica.js +2 -2
  38. package/dist-es/style.css +1 -1
  39. package/dist-es/tabs.js +18 -18
  40. package/package.json +1 -1
package/dist/card.js CHANGED
@@ -331,7 +331,7 @@ const ce = (r, a)=>{
331
331
  };
332
332
  }, fe = (param)=>{
333
333
  let { headline: r , pretitle: a , pretitleLinesMax: i , title: s , titleLinesMax: h , subtitle: o , subtitleLinesMax: p , description: l , descriptionLinesMax: d , extra: t , button: u , buttonLink: m } = param;
334
- const { textPresets: f } = (0, _hooks.useTheme)(), g = ()=>r ? typeof r == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
334
+ const { textPresets: v } = (0, _hooks.useTheme)(), g = ()=>r ? typeof r == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
335
335
  type: "promo",
336
336
  children: r
337
337
  }) : r : null;
@@ -369,7 +369,7 @@ const ce = (r, a)=>{
369
369
  desktopSize: 20,
370
370
  desktopLineHeight: "28px",
371
371
  truncate: h,
372
- weight: f.cardTitle.weight,
372
+ weight: v.cardTitle.weight,
373
373
  as: "h3",
374
374
  hyphens: "auto",
375
375
  children: s
@@ -410,8 +410,8 @@ const ce = (r, a)=>{
410
410
  })
411
411
  ]
412
412
  });
413
- }, Sr = /*#__PURE__*/ _react.forwardRef((_param, w)=>{
414
- var { media: r , headline: a , pretitle: i , pretitleLinesMax: s , subtitle: h , subtitleLinesMax: o , title: p , titleLinesMax: l , description: d , descriptionLinesMax: t , extra: u , actions: m , button: f , buttonLink: g , dataAttributes: x , "aria-label": C , onClose: S } = _param, c = _object_without_properties(_param, [
413
+ }, Sr = /*#__PURE__*/ _react.forwardRef((_param, B)=>{
414
+ var { media: r , headline: a , pretitle: i , pretitleLinesMax: s , subtitle: h , subtitleLinesMax: o , title: p , titleLinesMax: l , description: d , descriptionLinesMax: t , extra: u , actions: m , button: v , buttonLink: g , dataAttributes: w , "aria-label": C , onClose: S } = _param, c = _object_without_properties(_param, [
415
415
  "media",
416
416
  "headline",
417
417
  "pretitle",
@@ -439,8 +439,8 @@ const ce = (r, a)=>{
439
439
  className: _cardcssmistica.boxed,
440
440
  dataAttributes: _object_spread({
441
441
  "component-name": "MediaCard"
442
- }, x),
443
- ref: w,
442
+ }, w),
443
+ ref: B,
444
444
  width: "100%",
445
445
  height: "100%",
446
446
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
@@ -472,7 +472,7 @@ const ce = (r, a)=>{
472
472
  description: d,
473
473
  descriptionLinesMax: t,
474
474
  extra: u,
475
- button: f,
475
+ button: v,
476
476
  buttonLink: g
477
477
  })
478
478
  })
@@ -488,8 +488,8 @@ const ce = (r, a)=>{
488
488
  })
489
489
  ]
490
490
  });
491
- }), xr = /*#__PURE__*/ _react.forwardRef((_param, w)=>{
492
- var { icon: r , headline: a , pretitle: i , pretitleLinesMax: s , title: h , titleLinesMax: o , subtitle: p , subtitleLinesMax: l , description: d , descriptionLinesMax: t , extra: u , actions: m , button: f , buttonLink: g , dataAttributes: x , "aria-label": C , onClose: S } = _param, c = _object_without_properties(_param, [
491
+ }), xr = /*#__PURE__*/ _react.forwardRef((_param, B)=>{
492
+ var { icon: r , headline: a , pretitle: i , pretitleLinesMax: s , title: h , titleLinesMax: o , subtitle: p , subtitleLinesMax: l , description: d , descriptionLinesMax: t , extra: u , actions: m , button: v , buttonLink: g , dataAttributes: w , "aria-label": C , onClose: S } = _param, c = _object_without_properties(_param, [
493
493
  "icon",
494
494
  "headline",
495
495
  "pretitle",
@@ -521,8 +521,8 @@ const ce = (r, a)=>{
521
521
  className: _cardcssmistica.boxed,
522
522
  dataAttributes: _object_spread({
523
523
  "component-name": "DataCard"
524
- }, x),
525
- ref: w,
524
+ }, w),
525
+ ref: B,
526
526
  width: "100%",
527
527
  height: "100%",
528
528
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
@@ -565,10 +565,10 @@ const ce = (r, a)=>{
565
565
  u && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
566
566
  children: u
567
567
  }),
568
- (f || g) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
568
+ (v || g) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
569
569
  className: _cardcssmistica.actions,
570
570
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
571
- primaryButton: f,
571
+ primaryButton: v,
572
572
  link: g
573
573
  })
574
574
  })
@@ -596,7 +596,7 @@ const ce = (r, a)=>{
596
596
  "extra",
597
597
  "isInverse"
598
598
  ]);
599
- const m = t.href || t.to || t.onPress, f = d ? _cardcssmistica.touchableCardOverlayInverse : _cardcssmistica.touchableCardOverlay;
599
+ const m = t.href || t.to || t.onPress, v = d ? _cardcssmistica.touchableCardOverlayInverse : _cardcssmistica.touchableCardOverlay;
600
600
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(W, {
601
601
  className: _cardcssmistica.touchableContainer,
602
602
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
@@ -615,7 +615,7 @@ const ce = (r, a)=>{
615
615
  "aria-label": p,
616
616
  children: [
617
617
  m && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
618
- className: f
618
+ className: v
619
619
  }),
620
620
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", {
621
621
  className: _cardcssmistica.snapCard,
@@ -658,7 +658,7 @@ const ce = (r, a)=>{
658
658
  })
659
659
  });
660
660
  }), Ke = 264, ve = /*#__PURE__*/ _react.forwardRef((_param, G)=>{
661
- var { isInverse: r , backgroundImage: a , backgroundVideo: i , backgroundVideoRef: s , poster: h , icon: o , headline: p , pretitle: l , pretitleLinesMax: d , title: t , titleLinesMax: u , description: m , descriptionLinesMax: f , extra: g , button: x , secondaryButton: C , onClose: S , actions: c , buttonLink: w , dataAttributes: N , width: b , height: z , aspectRatio: H , "aria-label": R } = _param, M = _object_without_properties(_param, [
661
+ var { isInverse: r , backgroundImage: a , backgroundVideo: i , backgroundVideoRef: s , poster: h , icon: o , headline: p , pretitle: l , pretitleLinesMax: d , title: t , titleLinesMax: u , description: m , descriptionLinesMax: v , extra: g , button: w , secondaryButton: C , onClose: S , actions: c , buttonLink: B , dataAttributes: N , width: b , height: z , aspectRatio: H , "aria-label": R } = _param, M = _object_without_properties(_param, [
662
662
  "isInverse",
663
663
  "backgroundImage",
664
664
  "backgroundVideo",
@@ -684,7 +684,7 @@ const ce = (r, a)=>{
684
684
  "aspectRatio",
685
685
  "aria-label"
686
686
  ]);
687
- const B = me(a), { video: X , videoStatus: j , onVideoControlPress: U } = ue(i, h, s);
687
+ const I = me(a), { video: X , videoStatus: j , onVideoControlPress: U } = ue(i, h, s);
688
688
  i && (c = [
689
689
  {
690
690
  Icon: pe(j),
@@ -696,7 +696,7 @@ const ce = (r, a)=>{
696
696
  iconBackgroundInverse: _cardcssmistica.videoAction
697
697
  }
698
698
  ]);
699
- const F = (0, _themevariantcontext.useIsInverseVariant)(), I = !!a || !!i, Y = I ? "0 0 16px rgba(0,0,0,0.4)" : void 0, ye = (c == null ? void 0 : c.length) || S, ge = M.href || M.to || M.onPress, Ce = a || i ? _cardcssmistica.touchableCardOverlayMedia : r ? _cardcssmistica.touchableCardOverlayInverse : _cardcssmistica.touchableCardOverlay;
699
+ const F = (0, _themevariantcontext.useIsInverseVariant)(), x = !!a || !!i, Y = x ? "0 0 16px rgba(0,0,0,0.4)" : void 0, ye = (c == null ? void 0 : c.length) || S, ge = M.href || M.to || M.onPress, Ce = a || i ? _cardcssmistica.touchableCardOverlayMedia : r ? _cardcssmistica.touchableCardOverlayInverse : _cardcssmistica.touchableCardOverlay;
700
700
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(W, {
701
701
  width: b,
702
702
  height: z,
@@ -730,27 +730,27 @@ const ce = (r, a)=>{
730
730
  isInverse: F,
731
731
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
732
732
  className: _cardcssmistica.displayCardBackground,
733
- children: i ? X : a ? B : void 0
733
+ children: i ? X : a ? I : void 0
734
734
  })
735
735
  }),
736
736
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
737
737
  className: _cardcssmistica.displayCardContent,
738
738
  style: {
739
- paddingTop: I && !o && !ye ? 0 : 24
739
+ paddingTop: x && !o && !ye ? 0 : 24
740
740
  },
741
741
  children: [
742
742
  o ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
743
- paddingBottom: I ? 0 : 40,
743
+ paddingBottom: x ? 0 : 40,
744
744
  paddingX: 24,
745
745
  children: o
746
746
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
747
- paddingBottom: c != null && c.length || S ? I ? 24 : 64 : 0
747
+ paddingBottom: c != null && c.length || S ? x ? 24 : 64 : 0
748
748
  }),
749
749
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
750
750
  paddingX: 24,
751
- paddingTop: I ? 40 : 0,
751
+ paddingTop: x ? 40 : 0,
752
752
  paddingBottom: 24,
753
- className: I ? _cardcssmistica.displayCardGradient : void 0,
753
+ className: x ? _cardcssmistica.displayCardGradient : void 0,
754
754
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
755
755
  space: 24,
756
756
  children: [
@@ -790,10 +790,10 @@ const ce = (r, a)=>{
790
790
  }),
791
791
  m && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
792
792
  forceMobileSizes: !0,
793
- truncate: f,
793
+ truncate: v,
794
794
  as: "p",
795
795
  regular: !0,
796
- color: _skincontractcssmistica.vars.colors.textSecondary,
796
+ color: x ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
797
797
  textShadow: Y,
798
798
  hyphens: "auto",
799
799
  children: m
@@ -803,10 +803,10 @@ const ce = (r, a)=>{
803
803
  g
804
804
  ]
805
805
  }),
806
- (x || C || w) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
807
- primaryButton: x,
806
+ (w || C || B) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
807
+ primaryButton: w,
808
808
  secondaryButton: C,
809
- link: w
809
+ link: B
810
810
  })
811
811
  ]
812
812
  })
@@ -847,7 +847,7 @@ const ce = (r, a)=>{
847
847
  })
848
848
  }));
849
849
  }), Qe = 140, Ar = /*#__PURE__*/ _react.forwardRef((_param, b)=>{
850
- var { dataAttributes: r , backgroundImage: a , backgroundVideo: i , poster: s , backgroundVideoRef: h , width: o , height: p , aspectRatio: l = "7:10" , ariaLabel: d , actions: t , onClose: u , icon: m , headline: f , pretitle: g , pretitleLinesMax: x , title: C , titleLinesMax: S , description: c , descriptionLinesMax: w } = _param, N = _object_without_properties(_param, [
850
+ var { dataAttributes: r , backgroundImage: a , backgroundVideo: i , poster: s , backgroundVideoRef: h , width: o , height: p , aspectRatio: l = "7:10" , ariaLabel: d , actions: t , onClose: u , icon: m , headline: v , pretitle: g , pretitleLinesMax: w , title: C , titleLinesMax: S , description: c , descriptionLinesMax: B } = _param, N = _object_without_properties(_param, [
851
851
  "dataAttributes",
852
852
  "backgroundImage",
853
853
  "backgroundVideo",
@@ -880,7 +880,7 @@ const ce = (r, a)=>{
880
880
  iconBackgroundInverse: _cardcssmistica.videoAction
881
881
  }
882
882
  ]);
883
- const G = (0, _themevariantcontext.useIsInverseVariant)(), B = !!a || !!i, X = B ? "0 0 16px rgba(0,0,0,0.4)" : void 0, j = (t == null ? void 0 : t.length) || u, { textPresets: U } = (0, _hooks.useTheme)(), F = N.href || N.to || N.onPress, I = _cardcssmistica.touchableCardOverlayMedia;
883
+ const G = (0, _themevariantcontext.useIsInverseVariant)(), I = !!a || !!i, X = I ? "0 0 16px rgba(0,0,0,0.4)" : void 0, j = (t == null ? void 0 : t.length) || u, { textPresets: U } = (0, _hooks.useTheme)(), F = N.href || N.to || N.onPress, x = _cardcssmistica.touchableCardOverlayMedia;
884
884
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(W, {
885
885
  width: o,
886
886
  height: p,
@@ -905,7 +905,7 @@ const ce = (r, a)=>{
905
905
  "aria-label": d,
906
906
  children: [
907
907
  F && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
908
- className: I
908
+ className: x
909
909
  }),
910
910
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
911
911
  className: _cardcssmistica.displayCardContainer,
@@ -920,38 +920,38 @@ const ce = (r, a)=>{
920
920
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
921
921
  className: _cardcssmistica.displayCardContent,
922
922
  style: {
923
- paddingTop: B && !m && !j ? 0 : 24
923
+ paddingTop: I && !m && !j ? 0 : 24
924
924
  },
925
925
  children: [
926
926
  m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
927
- paddingBottom: B ? 0 : 40,
927
+ paddingBottom: I ? 0 : 40,
928
928
  paddingX: 24,
929
929
  children: m
930
930
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
931
- paddingBottom: t != null && t.length || u ? B ? 24 : 64 : 0
931
+ paddingBottom: t != null && t.length || u ? I ? 24 : 64 : 0
932
932
  }),
933
933
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
934
934
  paddingX: 16,
935
- paddingTop: B ? 40 : 0,
935
+ paddingTop: I ? 40 : 0,
936
936
  paddingBottom: 24,
937
- className: B ? _cardcssmistica.displayCardGradient : void 0,
937
+ className: I ? _cardcssmistica.displayCardGradient : void 0,
938
938
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
939
939
  space: 24,
940
940
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
941
941
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
942
942
  space: 8,
943
943
  children: [
944
- (f || g || C) && /* @__PURE__ */ (0, _jsxruntime.jsx)("header", {
944
+ (v || g || C) && /* @__PURE__ */ (0, _jsxruntime.jsx)("header", {
945
945
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
946
946
  space: 16,
947
947
  children: [
948
- f,
948
+ v,
949
949
  /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
950
950
  space: 4,
951
951
  children: [
952
952
  g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
953
953
  forceMobileSizes: !0,
954
- truncate: x,
954
+ truncate: w,
955
955
  as: "div",
956
956
  regular: !0,
957
957
  textShadow: X,
@@ -976,7 +976,7 @@ const ce = (r, a)=>{
976
976
  }),
977
977
  c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
978
978
  forceMobileSizes: !0,
979
- truncate: w,
979
+ truncate: B,
980
980
  as: "p",
981
981
  regular: !0,
982
982
  textShadow: X,
package/dist/list.css-mistica.js CHANGED
@@ -21,37 +21,43 @@ _export(exports, {
21
21
  content: function() {
22
22
  return a;
23
23
  },
24
- disabled: function() {
24
+ detail: function() {
25
25
  return r;
26
26
  },
27
- dualActionContainer: function() {
27
+ detailRight: function() {
28
+ return t;
29
+ },
30
+ disabled: function() {
28
31
  return o;
29
32
  },
33
+ dualActionContainer: function() {
34
+ return i;
35
+ },
30
36
  dualActionDivider: function() {
31
- return t;
37
+ return e;
32
38
  },
33
39
  dualActionLeft: function() {
34
- return i;
40
+ return d;
35
41
  },
36
42
  dualActionRight: function() {
37
- return e;
43
+ return g;
38
44
  },
39
45
  hoverBackground: function() {
40
- return d;
46
+ return u;
41
47
  },
42
48
  pointer: function() {
43
- return g;
49
+ return b;
44
50
  },
45
51
  right: function() {
46
- return u;
52
+ return l;
47
53
  },
48
54
  rowBody: function() {
49
- return b;
55
+ return j;
50
56
  },
51
57
  rowContent: function() {
52
- return l;
58
+ return c;
53
59
  }
54
60
  });
55
61
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
56
62
  require("./list.css.ts.vanilla.css-mistica.js");
57
- var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9g0", o = "_1y2v1nf64 _1y2v1nf69", t = "_2buj9gi _1y2v1nf64", i = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", e = "_2buj9gk _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", d = "_2buj9g1", g = "_1y2v1nfar", u = "_2buj9gb", b = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", l = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y";
63
+ var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9gd", t = "_2buj9gc", o = "_2buj9g0", i = "_1y2v1nf64 _1y2v1nf69 _1y2v1nf8w", e = "_2buj9gk _1y2v1nf64", d = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", g = "_2buj9gm _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", u = "_2buj9g1", b = "_1y2v1nfar", l = "_2buj9gb", j = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", c = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y _1y2v1nf66 _1y2v1nf8w";
package/dist/list.css.d.ts CHANGED
@@ -9,6 +9,8 @@ export declare const center: string;
9
9
  export declare const badge: string;
10
10
  export declare const control: string;
11
11
  export declare const right: string;
12
+ export declare const detailRight: string;
13
+ export declare const detail: string;
12
14
  export declare const centeredControl: string;
13
15
  export declare const dualActionContainer: string;
14
16
  export declare const dualActionLeft: string;
package/dist/list.d.ts CHANGED
@@ -11,6 +11,7 @@ interface CommonProps {
11
11
  subtitleLinesMax?: number;
12
12
  description?: string | null;
13
13
  descriptionLinesMax?: number;
14
+ detail?: string;
14
15
  asset?: React.ReactNode;
15
16
  badge?: boolean | number;
16
17
  role?: string;