newskit 7.1.0 → 7.2.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 (131) hide show
  1. package/cjs/assistive-text/assistive-text.js +1 -1
  2. package/cjs/assistive-text/assistive-text.js.map +1 -1
  3. package/cjs/card/style-presets.d.ts.map +1 -1
  4. package/cjs/card/style-presets.js +0 -6
  5. package/cjs/card/style-presets.js.map +1 -1
  6. package/cjs/card-composable/card-composable.d.ts +97 -0
  7. package/cjs/card-composable/card-composable.d.ts.map +1 -0
  8. package/cjs/card-composable/card-composable.js +93 -0
  9. package/cjs/card-composable/card-composable.js.map +1 -0
  10. package/cjs/card-composable/context.d.ts +8 -0
  11. package/cjs/card-composable/context.d.ts.map +1 -0
  12. package/cjs/card-composable/context.js +18 -0
  13. package/cjs/card-composable/context.js.map +1 -0
  14. package/cjs/card-composable/defaults.d.ts +12 -0
  15. package/cjs/card-composable/defaults.d.ts.map +1 -0
  16. package/cjs/card-composable/defaults.js +13 -0
  17. package/cjs/card-composable/defaults.js.map +1 -0
  18. package/cjs/card-composable/index.d.ts +3 -0
  19. package/cjs/card-composable/index.d.ts.map +1 -0
  20. package/cjs/card-composable/index.js +14 -0
  21. package/cjs/card-composable/index.js.map +1 -0
  22. package/cjs/card-composable/style-presets.d.ts +4 -0
  23. package/cjs/card-composable/style-presets.d.ts.map +1 -0
  24. package/cjs/card-composable/style-presets.js +4 -0
  25. package/cjs/card-composable/style-presets.js.map +1 -0
  26. package/cjs/card-composable/styled.d.ts +143 -0
  27. package/cjs/card-composable/styled.d.ts.map +1 -0
  28. package/cjs/card-composable/styled.js +25 -0
  29. package/cjs/card-composable/styled.js.map +1 -0
  30. package/cjs/card-composable/types.d.ts +26 -0
  31. package/cjs/card-composable/types.d.ts.map +1 -0
  32. package/cjs/card-composable/types.js +3 -0
  33. package/cjs/card-composable/types.js.map +1 -0
  34. package/cjs/date-time/date-time.d.ts +1 -1
  35. package/cjs/date-time/date-time.d.ts.map +1 -1
  36. package/cjs/date-time/date-time.js +12 -5
  37. package/cjs/date-time/date-time.js.map +1 -1
  38. package/cjs/date-time/types.d.ts +1 -0
  39. package/cjs/date-time/types.d.ts.map +1 -1
  40. package/cjs/form/context.d.ts +2 -18
  41. package/cjs/form/context.d.ts.map +1 -1
  42. package/cjs/form/utils.d.ts +2 -2
  43. package/cjs/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
  44. package/cjs/icons/filled/custom/icon-filled-figma.js +5 -5
  45. package/cjs/icons/filled/custom/icon-filled-figma.js.map +1 -1
  46. package/cjs/icons/filled/custom/index.d.ts +7 -7
  47. package/cjs/icons/filled/custom/index.d.ts.map +1 -1
  48. package/cjs/icons/filled/custom/index.js +7 -7
  49. package/cjs/icons/filled/custom/index.js.map +1 -1
  50. package/cjs/icons/filled/material/icon-filled-control-point.d.ts +2 -0
  51. package/cjs/icons/filled/material/icon-filled-control-point.js +11 -0
  52. package/cjs/icons/filled/material/index.d.ts +1 -0
  53. package/cjs/icons/filled/material/index.js +4 -2
  54. package/cjs/icons/outlined/material/icon-outlined-control-point.d.ts +2 -0
  55. package/cjs/icons/outlined/material/icon-outlined-control-point.js +11 -0
  56. package/cjs/icons/outlined/material/index.d.ts +1 -0
  57. package/cjs/icons/outlined/material/index.js +4 -2
  58. package/cjs/index.d.ts +1 -0
  59. package/cjs/index.d.ts.map +1 -1
  60. package/cjs/index.js +1 -0
  61. package/cjs/index.js.map +1 -1
  62. package/cjs/theme/foundations/colors.js +1 -1
  63. package/cjs/theme/presets/style-presets.js +6 -0
  64. package/cjs/theme/presets/style-presets.js.map +1 -1
  65. package/cjs/version-number.json +1 -1
  66. package/esm/assistive-text/assistive-text.js +1 -1
  67. package/esm/assistive-text/assistive-text.js.map +1 -1
  68. package/esm/card/style-presets.d.ts.map +1 -1
  69. package/esm/card/style-presets.js +0 -6
  70. package/esm/card/style-presets.js.map +1 -1
  71. package/esm/card-composable/card-composable.d.ts +97 -0
  72. package/esm/card-composable/card-composable.d.ts.map +1 -0
  73. package/esm/card-composable/card-composable.js +68 -0
  74. package/esm/card-composable/card-composable.js.map +1 -0
  75. package/esm/card-composable/context.d.ts +8 -0
  76. package/esm/card-composable/context.d.ts.map +1 -0
  77. package/esm/card-composable/context.js +14 -0
  78. package/esm/card-composable/context.js.map +1 -0
  79. package/esm/card-composable/defaults.d.ts +12 -0
  80. package/esm/card-composable/defaults.d.ts.map +1 -0
  81. package/esm/card-composable/defaults.js +11 -0
  82. package/esm/card-composable/defaults.js.map +1 -0
  83. package/esm/card-composable/index.d.ts +3 -0
  84. package/esm/card-composable/index.d.ts.map +1 -0
  85. package/esm/card-composable/index.js +2 -0
  86. package/esm/card-composable/index.js.map +1 -0
  87. package/esm/card-composable/style-presets.d.ts +4 -0
  88. package/esm/card-composable/style-presets.d.ts.map +1 -0
  89. package/esm/card-composable/style-presets.js +2 -0
  90. package/esm/card-composable/style-presets.js.map +1 -0
  91. package/esm/card-composable/styled.d.ts +143 -0
  92. package/esm/card-composable/styled.d.ts.map +1 -0
  93. package/esm/card-composable/styled.js +22 -0
  94. package/esm/card-composable/styled.js.map +1 -0
  95. package/esm/card-composable/types.d.ts +26 -0
  96. package/esm/card-composable/types.d.ts.map +1 -0
  97. package/esm/card-composable/types.js +2 -0
  98. package/esm/card-composable/types.js.map +1 -0
  99. package/esm/date-time/date-time.d.ts +1 -1
  100. package/esm/date-time/date-time.d.ts.map +1 -1
  101. package/esm/date-time/date-time.js +12 -5
  102. package/esm/date-time/date-time.js.map +1 -1
  103. package/esm/date-time/types.d.ts +1 -0
  104. package/esm/date-time/types.d.ts.map +1 -1
  105. package/esm/form/context.d.ts +2 -18
  106. package/esm/form/context.d.ts.map +1 -1
  107. package/esm/form/utils.d.ts +2 -2
  108. package/esm/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
  109. package/esm/icons/filled/custom/icon-filled-figma.js +5 -5
  110. package/esm/icons/filled/custom/icon-filled-figma.js.map +1 -1
  111. package/esm/icons/filled/custom/index.d.ts +7 -7
  112. package/esm/icons/filled/custom/index.d.ts.map +1 -1
  113. package/esm/icons/filled/custom/index.js +7 -7
  114. package/esm/icons/filled/custom/index.js.map +1 -1
  115. package/esm/icons/filled/material/icon-filled-control-point.d.ts +2 -0
  116. package/esm/icons/filled/material/icon-filled-control-point.js +8 -0
  117. package/esm/icons/filled/material/index.d.ts +1 -0
  118. package/esm/icons/filled/material/index.js +1 -0
  119. package/esm/icons/outlined/material/icon-outlined-control-point.d.ts +2 -0
  120. package/esm/icons/outlined/material/icon-outlined-control-point.js +8 -0
  121. package/esm/icons/outlined/material/index.d.ts +1 -0
  122. package/esm/icons/outlined/material/index.js +1 -0
  123. package/esm/index.d.ts +1 -0
  124. package/esm/index.d.ts.map +1 -1
  125. package/esm/index.js +1 -0
  126. package/esm/index.js.map +1 -1
  127. package/esm/theme/foundations/colors.js +1 -1
  128. package/esm/theme/presets/style-presets.js +6 -0
  129. package/esm/theme/presets/style-presets.js.map +1 -1
  130. package/esm/version-number.json +1 -1
  131. package/package.json +2 -2
