@cloudscape-design/components 3.0.1148 → 3.0.1149
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/container/style.d.ts +31 -3
- package/container/style.d.ts.map +1 -1
- package/container/style.js +40 -45
- package/container/style.js.map +1 -1
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
package/container/style.d.ts
CHANGED
|
@@ -1,6 +1,34 @@
|
|
|
1
1
|
import { ContainerProps } from './interfaces';
|
|
2
|
-
export declare function getRootStyles(style: ContainerProps.Style | undefined): {
|
|
3
|
-
|
|
2
|
+
export declare function getRootStyles(style: ContainerProps.Style | undefined): {
|
|
3
|
+
background?: undefined;
|
|
4
|
+
borderColor?: undefined;
|
|
5
|
+
borderRadius?: undefined;
|
|
6
|
+
borderWidth?: undefined;
|
|
7
|
+
boxShadow?: undefined;
|
|
8
|
+
} | {
|
|
9
|
+
background: string | undefined;
|
|
10
|
+
borderColor: string | undefined;
|
|
11
|
+
borderRadius: string | undefined;
|
|
12
|
+
borderWidth: string | undefined;
|
|
13
|
+
boxShadow: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
export declare function getContentStyles(style: ContainerProps.Style | undefined): {
|
|
16
|
+
paddingBlock?: undefined;
|
|
17
|
+
paddingInline?: undefined;
|
|
18
|
+
} | {
|
|
19
|
+
paddingBlock: string | undefined;
|
|
20
|
+
paddingInline: string | undefined;
|
|
21
|
+
};
|
|
4
22
|
export declare function getHeaderStyles(style: ContainerProps.Style | undefined): {};
|
|
5
|
-
export declare function getFooterStyles(style: ContainerProps.Style | undefined): {
|
|
23
|
+
export declare function getFooterStyles(style: ContainerProps.Style | undefined): {
|
|
24
|
+
borderColor?: undefined;
|
|
25
|
+
borderWidth?: undefined;
|
|
26
|
+
paddingBlock?: undefined;
|
|
27
|
+
paddingInline?: undefined;
|
|
28
|
+
} | {
|
|
29
|
+
borderColor: string | undefined;
|
|
30
|
+
borderWidth: string | undefined;
|
|
31
|
+
paddingBlock: string | undefined;
|
|
32
|
+
paddingInline: string | undefined;
|
|
33
|
+
};
|
|
6
34
|
export declare function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined): {};
|
package/container/style.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;;;EAYpE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;EASvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAWtE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;EAWtE;AAED,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAU5F"}
|
package/container/style.js
CHANGED
|
@@ -3,65 +3,60 @@
|
|
|
3
3
|
import { SYSTEM } from '../internal/environment';
|
|
4
4
|
export function getRootStyles(style) {
|
|
5
5
|
var _a, _b, _c, _d, _e;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
properties = {
|
|
9
|
-
background: (_a = style.root) === null || _a === void 0 ? void 0 : _a.background,
|
|
10
|
-
borderColor: (_b = style.root) === null || _b === void 0 ? void 0 : _b.borderColor,
|
|
11
|
-
borderRadius: (_c = style.root) === null || _c === void 0 ? void 0 : _c.borderRadius,
|
|
12
|
-
borderWidth: (_d = style.root) === null || _d === void 0 ? void 0 : _d.borderWidth,
|
|
13
|
-
boxShadow: (_e = style.root) === null || _e === void 0 ? void 0 : _e.boxShadow,
|
|
14
|
-
};
|
|
6
|
+
if (SYSTEM !== 'core') {
|
|
7
|
+
return {};
|
|
15
8
|
}
|
|
16
|
-
return
|
|
9
|
+
return {
|
|
10
|
+
background: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background,
|
|
11
|
+
borderColor: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderColor,
|
|
12
|
+
borderRadius: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderRadius,
|
|
13
|
+
borderWidth: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.borderWidth,
|
|
14
|
+
boxShadow: (_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.boxShadow,
|
|
15
|
+
};
|
|
17
16
|
}
|
|
18
17
|
export function getContentStyles(style) {
|
|
19
18
|
var _a, _b;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
properties = {
|
|
23
|
-
paddingBlock: (_a = style.content) === null || _a === void 0 ? void 0 : _a.paddingBlock,
|
|
24
|
-
paddingInline: (_b = style.content) === null || _b === void 0 ? void 0 : _b.paddingInline,
|
|
25
|
-
};
|
|
19
|
+
if (SYSTEM !== 'core') {
|
|
20
|
+
return {};
|
|
26
21
|
}
|
|
27
|
-
return
|
|
22
|
+
return {
|
|
23
|
+
paddingBlock: (_a = style === null || style === void 0 ? void 0 : style.content) === null || _a === void 0 ? void 0 : _a.paddingBlock,
|
|
24
|
+
paddingInline: (_b = style === null || style === void 0 ? void 0 : style.content) === null || _b === void 0 ? void 0 : _b.paddingInline,
|
|
25
|
+
};
|
|
28
26
|
}
|
|
29
27
|
export function getHeaderStyles(style) {
|
|
30
|
-
var _a, _b, _c, _d
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
properties = {
|
|
34
|
-
...(((_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background) && { background: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.background }),
|
|
35
|
-
...(((_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderRadius) && { background: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.borderRadius }),
|
|
36
|
-
paddingBlock: (_e = style.header) === null || _e === void 0 ? void 0 : _e.paddingBlock,
|
|
37
|
-
paddingInline: (_f = style.header) === null || _f === void 0 ? void 0 : _f.paddingInline,
|
|
38
|
-
};
|
|
28
|
+
var _a, _b, _c, _d;
|
|
29
|
+
if (SYSTEM !== 'core') {
|
|
30
|
+
return {};
|
|
39
31
|
}
|
|
40
|
-
return
|
|
32
|
+
return {
|
|
33
|
+
...(((_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background) && { background: 'transparent' }), // Fix for AWSUI-61442
|
|
34
|
+
borderRadius: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderRadius,
|
|
35
|
+
paddingBlock: (_c = style === null || style === void 0 ? void 0 : style.header) === null || _c === void 0 ? void 0 : _c.paddingBlock,
|
|
36
|
+
paddingInline: (_d = style === null || style === void 0 ? void 0 : style.header) === null || _d === void 0 ? void 0 : _d.paddingInline,
|
|
37
|
+
};
|
|
41
38
|
}
|
|
42
39
|
export function getFooterStyles(style) {
|
|
43
40
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
properties = {
|
|
47
|
-
borderColor: (_b = (_a = style.footer) === null || _a === void 0 ? void 0 : _a.divider) === null || _b === void 0 ? void 0 : _b.borderColor,
|
|
48
|
-
borderWidth: (_d = (_c = style.footer) === null || _c === void 0 ? void 0 : _c.divider) === null || _d === void 0 ? void 0 : _d.borderWidth,
|
|
49
|
-
paddingBlock: (_f = (_e = style.footer) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.paddingBlock,
|
|
50
|
-
paddingInline: (_h = (_g = style.footer) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.paddingInline,
|
|
51
|
-
};
|
|
41
|
+
if (SYSTEM !== 'core') {
|
|
42
|
+
return {};
|
|
52
43
|
}
|
|
53
|
-
return
|
|
44
|
+
return {
|
|
45
|
+
borderColor: (_b = (_a = style === null || style === void 0 ? void 0 : style.footer) === null || _a === void 0 ? void 0 : _a.divider) === null || _b === void 0 ? void 0 : _b.borderColor,
|
|
46
|
+
borderWidth: (_d = (_c = style === null || style === void 0 ? void 0 : style.footer) === null || _c === void 0 ? void 0 : _c.divider) === null || _d === void 0 ? void 0 : _d.borderWidth,
|
|
47
|
+
paddingBlock: (_f = (_e = style === null || style === void 0 ? void 0 : style.footer) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.paddingBlock,
|
|
48
|
+
paddingInline: (_h = (_g = style === null || style === void 0 ? void 0 : style.footer) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.paddingInline,
|
|
49
|
+
};
|
|
54
50
|
}
|
|
55
51
|
export function getMediaStyles(mediaPosition, style) {
|
|
56
|
-
var _a
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
properties = {
|
|
60
|
-
borderRadius: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderRadius,
|
|
61
|
-
...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),
|
|
62
|
-
...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),
|
|
63
|
-
};
|
|
52
|
+
var _a;
|
|
53
|
+
if (SYSTEM !== 'core') {
|
|
54
|
+
return {};
|
|
64
55
|
}
|
|
65
|
-
return
|
|
56
|
+
return {
|
|
57
|
+
borderRadius: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.borderRadius,
|
|
58
|
+
...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),
|
|
59
|
+
...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),
|
|
60
|
+
};
|
|
66
61
|
}
|
|
67
62
|
//# sourceMappingURL=style.js.map
|
package/container/style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,UAAU,aAAa,CAAC,KAAuC;;IACnE,IAAI,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport { ContainerProps } from './interfaces';\n\nexport function getRootStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n background: style?.root?.background,\n borderColor: style?.root?.borderColor,\n borderRadius: style?.root?.borderRadius,\n borderWidth: style?.root?.borderWidth,\n boxShadow: style?.root?.boxShadow,\n };\n}\n\nexport function getContentStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n paddingBlock: style?.content?.paddingBlock,\n paddingInline: style?.content?.paddingInline,\n };\n}\n\nexport function getHeaderStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n ...(style?.root?.background && { background: 'transparent' }), // Fix for AWSUI-61442\n borderRadius: style?.root?.borderRadius,\n paddingBlock: style?.header?.paddingBlock,\n paddingInline: style?.header?.paddingInline,\n };\n}\n\nexport function getFooterStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n borderColor: style?.footer?.divider?.borderColor,\n borderWidth: style?.footer?.divider?.borderWidth,\n paddingBlock: style?.footer?.root?.paddingBlock,\n paddingInline: style?.footer?.root?.paddingInline,\n };\n}\n\nexport function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n borderRadius: style?.root?.borderRadius,\n ...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),\n ...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),\n };\n}\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (129dcc5e)";
|
|
3
|
+
export var GIT_SHA = "129dcc5e";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "console";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
"./internal/base-component/index.js",
|
|
154
154
|
"./internal/base-component/styles.css.js"
|
|
155
155
|
],
|
|
156
|
-
"version": "3.0.
|
|
156
|
+
"version": "3.0.1149",
|
|
157
157
|
"repository": {
|
|
158
158
|
"type": "git",
|
|
159
159
|
"url": "https://github.com/cloudscape-design/components.git"
|