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.
- package/cjs/assistive-text/assistive-text.js +1 -1
- package/cjs/assistive-text/assistive-text.js.map +1 -1
- package/cjs/card/style-presets.d.ts.map +1 -1
- package/cjs/card/style-presets.js +0 -6
- package/cjs/card/style-presets.js.map +1 -1
- package/cjs/card-composable/card-composable.d.ts +97 -0
- package/cjs/card-composable/card-composable.d.ts.map +1 -0
- package/cjs/card-composable/card-composable.js +93 -0
- package/cjs/card-composable/card-composable.js.map +1 -0
- package/cjs/card-composable/context.d.ts +8 -0
- package/cjs/card-composable/context.d.ts.map +1 -0
- package/cjs/card-composable/context.js +18 -0
- package/cjs/card-composable/context.js.map +1 -0
- package/cjs/card-composable/defaults.d.ts +12 -0
- package/cjs/card-composable/defaults.d.ts.map +1 -0
- package/cjs/card-composable/defaults.js +13 -0
- package/cjs/card-composable/defaults.js.map +1 -0
- package/cjs/card-composable/index.d.ts +3 -0
- package/cjs/card-composable/index.d.ts.map +1 -0
- package/cjs/card-composable/index.js +14 -0
- package/cjs/card-composable/index.js.map +1 -0
- package/cjs/card-composable/style-presets.d.ts +4 -0
- package/cjs/card-composable/style-presets.d.ts.map +1 -0
- package/cjs/card-composable/style-presets.js +4 -0
- package/cjs/card-composable/style-presets.js.map +1 -0
- package/cjs/card-composable/styled.d.ts +143 -0
- package/cjs/card-composable/styled.d.ts.map +1 -0
- package/cjs/card-composable/styled.js +25 -0
- package/cjs/card-composable/styled.js.map +1 -0
- package/cjs/card-composable/types.d.ts +26 -0
- package/cjs/card-composable/types.d.ts.map +1 -0
- package/cjs/card-composable/types.js +3 -0
- package/cjs/card-composable/types.js.map +1 -0
- package/cjs/date-time/date-time.d.ts +1 -1
- package/cjs/date-time/date-time.d.ts.map +1 -1
- package/cjs/date-time/date-time.js +12 -5
- package/cjs/date-time/date-time.js.map +1 -1
- package/cjs/date-time/types.d.ts +1 -0
- package/cjs/date-time/types.d.ts.map +1 -1
- package/cjs/form/context.d.ts +2 -18
- package/cjs/form/context.d.ts.map +1 -1
- package/cjs/form/utils.d.ts +2 -2
- package/cjs/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
- package/cjs/icons/filled/custom/icon-filled-figma.js +5 -5
- package/cjs/icons/filled/custom/icon-filled-figma.js.map +1 -1
- package/cjs/icons/filled/custom/index.d.ts +7 -7
- package/cjs/icons/filled/custom/index.d.ts.map +1 -1
- package/cjs/icons/filled/custom/index.js +7 -7
- package/cjs/icons/filled/custom/index.js.map +1 -1
- package/cjs/icons/filled/material/icon-filled-control-point.d.ts +2 -0
- package/cjs/icons/filled/material/icon-filled-control-point.js +11 -0
- package/cjs/icons/filled/material/index.d.ts +1 -0
- package/cjs/icons/filled/material/index.js +4 -2
- package/cjs/icons/outlined/material/icon-outlined-control-point.d.ts +2 -0
- package/cjs/icons/outlined/material/icon-outlined-control-point.js +11 -0
- package/cjs/icons/outlined/material/index.d.ts +1 -0
- package/cjs/icons/outlined/material/index.js +4 -2
- package/cjs/index.d.ts +1 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +1 -0
- package/cjs/index.js.map +1 -1
- package/cjs/theme/foundations/colors.js +1 -1
- package/cjs/theme/presets/style-presets.js +6 -0
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/assistive-text/assistive-text.js +1 -1
- package/esm/assistive-text/assistive-text.js.map +1 -1
- package/esm/card/style-presets.d.ts.map +1 -1
- package/esm/card/style-presets.js +0 -6
- package/esm/card/style-presets.js.map +1 -1
- package/esm/card-composable/card-composable.d.ts +97 -0
- package/esm/card-composable/card-composable.d.ts.map +1 -0
- package/esm/card-composable/card-composable.js +68 -0
- package/esm/card-composable/card-composable.js.map +1 -0
- package/esm/card-composable/context.d.ts +8 -0
- package/esm/card-composable/context.d.ts.map +1 -0
- package/esm/card-composable/context.js +14 -0
- package/esm/card-composable/context.js.map +1 -0
- package/esm/card-composable/defaults.d.ts +12 -0
- package/esm/card-composable/defaults.d.ts.map +1 -0
- package/esm/card-composable/defaults.js +11 -0
- package/esm/card-composable/defaults.js.map +1 -0
- package/esm/card-composable/index.d.ts +3 -0
- package/esm/card-composable/index.d.ts.map +1 -0
- package/esm/card-composable/index.js +2 -0
- package/esm/card-composable/index.js.map +1 -0
- package/esm/card-composable/style-presets.d.ts +4 -0
- package/esm/card-composable/style-presets.d.ts.map +1 -0
- package/esm/card-composable/style-presets.js +2 -0
- package/esm/card-composable/style-presets.js.map +1 -0
- package/esm/card-composable/styled.d.ts +143 -0
- package/esm/card-composable/styled.d.ts.map +1 -0
- package/esm/card-composable/styled.js +22 -0
- package/esm/card-composable/styled.js.map +1 -0
- package/esm/card-composable/types.d.ts +26 -0
- package/esm/card-composable/types.d.ts.map +1 -0
- package/esm/card-composable/types.js +2 -0
- package/esm/card-composable/types.js.map +1 -0
- package/esm/date-time/date-time.d.ts +1 -1
- package/esm/date-time/date-time.d.ts.map +1 -1
- package/esm/date-time/date-time.js +12 -5
- package/esm/date-time/date-time.js.map +1 -1
- package/esm/date-time/types.d.ts +1 -0
- package/esm/date-time/types.d.ts.map +1 -1
- package/esm/form/context.d.ts +2 -18
- package/esm/form/context.d.ts.map +1 -1
- package/esm/form/utils.d.ts +2 -2
- package/esm/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
- package/esm/icons/filled/custom/icon-filled-figma.js +5 -5
- package/esm/icons/filled/custom/icon-filled-figma.js.map +1 -1
- package/esm/icons/filled/custom/index.d.ts +7 -7
- package/esm/icons/filled/custom/index.d.ts.map +1 -1
- package/esm/icons/filled/custom/index.js +7 -7
- package/esm/icons/filled/custom/index.js.map +1 -1
- package/esm/icons/filled/material/icon-filled-control-point.d.ts +2 -0
- package/esm/icons/filled/material/icon-filled-control-point.js +8 -0
- package/esm/icons/filled/material/index.d.ts +1 -0
- package/esm/icons/filled/material/index.js +1 -0
- package/esm/icons/outlined/material/icon-outlined-control-point.d.ts +2 -0
- package/esm/icons/outlined/material/icon-outlined-control-point.js +8 -0
- package/esm/icons/outlined/material/index.d.ts +1 -0
- package/esm/icons/outlined/material/index.js +1 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/theme/foundations/colors.js +1 -1
- package/esm/theme/presets/style-presets.js +6 -0
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/version-number.json +1 -1
- 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
|
|
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,
|
|
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,
|
|
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,
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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<
|
|
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;
|
|
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"}
|