@@ -37,7 +37,7 @@ var ThemelessAssistiveText = react_1.default.forwardRef(function (_a, ref) {
37
37
  var overrides = _a.overrides, _b = _a.size, size = _b === void 0 ? 'medium' : _b, state = _a.state, children = _a.children, startEnhancer = _a.startEnhancer, endEnhancer = _a.endEnhancer, props = __rest(_a, ["overrides", "size", "state", "children", "startEnhancer", "endEnhancer"]);
38
38
  var enhancersOverrides = (0, logical_properties_1.omitLogicalPaddingPropsFromOverrides)(overrides);
39
39
  var textBlockOverrides = (0, logical_properties_1.omitLogicalMarginPropsFromOverrides)(overrides);
40
- return (react_1.default.createElement(with_enhancers_1.WithEnhancers, { componentDefaultsPath: "assistiveText.".concat(size), overrides: enhancersOverrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer, marginPosition: "inside", alignSelf: "start" }, children && (react_1.default.createElement(styled_1.StyledAssistiveText, __assign({ ref: ref, "aria-disabled": state === 'disabled' ? true : undefined, size: size, state: state, role: state === 'invalid' ? 'alert' : undefined, "aria-live": state === 'invalid' ? 'polite' : undefined }, textBlockOverrides, props), children))));
40
+ return (react_1.default.createElement(with_enhancers_1.WithEnhancers, { componentDefaultsPath: "assistiveText.".concat(size), overrides: enhancersOverrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer, marginPosition: "inside", alignSelf: "start" }, children && (react_1.default.createElement(styled_1.StyledAssistiveText, __assign({ ref: ref, "aria-disabled": state === 'disabled' ? true : undefined, size: size, state: state, role: state === 'invalid' ? 'alert' : undefined, "aria-live": state === 'invalid' ? 'polite' : undefined, overrides: textBlockOverrides }, props), children))));
41
41
  });
42
42
  exports.AssistiveText = (0, with_own_theme_1.withOwnTheme)(ThemelessAssistiveText)({
43
43
  defaults: defaults_1.default,
@@ -1 +1 @@
1
- {"version":3,"file":"assistive-text.js","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,mCAA6C;AAC7C,mEAA+D;AAE/D,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,kEAGqC;AAErC,IAAM,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAI7C,UACE,EAQC,EACD,GAAG;IARD,IAAA,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,WAAW,iBAAA,EACR,KAAK,cAPV,0EAQC,CADS;IAIV,IAAM,kBAAkB,GAAG,IAAA,yDAAoC,EAAC,SAAS,CAAC,CAAC;IAC3E,IAAM,kBAAkB,GAAG,IAAA,wDAAmC,EAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,8BAAC,8BAAa,IACZ,qBAAqB,EAAE,wBAAiB,IAAI,CAAE,EAC9C,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO,IAEhB,QAAQ,IAAI,CACX,8BAAC,4BAAmB,aAClB,GAAG,EAAE,GAAG,mBACO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,eACpC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACjD,kBAAkB,EAClB,KAAK,GAER,QAAQ,CACW,CACvB,CACa,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,6BAAY,EAAC,sBAAsB,CAAC,CAAC;IAChE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
1
+ {"version":3,"file":"assistive-text.js","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,mCAA6C;AAC7C,mEAA+D;AAE/D,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,kEAGqC;AAErC,IAAM,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAI7C,UACE,EAQC,EACD,GAAG;IARD,IAAA,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,WAAW,iBAAA,EACR,KAAK,cAPV,0EAQC,CADS;IAIV,IAAM,kBAAkB,GAAG,IAAA,yDAAoC,EAAC,SAAS,CAAC,CAAC;IAC3E,IAAM,kBAAkB,GAAG,IAAA,wDAAmC,EAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,8BAAC,8BAAa,IACZ,qBAAqB,EAAE,wBAAiB,IAAI,CAAE,EAC9C,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO,IAEhB,QAAQ,IAAI,CACX,8BAAC,4BAAmB,aAClB,GAAG,EAAE,GAAG,mBACO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,eACpC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAE,kBAAkB,IACzB,KAAK,GAER,QAAQ,CACW,CACvB,CACa,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,6BAAY,EAAC,sBAAsB,CAAC,CAAC;IAChE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/card/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBA0CiC"}
1
+ {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/card/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBAoCiC"}
@@ -2,12 +2,6 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var default_focus_visible_1 = require("../utils/default-focus-visible");
4
4
  exports.default = {
5
- cardContainer: {
6
- base: {
7
- color: '{{colors.inkBase}}',
8
- backgroundColor: '{{colors.interface010}}',
9
- },
10
- },
11
5
  headlineHeadingInteractive: {
12
6
  base: {
13
7
  color: '{{colors.inkContrast}}',
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/card/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,KAAK,EAAE,oBAAoB;YAC3B,eAAe,EAAE,yBAAyB;SAC3C;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,KAAK,EAAE,wBAAwB;SAChC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;SAC1C;KACF;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;SAC1C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;SAC1C;KACF;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,2CAAmB;KACrC;CAC6B,CAAC"}
1
+ {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/card/style-presets.ts"],"names":[],"mappings":";;AACA,wEAAmE;AAEnE,kBAAe;IACb,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,KAAK,EAAE,wBAAwB;SAChC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;SAC1C;KACF;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;SAC1C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;SAC1C;KACF;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,2CAAmB;KACrC;CAC6B,CAAC"}
@@ -0,0 +1,97 @@
1
+ import * as React from 'react';
2
+ import { CardMediaProps } from './types';
3
+ export declare const CardComposable: import("../utils/with-own-theme").NewsKitReactComponents<{
4
+ rowGap?: import("..").MQ<string> | undefined;
5
+ columnGap?: import("..").MQ<string> | undefined;
6
+ rows?: import("..").MQ<string> | undefined;
7
+ columns?: import("..").MQ<string> | undefined;
8
+ justifyContent?: import("..").MQ<string> | undefined;
9
+ alignContent?: import("..").MQ<string> | undefined;
10
+ justifyItems?: import("..").MQ<string> | undefined;
11
+ alignItems?: import("..").MQ<string> | undefined;
12
+ areas?: import("..").MQ<string> | undefined;
13
+ inline?: import("..").MQ<boolean> | undefined;
14
+ autoColumns?: import("..").MQ<string> | undefined;
15
+ autoRows?: import("..").MQ<string> | undefined;
16
+ autoFlow?: import("..").MQ<string> | undefined;
17
+ children?: React.ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
18
+ as?: React.ElementType<any> | undefined;
19
+ overrides?: ({
20
+ width?: import("..").MQ<string> | undefined;
21
+ minWidth?: import("..").MQ<string> | undefined;
22
+ maxWidth?: import("..").MQ<string> | undefined;
23
+ height?: import("..").MQ<string> | undefined;
24
+ minHeight?: import("..").MQ<string> | undefined;
25
+ maxHeight?: import("..").MQ<string> | undefined;
26
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
27
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
28
+ overrides?: {
29
+ stylePreset?: import("..").MQ<string> | undefined;
30
+ transitionPreset?: import("../theme").TransitionToken | import("../theme").TransitionToken[] | undefined;
31
+ } | undefined;
32
+ } & React.RefAttributes<HTMLDivElement>>;
33
+ export declare const CardMedia: React.ForwardRefExoticComponent<CardMediaProps & React.RefAttributes<HTMLDivElement>>;
34
+ export declare const CardContent: React.ForwardRefExoticComponent<{
35
+ rowGap?: import("..").MQ<string> | undefined;
36
+ columnGap?: import("..").MQ<string> | undefined;
37
+ rows?: import("..").MQ<string> | undefined;
38
+ columns?: import("..").MQ<string> | undefined;
39
+ justifyContent?: import("..").MQ<string> | undefined;
40
+ alignContent?: import("..").MQ<string> | undefined;
41
+ justifyItems?: import("..").MQ<string> | undefined;
42
+ alignItems?: import("..").MQ<string> | undefined;
43
+ areas?: import("..").MQ<string> | undefined;
44
+ inline?: import("..").MQ<boolean> | undefined;
45
+ autoColumns?: import("..").MQ<string> | undefined;
46
+ autoRows?: import("..").MQ<string> | undefined;
47
+ autoFlow?: import("..").MQ<string> | undefined;
48
+ children?: React.ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
49
+ as?: React.ElementType<any> | undefined;
50
+ overrides?: ({
51
+ width?: import("..").MQ<string> | undefined;
52
+ minWidth?: import("..").MQ<string> | undefined;
53
+ maxWidth?: import("..").MQ<string> | undefined;
54
+ height?: import("..").MQ<string> | undefined;
55
+ minHeight?: import("..").MQ<string> | undefined;
56
+ maxHeight?: import("..").MQ<string> | undefined;
57
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
58
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
59
+ overrides?: {
60
+ stylePreset?: import("..").MQ<string> | undefined;
61
+ transitionPreset?: import("../theme").TransitionToken | import("../theme").TransitionToken[] | undefined;
62
+ } | undefined;
63
+ } & React.RefAttributes<HTMLDivElement>>;
64
+ export declare const CardActions: React.ForwardRefExoticComponent<{
65
+ rowGap?: import("..").MQ<string> | undefined;
66
+ columnGap?: import("..").MQ<string> | undefined;
67
+ rows?: import("..").MQ<string> | undefined;
68
+ columns?: import("..").MQ<string> | undefined;
69
+ justifyContent?: import("..").MQ<string> | undefined;
70
+ alignContent?: import("..").MQ<string> | undefined;
71
+ justifyItems?: import("..").MQ<string> | undefined;
72
+ alignItems?: import("..").MQ<string> | undefined;
73
+ areas?: import("..").MQ<string> | undefined;
74
+ inline?: import("..").MQ<boolean> | undefined;
75
+ autoColumns?: import("..").MQ<string> | undefined;
76
+ autoRows?: import("..").MQ<string> | undefined;
77
+ autoFlow?: import("..").MQ<string> | undefined;
78
+ children?: React.ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
79
+ as?: React.ElementType<any> | undefined;
80
+ overrides?: ({
81
+ width?: import("..").MQ<string> | undefined;
82
+ minWidth?: import("..").MQ<string> | undefined;
83
+ maxWidth?: import("..").MQ<string> | undefined;
84
+ height?: import("..").MQ<string> | undefined;
85
+ minHeight?: import("..").MQ<string> | undefined;
86
+ maxHeight?: import("..").MQ<string> | undefined;
87
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
88
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
89
+ overrides?: {
90
+ stylePreset?: import("..").MQ<string> | undefined;
91
+ transitionPreset?: import("../theme").TransitionToken | import("../theme").TransitionToken[] | undefined;
92
+ } | undefined;
93
+ } & React.RefAttributes<HTMLDivElement>>;
94
+ export declare const CardLink: React.ForwardRefExoticComponent<import("..").LinkProps & {
95
+ expand?: boolean | undefined;
96
+ } & React.RefAttributes<HTMLAnchorElement>>;
97
+ //# sourceMappingURL=card-composable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card-composable.d.ts","sourceRoot":"","sources":["../../../src/card-composable/card-composable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAEL,cAAc,EAKf,MAAM,SAAS,CAAC;AA4CjB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAGzB,CAAC;AAEH,eAAO,MAAM,SAAS,uFAerB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkBvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;2CAKpB,CAAC"}
@@ -0,0 +1,93 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
32
+ var __rest = (this && this.__rest) || function (s, e) {
33
+ var t = {};
34
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
+ t[p] = s[p];
36
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
+ t[p[i]] = s[p[i]];
40
+ }
41
+ return t;
42
+ };
43
+ var __importDefault = (this && this.__importDefault) || function (mod) {
44
+ return (mod && mod.__esModule) ? mod : { "default": mod };
45
+ };
46
+ Object.defineProperty(exports, "__esModule", { value: true });
47
+ exports.CardLink = exports.CardActions = exports.CardContent = exports.CardMedia = exports.CardComposable = void 0;
48
+ var React = __importStar(require("react"));
49
+ var image_1 = require("../image");
50
+ var styled_1 = require("./styled");
51
+ var theme_1 = require("../theme");
52
+ var filter_object_1 = require("../utils/filter-object");
53
+ var with_own_theme_1 = require("../utils/with-own-theme");
54
+ var defaults_1 = __importDefault(require("./defaults"));
55
+ var style_presets_1 = __importDefault(require("./style-presets"));
56
+ var context_1 = require("./context");
57
+ var useGetOverrides = function (_a, componentName) {
58
+ var overrides = _a.overrides;
59
+ var theme = (0, theme_1.useTheme)();
60
+ return __assign(__assign({}, theme.componentDefaults[componentName]), (0, filter_object_1.filterOutFalsyProperties)(overrides));
61
+ };
62
+ var defaultAreas = "\n media\n content\n actions\n ";
63
+ var ThemelessCardComposable = React.forwardRef(function (_a, ref) {
64
+ var children = _a.children, _b = _a.areas, areas = _b === void 0 ? defaultAreas : _b, props = __rest(_a, ["children", "areas"]);
65
+ var overrides = useGetOverrides(props, 'cardComposable');
66
+ return (React.createElement(context_1.CardProvider, { value: { useAreas: Boolean(areas) } },
67
+ React.createElement(styled_1.StyledCard, __assign({ ref: ref, areas: areas }, props, { overrides: overrides }), children)));
68
+ });
69
+ exports.CardComposable = (0, with_own_theme_1.withOwnTheme)(ThemelessCardComposable)({
70
+ defaults: defaults_1.default,
71
+ stylePresets: style_presets_1.default,
72
+ });
73
+ exports.CardMedia = React.forwardRef(function (_a, ref) {
74
+ var media = _a.media, children = _a.children, props = __rest(_a, ["media", "children"]);
75
+ var useAreas = (0, context_1.useCardContext)().useAreas;
76
+ var overrides = useGetOverrides(props, 'cardMedia');
77
+ return (React.createElement(styled_1.StyledMedia, __assign({ ref: ref, areaName: useAreas ? 'media' : undefined, overrides: overrides }, props), children || React.createElement(image_1.Image, __assign({ alt: "" }, media))));
78
+ });
79
+ exports.CardContent = React.forwardRef(function (props, ref) {
80
+ var useAreas = (0, context_1.useCardContext)().useAreas;
81
+ var overrides = useGetOverrides(props, 'cardContent');
82
+ return (React.createElement(styled_1.StyledContent, __assign({ ref: ref, areaName: useAreas ? 'content' : undefined, justifyItems: "start", alignItems: "start", overrides: overrides }, props)));
83
+ });
84
+ exports.CardActions = React.forwardRef(function (props, ref) {
85
+ var useAreas = (0, context_1.useCardContext)().useAreas;
86
+ var overrides = useGetOverrides(props, 'cardActions');
87
+ return (React.createElement(styled_1.StyledActions, __assign({ ref: ref, areaName: useAreas ? 'actions' : undefined, justifyContent: "start", alignItems: "start", overrides: overrides }, props)));
88
+ });
89
+ exports.CardLink = React.forwardRef(function (props, ref) {
90
+ var overrides = useGetOverrides(props, 'cardLink');
91
+ return React.createElement(styled_1.StyledLink, __assign({ ref: ref, overrides: overrides }, props));
92
+ });
93
+ //# sourceMappingURL=card-composable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card-composable.js","sourceRoot":"","sources":["../../../src/card-composable/card-composable.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare const CardProvider: import("react").Provider<{
3
+ useAreas: boolean;
4
+ }>;
5
+ export declare const useCardContext: () => {
6
+ useAreas: boolean;
7
+ };
8
+ //# sourceMappingURL=context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/card-composable/context.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;EAAuB,CAAC;AAEjD,eAAO,MAAM,cAAc;;CAe1B,CAAC"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useCardContext = exports.CardProvider = void 0;
4
+ var react_1 = require("react");
5
+ var CardContext = (0, react_1.createContext)({ useAreas: false });
6
+ exports.CardProvider = CardContext.Provider;
7
+ var useCardContext = function () {
8
+ var context = (0, react_1.useContext)(CardContext);
9
+ /* istanbul ignore if */
10
+ if (process.env.NODE_ENV !== 'production' &&
11
+ Object.keys(context).length === 0) {
12
+ // eslint-disable-next-line no-console
13
+ console.error('You are using a component which needs to be a child of <CardComposable />');
14
+ }
15
+ return context;
16
+ };
17
+ exports.useCardContext = useCardContext;
18
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/card-composable/context.ts"],"names":[],"mappings":";;;AAAA,+BAAgD;AAEhD,IAAM,WAAW,GAAG,IAAA,qBAAa,EAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;AAExC,QAAA,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC;AAE1C,IAAM,cAAc,GAAG;IAC5B,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAC;IAExC,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2EAA2E,CAC5E,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB"}
@@ -0,0 +1,12 @@
1
+ declare const _default: {
2
+ cardComposable: {
3
+ stylePreset: string;
4
+ transitionPreset: string;
5
+ };
6
+ cardMedia: {};
7
+ cardContent: {};
8
+ cardActions: {};
9
+ cardLink: {};
10
+ };
11
+ export default _default;
12
+ //# sourceMappingURL=defaults.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/card-composable/defaults.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wBASE"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {
4
+ cardComposable: {
5
+ stylePreset: 'cardContainer',
6
+ transitionPreset: 'backgroundColorChange',
7
+ },
8
+ cardMedia: {},
9
+ cardContent: {},
10
+ cardActions: {},
11
+ cardLink: {},
12
+ };
13
+ //# sourceMappingURL=defaults.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/card-composable/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,cAAc,EAAE;QACd,WAAW,EAAE,eAAe;QAC5B,gBAAgB,EAAE,uBAAuB;KAC1C;IACD,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,EAAE;CACb,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './card-composable';
2
+ export type { CardComposableProps, CardMediaProps, CardContentProps, CardActionsProps, CardLinkProps, } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/card-composable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,GACd,MAAM,SAAS,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
12
+ Object.defineProperty(exports, "__esModule", { value: true });
13
+ __exportStar(require("./card-composable"), exports);
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card-composable/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oDAAkC"}
@@ -0,0 +1,4 @@
1
+ import { StylePreset } from '../theme/types';
2
+ declare const _default: Record<string, StylePreset>;
3
+ export default _default;
4
+ //# sourceMappingURL=style-presets.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/card-composable/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAAiD"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {};
4
+ //# sourceMappingURL=style-presets.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/card-composable/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe,EAAiC,CAAC"}
@@ -0,0 +1,143 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledCard: import("@emotion/styled").StyledComponent<{
3
+ rowGap?: import("../utils/style").MQ<string> | undefined;
4
+ columnGap?: import("../utils/style").MQ<string> | undefined;
5
+ rows?: import("../utils/style").MQ<string> | undefined;
6
+ columns?: import("../utils/style").MQ<string> | undefined;
7
+ justifyContent?: import("../utils/style").MQ<string> | undefined;
8
+ alignContent?: import("../utils/style").MQ<string> | undefined;
9
+ justifyItems?: import("../utils/style").MQ<string> | undefined;
10
+ alignItems?: import("../utils/style").MQ<string> | undefined;
11
+ areas?: import("../utils/style").MQ<string> | undefined;
12
+ inline?: import("../utils/style").MQ<boolean> | undefined;
13
+ autoColumns?: import("../utils/style").MQ<string> | undefined;
14
+ autoRows?: import("../utils/style").MQ<string> | undefined;
15
+ autoFlow?: import("../utils/style").MQ<string> | undefined;
16
+ children?: import("react").ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
17
+ as?: import("react").ElementType<any> | undefined;
18
+ overrides?: ({
19
+ width?: import("../utils/style").MQ<string> | undefined;
20
+ minWidth?: import("../utils/style").MQ<string> | undefined;
21
+ maxWidth?: import("../utils/style").MQ<string> | undefined;
22
+ height?: import("../utils/style").MQ<string> | undefined;
23
+ minHeight?: import("../utils/style").MQ<string> | undefined;
24
+ maxHeight?: import("../utils/style").MQ<string> | undefined;
25
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
26
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
27
+ theme?: import("@emotion/react").Theme | undefined;
28
+ } & {
29
+ overrides?: {
30
+ stylePreset?: import("../utils/style").MQ<string> | undefined;
31
+ transitionPreset?: import("..").TransitionToken | import("..").TransitionToken[] | undefined;
32
+ } | undefined;
33
+ } & {
34
+ areaName?: string | undefined;
35
+ }, {}, {}>;
36
+ export declare const StyledMedia: import("@emotion/styled").StyledComponent<{
37
+ rowGap?: import("../utils/style").MQ<string> | undefined;
38
+ columnGap?: import("../utils/style").MQ<string> | undefined;
39
+ rows?: import("../utils/style").MQ<string> | undefined;
40
+ columns?: import("../utils/style").MQ<string> | undefined;
41
+ justifyContent?: import("../utils/style").MQ<string> | undefined;
42
+ alignContent?: import("../utils/style").MQ<string> | undefined;
43
+ justifyItems?: import("../utils/style").MQ<string> | undefined;
44
+ alignItems?: import("../utils/style").MQ<string> | undefined;
45
+ areas?: import("../utils/style").MQ<string> | undefined;
46
+ inline?: import("../utils/style").MQ<boolean> | undefined;
47
+ autoColumns?: import("../utils/style").MQ<string> | undefined;
48
+ autoRows?: import("../utils/style").MQ<string> | undefined;
49
+ autoFlow?: import("../utils/style").MQ<string> | undefined;
50
+ children?: import("react").ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
51
+ as?: import("react").ElementType<any> | undefined;
52
+ overrides?: ({
53
+ width?: import("../utils/style").MQ<string> | undefined;
54
+ minWidth?: import("../utils/style").MQ<string> | undefined;
55
+ maxWidth?: import("../utils/style").MQ<string> | undefined;
56
+ height?: import("../utils/style").MQ<string> | undefined;
57
+ minHeight?: import("../utils/style").MQ<string> | undefined;
58
+ maxHeight?: import("../utils/style").MQ<string> | undefined;
59
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
60
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
61
+ theme?: import("@emotion/react").Theme | undefined;
62
+ } & {
63
+ overrides?: {
64
+ stylePreset?: import("../utils/style").MQ<string> | undefined;
65
+ transitionPreset?: import("..").TransitionToken | import("..").TransitionToken[] | undefined;
66
+ } | undefined;
67
+ } & {
68
+ areaName?: string | undefined;
69
+ }, {}, {}>;
70
+ export declare const StyledContent: import("@emotion/styled").StyledComponent<{
71
+ rowGap?: import("../utils/style").MQ<string> | undefined;
72
+ columnGap?: import("../utils/style").MQ<string> | undefined;
73
+ rows?: import("../utils/style").MQ<string> | undefined;
74
+ columns?: import("../utils/style").MQ<string> | undefined;
75
+ justifyContent?: import("../utils/style").MQ<string> | undefined;
76
+ alignContent?: import("../utils/style").MQ<string> | undefined;
77
+ justifyItems?: import("../utils/style").MQ<string> | undefined;
78
+ alignItems?: import("../utils/style").MQ<string> | undefined;
79
+ areas?: import("../utils/style").MQ<string> | undefined;
80
+ inline?: import("../utils/style").MQ<boolean> | undefined;
81
+ autoColumns?: import("../utils/style").MQ<string> | undefined;
82
+ autoRows?: import("../utils/style").MQ<string> | undefined;
83
+ autoFlow?: import("../utils/style").MQ<string> | undefined;
84
+ children?: import("react").ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
85
+ as?: import("react").ElementType<any> | undefined;
86
+ overrides?: ({
87
+ width?: import("../utils/style").MQ<string> | undefined;
88
+ minWidth?: import("../utils/style").MQ<string> | undefined;
89
+ maxWidth?: import("../utils/style").MQ<string> | undefined;
90
+ height?: import("../utils/style").MQ<string> | undefined;
91
+ minHeight?: import("../utils/style").MQ<string> | undefined;
92
+ maxHeight?: import("../utils/style").MQ<string> | undefined;
93
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
94
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
95
+ theme?: import("@emotion/react").Theme | undefined;
96
+ } & {
97
+ overrides?: {
98
+ stylePreset?: import("../utils/style").MQ<string> | undefined;
99
+ transitionPreset?: import("..").TransitionToken | import("..").TransitionToken[] | undefined;
100
+ } | undefined;
101
+ } & {
102
+ areaName?: string | undefined;
103
+ }, {}, {}>;
104
+ export declare const StyledActions: import("@emotion/styled").StyledComponent<{
105
+ rowGap?: import("../utils/style").MQ<string> | undefined;
106
+ columnGap?: import("../utils/style").MQ<string> | undefined;
107
+ rows?: import("../utils/style").MQ<string> | undefined;
108
+ columns?: import("../utils/style").MQ<string> | undefined;
109
+ justifyContent?: import("../utils/style").MQ<string> | undefined;
110
+ alignContent?: import("../utils/style").MQ<string> | undefined;
111
+ justifyItems?: import("../utils/style").MQ<string> | undefined;
112
+ alignItems?: import("../utils/style").MQ<string> | undefined;
113
+ areas?: import("../utils/style").MQ<string> | undefined;
114
+ inline?: import("../utils/style").MQ<boolean> | undefined;
115
+ autoColumns?: import("../utils/style").MQ<string> | undefined;
116
+ autoRows?: import("../utils/style").MQ<string> | undefined;
117
+ autoFlow?: import("../utils/style").MQ<string> | undefined;
118
+ children?: import("react").ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
119
+ as?: import("react").ElementType<any> | undefined;
120
+ overrides?: ({
121
+ width?: import("../utils/style").MQ<string> | undefined;
122
+ minWidth?: import("../utils/style").MQ<string> | undefined;
123
+ maxWidth?: import("../utils/style").MQ<string> | undefined;
124
+ height?: import("../utils/style").MQ<string> | undefined;
125
+ minHeight?: import("../utils/style").MQ<string> | undefined;
126
+ maxHeight?: import("../utils/style").MQ<string> | undefined;
127
+ } & import("../utils/logical-properties").LogicalProps) | undefined;
128
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
129
+ theme?: import("@emotion/react").Theme | undefined;
130
+ } & {
131
+ overrides?: {
132
+ stylePreset?: import("../utils/style").MQ<string> | undefined;
133
+ transitionPreset?: import("..").TransitionToken | import("..").TransitionToken[] | undefined;
134
+ } | undefined;
135
+ } & {
136
+ areaName?: string | undefined;
137
+ }, {}, {}>;
138
+ export declare const StyledLink: import("@emotion/styled").StyledComponent<import("../link/types").InternalLinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
139
+ theme?: import("@emotion/react").Theme | undefined;
140
+ } & import("../link").LinkProps & {
141
+ expand?: boolean | undefined;
142
+ }, {}, {}>;
143
+ //# sourceMappingURL=styled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/card-composable/styled.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAEtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAa,CAAC;AACtC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAa,CAAC;AAExC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;UAYtB,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.StyledLink = exports.StyledActions = exports.StyledContent = exports.StyledMedia = exports.StyledCard = void 0;
8
+ var style_1 = require("../utils/style");
9
+ var grid_layout_1 = require("../grid-layout/grid-layout");
10
+ var link_1 = require("../link");
11
+ var StyledGrid = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), (0, style_1.getStylePreset)('', ''), (0, style_1.getTransitionPreset)('', ''), function (_a) {
12
+ var areaName = _a.areaName;
13
+ return areaName && "grid-area: ".concat(areaName, ";");
14
+ });
15
+ exports.StyledCard = (0, style_1.styled)(StyledGrid)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
16
+ exports.StyledMedia = StyledGrid;
17
+ exports.StyledContent = StyledGrid;
18
+ exports.StyledActions = (0, style_1.styled)(StyledGrid)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n z-index: 2;\n"], ["\n position: relative;\n z-index: 2;\n"])));
19
+ exports.StyledLink = (0, style_1.styled)(link_1.LinkStandalone)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-decoration: none;\n ", "\n"], ["\n text-decoration: none;\n ", "\n"])), function (_a) {
20
+ var expand = _a.expand;
21
+ return expand &&
22
+ "\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 1;\n }\n ";
23
+ });
24
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
25
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/card-composable/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,wCAA2E;AAE3E,0DAAsD;AAEtD,gCAAuC;AAMvC,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,iGAAuB,MACxD,EAAsB,OACtB,EAA2B,OAC3B,EAAqD,IACxD,KAHG,IAAA,sBAAc,EAAC,EAAE,EAAE,EAAE,CAAC,EACtB,IAAA,2BAAmB,EAAC,EAAE,EAAE,EAAE,CAAC,EAC3B,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,QAAQ,IAAI,qBAAc,QAAQ,MAAG;AAArC,CAAqC,CACxD,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,cAAM,EAAC,UAAU,CAAC,8FAAA,2BAE3C,KAAC;AAEW,QAAA,WAAW,GAAG,UAAU,CAAC;AACzB,QAAA,aAAa,GAAG,UAAU,CAAC;AAE3B,QAAA,aAAa,GAAG,IAAA,cAAM,EAAC,UAAU,CAAC,6GAAA,0CAG9C,KAAC;AAEW,QAAA,UAAU,GAAG,IAAA,cAAM,EAAC,qBAAc,CAAC,yGAAe,gCAE3D,EASC,IACJ,KAVG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,MAAM;QACN,kHAOC;AARD,CAQC,EACH"}
@@ -0,0 +1,26 @@
1
+ import { ReactNode } from 'react';
2
+ import { GridLayoutProps } from '../grid-layout/types';
3
+ import { ImageProps } from '../image';
4
+ import { MQ } from '../utils';
5
+ import { LinkProps } from '../link';
6
+ import { TransitionToken } from '../theme';
7
+ export declare type StylableGridLayout = GridLayoutProps & {
8
+ overrides?: {
9
+ stylePreset?: MQ<string>;
10
+ transitionPreset?: TransitionToken | TransitionToken[];
11
+ };
12
+ };
13
+ export declare type ComponentWithOverrides = {
14
+ overrides?: object;
15
+ };
16
+ export declare type CardComposableProps = StylableGridLayout;
17
+ export declare type CardMediaProps = {
18
+ media?: ImageProps;
19
+ children?: ReactNode;
20
+ };
21
+ export declare type CardContentProps = StylableGridLayout;
22
+ export declare type CardActionsProps = StylableGridLayout;
23
+ export declare type CardLinkProps = LinkProps & {
24
+ expand?: boolean;
25
+ };
26
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/card-composable/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,oBAAY,kBAAkB,GAAG,eAAe,GAAG;IACjD,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,kBAAkB,CAAC;AAErD,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,kBAAkB,CAAC;AAElD,oBAAY,gBAAgB,GAAG,kBAAkB,CAAC;AAElD,oBAAY,aAAa,GAAG,SAAS,GAAG;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/card-composable/types.ts"],"names":[],"mappings":""}
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { DateTimeProps } from './types';
3
- export declare const DateTime: import("../utils/with-own-theme").NewsKitReactComponents<DateTimeProps & React.RefAttributes<HTMLTimeElement>>;
3
+ export declare const DateTime: import("../utils/with-own-theme").NewsKitReactComponents<DateTimeProps & React.RefAttributes<HTMLSpanElement>>;
4
4
  //# sourceMappingURL=date-time.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAmFtC,eAAO,MAAM,QAAQ,gHAEnB,CAAC"}
1
+ {"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA8FtC,eAAO,MAAM,QAAQ,gHAEnB,CAAC"}