@cloudscape-design/components 3.0.208 → 3.0.209
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +1 -1
- package/app-layout/index.js.map +1 -1
- package/app-layout/notifications/index.d.ts +0 -1
- package/app-layout/notifications/index.d.ts.map +1 -1
- package/app-layout/notifications/index.js +2 -2
- package/app-layout/notifications/index.js.map +1 -1
- package/app-layout/notifications/styles.css.js +2 -3
- package/app-layout/notifications/styles.scoped.css +5 -13
- package/app-layout/notifications/styles.selectors.js +2 -3
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +1 -6
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +60 -60
- package/app-layout/visual-refresh/styles.scoped.css +223 -223
- package/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/cards/interfaces.d.ts +2 -1
- package/cards/interfaces.d.ts.map +1 -1
- package/cards/interfaces.js.map +1 -1
- package/content-layout/index.d.ts +1 -1
- package/content-layout/index.d.ts.map +1 -1
- package/content-layout/index.js +6 -32
- package/content-layout/index.js.map +1 -1
- package/content-layout/internal.d.ts +6 -0
- package/content-layout/internal.d.ts.map +1 -0
- package/content-layout/internal.js +35 -0
- package/content-layout/internal.js.map +1 -0
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +4 -4
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/styles.css.js +43 -45
- package/flashbar/styles.scoped.css +166 -271
- package/flashbar/styles.selectors.js +43 -45
- package/form/index.d.ts +1 -1
- package/form/index.d.ts.map +1 -1
- package/form/index.js +4 -3
- package/form/index.js.map +1 -1
- package/form/interfaces.d.ts +12 -0
- package/form/interfaces.d.ts.map +1 -1
- package/form/interfaces.js.map +1 -1
- package/form/internal.d.ts +1 -1
- package/form/internal.d.ts.map +1 -1
- package/form/internal.js +21 -14
- package/form/internal.js.map +1 -1
- package/form/styles.css.js +9 -8
- package/form/styles.scoped.css +8 -8
- package/form/styles.selectors.js +9 -8
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +28 -29
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/interfaces.d.ts +2 -1
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
|
@@ -2,50 +2,48 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"flash-with-motion": "awsui_flash-with-
|
|
6
|
-
"enter": "
|
|
7
|
-
"flash-body": "awsui_flash-
|
|
8
|
-
"flash-message": "awsui_flash-
|
|
9
|
-
"flash-header": "awsui_flash-
|
|
10
|
-
"flash-content": "awsui_flash-
|
|
11
|
-
"action-button-wrapper": "awsui_action-button-
|
|
12
|
-
"dismiss-button-wrapper": "awsui_dismiss-button-
|
|
13
|
-
"flash-icon": "awsui_flash-
|
|
14
|
-
"entering": "
|
|
15
|
-
"entered": "
|
|
16
|
-
"exiting": "
|
|
17
|
-
"stack": "
|
|
18
|
-
"animation-running": "awsui_animation-
|
|
19
|
-
"item": "
|
|
20
|
-
"flash-list-item": "awsui_flash-list-
|
|
21
|
-
"notification-bar": "awsui_notification-
|
|
22
|
-
"collapsed": "
|
|
23
|
-
"animation-ready": "awsui_animation-
|
|
24
|
-
"expanded-only": "awsui_expanded-
|
|
25
|
-
"expanded": "
|
|
26
|
-
"flash": "
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"flash-
|
|
40
|
-
"flash-
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"flash-type-
|
|
47
|
-
"flash-type-
|
|
48
|
-
"flash-type-warning": "awsui_flash-type-warning_1q84n_u6huz_808",
|
|
49
|
-
"flash-type-info": "awsui_flash-type-info_1q84n_u6huz_812"
|
|
5
|
+
"flash-with-motion": "awsui_flash-with-motion_1q84n_kitwl_93",
|
|
6
|
+
"enter": "awsui_enter_1q84n_kitwl_93",
|
|
7
|
+
"flash-body": "awsui_flash-body_1q84n_kitwl_107",
|
|
8
|
+
"flash-message": "awsui_flash-message_1q84n_kitwl_107",
|
|
9
|
+
"flash-header": "awsui_flash-header_1q84n_kitwl_107",
|
|
10
|
+
"flash-content": "awsui_flash-content_1q84n_kitwl_108",
|
|
11
|
+
"action-button-wrapper": "awsui_action-button-wrapper_1q84n_kitwl_109",
|
|
12
|
+
"dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_kitwl_110",
|
|
13
|
+
"flash-icon": "awsui_flash-icon_1q84n_kitwl_133",
|
|
14
|
+
"entering": "awsui_entering_1q84n_kitwl_146",
|
|
15
|
+
"entered": "awsui_entered_1q84n_kitwl_167",
|
|
16
|
+
"exiting": "awsui_exiting_1q84n_kitwl_272",
|
|
17
|
+
"stack": "awsui_stack_1q84n_kitwl_294",
|
|
18
|
+
"animation-running": "awsui_animation-running_1q84n_kitwl_294",
|
|
19
|
+
"item": "awsui_item_1q84n_kitwl_294",
|
|
20
|
+
"flash-list-item": "awsui_flash-list-item_1q84n_kitwl_295",
|
|
21
|
+
"notification-bar": "awsui_notification-bar_1q84n_kitwl_296",
|
|
22
|
+
"collapsed": "awsui_collapsed_1q84n_kitwl_316",
|
|
23
|
+
"animation-ready": "awsui_animation-ready_1q84n_kitwl_316",
|
|
24
|
+
"expanded-only": "awsui_expanded-only_1q84n_kitwl_316",
|
|
25
|
+
"expanded": "awsui_expanded_1q84n_kitwl_316",
|
|
26
|
+
"flash": "awsui_flash_1q84n_kitwl_93",
|
|
27
|
+
"status": "awsui_status_1q84n_kitwl_406",
|
|
28
|
+
"header": "awsui_header_1q84n_kitwl_406",
|
|
29
|
+
"item-count": "awsui_item-count_1q84n_kitwl_407",
|
|
30
|
+
"button": "awsui_button_1q84n_kitwl_408",
|
|
31
|
+
"type-count": "awsui_type-count_1q84n_kitwl_443",
|
|
32
|
+
"count-number": "awsui_count-number_1q84n_kitwl_443",
|
|
33
|
+
"visual-refresh": "awsui_visual-refresh_1q84n_kitwl_453",
|
|
34
|
+
"icon": "awsui_icon_1q84n_kitwl_503",
|
|
35
|
+
"floating": "awsui_floating_1q84n_kitwl_541",
|
|
36
|
+
"flashbar": "awsui_flashbar_1q84n_kitwl_549",
|
|
37
|
+
"flash-refresh": "awsui_flash-refresh_1q84n_kitwl_595",
|
|
38
|
+
"flash-list": "awsui_flash-list_1q84n_kitwl_295",
|
|
39
|
+
"flash-focus-container": "awsui_flash-focus-container_1q84n_kitwl_614",
|
|
40
|
+
"flash-text": "awsui_flash-text_1q84n_kitwl_641",
|
|
41
|
+
"dismiss-button": "awsui_dismiss-button_1q84n_kitwl_110",
|
|
42
|
+
"breakpoint-default": "awsui_breakpoint-default_1q84n_kitwl_682",
|
|
43
|
+
"action-button": "awsui_action-button_1q84n_kitwl_109",
|
|
44
|
+
"flash-type-success": "awsui_flash-type-success_1q84n_kitwl_695",
|
|
45
|
+
"flash-type-error": "awsui_flash-type-error_1q84n_kitwl_699",
|
|
46
|
+
"flash-type-warning": "awsui_flash-type-warning_1q84n_kitwl_703",
|
|
47
|
+
"flash-type-info": "awsui_flash-type-info_1q84n_kitwl_707"
|
|
50
48
|
};
|
|
51
49
|
|
package/form/index.d.ts
CHANGED
package/form/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,OAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,eAG1E"}
|
package/form/index.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
2
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
6
6
|
import InternalForm from './internal';
|
|
7
7
|
import useBaseComponent from '../internal/hooks/use-base-component';
|
|
8
|
-
export default function Form(
|
|
8
|
+
export default function Form(_a) {
|
|
9
|
+
var _b = _a.variant, variant = _b === void 0 ? 'full-page' : _b, props = __rest(_a, ["variant"]);
|
|
9
10
|
var baseComponentProps = useBaseComponent('Form');
|
|
10
|
-
return React.createElement(InternalForm, __assign({}, props, baseComponentProps));
|
|
11
|
+
return React.createElement(InternalForm, __assign({ variant: variant }, props, baseComponentProps));
|
|
11
12
|
}
|
|
12
13
|
applyDisplayName(Form, 'Form');
|
|
13
14
|
//# sourceMappingURL=index.js.map
|
package/form/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,YAAY,MAAM,YAAY,CAAC;AACtC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,YAAY,MAAM,YAAY,CAAC;AACtC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAA8C;IAA5C,IAAA,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EAAK,KAAK,cAAjC,WAAmC,CAAF;IAC5D,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,oBAAC,YAAY,aAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC/E,CAAC;AAED,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { FormProps } from './interfaces';\nimport InternalForm from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { FormProps };\n\nexport default function Form({ variant = 'full-page', ...props }: FormProps) {\n const baseComponentProps = useBaseComponent('Form');\n return <InternalForm variant={variant} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Form, 'Form');\n"]}
|
package/form/interfaces.d.ts
CHANGED
|
@@ -25,5 +25,17 @@ export interface FormProps extends BaseComponentProps {
|
|
|
25
25
|
* Specifies left-aligned secondary actions for the form. Use a button dropdown if multiple actions are required.
|
|
26
26
|
*/
|
|
27
27
|
secondaryActions?: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Specify a form variant with one of the following:
|
|
30
|
+
* * `full-page` - Use this variant when the form contains the entire content of the page. Full page variants implement the high contrast header and content behavior automatically.
|
|
31
|
+
* * `embedded` - Use this variant when the form doesn't occupy the full page. This variant doesn't use a high contrast header.
|
|
32
|
+
* @visualrefresh
|
|
33
|
+
*/
|
|
34
|
+
variant?: 'full-page' | 'embedded';
|
|
35
|
+
}
|
|
36
|
+
export interface FormLayoutProps {
|
|
37
|
+
children?: React.ReactNode;
|
|
38
|
+
header?: React.ReactNode;
|
|
39
|
+
variant: FormProps['variant'];
|
|
28
40
|
}
|
|
29
41
|
//# sourceMappingURL=interfaces.d.ts.map
|
package/form/interfaces.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/form/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC"}
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/form/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC/B"}
|
package/form/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/form/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface FormProps extends BaseComponentProps {\n /**\n * Specifies the main form content.\n */\n children?: React.ReactNode;\n\n /**\n * Specifies the form title and optional description. Use the [header component](/components/header/).\n */\n header?: React.ReactNode;\n\n /**\n * Specifies a form-level validation message.\n */\n errorText?: React.ReactNode;\n\n /**\n * Provides a text alternative for the error icon in the error alert.\n */\n errorIconAriaLabel?: string;\n\n /**\n * Specifies actions for the form. You should wrap action buttons in a [space between component](/components/space-between) with `direction=\"horizontal\"` and `size=\"xs\"`.\n */\n actions?: React.ReactNode;\n\n /**\n * Specifies left-aligned secondary actions for the form. Use a button dropdown if multiple actions are required.\n */\n secondaryActions?: React.ReactNode;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/form/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface FormProps extends BaseComponentProps {\n /**\n * Specifies the main form content.\n */\n children?: React.ReactNode;\n\n /**\n * Specifies the form title and optional description. Use the [header component](/components/header/).\n */\n header?: React.ReactNode;\n\n /**\n * Specifies a form-level validation message.\n */\n errorText?: React.ReactNode;\n\n /**\n * Provides a text alternative for the error icon in the error alert.\n */\n errorIconAriaLabel?: string;\n\n /**\n * Specifies actions for the form. You should wrap action buttons in a [space between component](/components/space-between) with `direction=\"horizontal\"` and `size=\"xs\"`.\n */\n actions?: React.ReactNode;\n\n /**\n * Specifies left-aligned secondary actions for the form. Use a button dropdown if multiple actions are required.\n */\n secondaryActions?: React.ReactNode;\n\n /**\n * Specify a form variant with one of the following:\n * * `full-page` - Use this variant when the form contains the entire content of the page. Full page variants implement the high contrast header and content behavior automatically.\n * * `embedded` - Use this variant when the form doesn't occupy the full page. This variant doesn't use a high contrast header.\n * @visualrefresh\n */\n variant?: 'full-page' | 'embedded';\n}\n\nexport interface FormLayoutProps {\n children?: React.ReactNode;\n header?: React.ReactNode;\n variant: FormProps['variant'];\n}\n"]}
|
package/form/internal.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FormProps } from './interfaces';
|
|
2
2
|
import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
|
|
3
3
|
type InternalFormProps = FormProps & InternalBaseComponentProps;
|
|
4
|
-
export default function InternalForm({ children, header, errorText, errorIconAriaLabel, actions, secondaryActions, __internalRootRef, ...props }: InternalFormProps): JSX.Element;
|
|
4
|
+
export default function InternalForm({ children, header, errorText, errorIconAriaLabel, actions, secondaryActions, variant, __internalRootRef, ...props }: InternalFormProps): JSX.Element;
|
|
5
5
|
export {};
|
|
6
6
|
//# sourceMappingURL=internal.d.ts.map
|
package/form/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/form/internal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/form/internal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAmB,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,KAAK,iBAAiB,GAAG,SAAS,GAAG,0BAA0B,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,eAmCnB"}
|
package/form/internal.js
CHANGED
|
@@ -6,24 +6,31 @@ import clsx from 'clsx';
|
|
|
6
6
|
import { getBaseProps } from '../internal/base-component';
|
|
7
7
|
import InternalAlert from '../alert/internal';
|
|
8
8
|
import InternalBox from '../box/internal';
|
|
9
|
+
import InternalContentLayout from '../content-layout/internal';
|
|
9
10
|
import styles from './styles.css.js';
|
|
10
11
|
import LiveRegion from '../internal/components/live-region';
|
|
11
12
|
export default function InternalForm(_a) {
|
|
12
|
-
var children = _a.children, header = _a.header, errorText = _a.errorText, errorIconAriaLabel = _a.errorIconAriaLabel, actions = _a.actions, secondaryActions = _a.secondaryActions, __internalRootRef = _a.__internalRootRef, props = __rest(_a, ["children", "header", "errorText", "errorIconAriaLabel", "actions", "secondaryActions", "__internalRootRef"]);
|
|
13
|
+
var children = _a.children, header = _a.header, errorText = _a.errorText, errorIconAriaLabel = _a.errorIconAriaLabel, actions = _a.actions, secondaryActions = _a.secondaryActions, variant = _a.variant, __internalRootRef = _a.__internalRootRef, props = __rest(_a, ["children", "header", "errorText", "errorIconAriaLabel", "actions", "secondaryActions", "variant", "__internalRootRef"]);
|
|
13
14
|
var baseProps = getBaseProps(props);
|
|
14
15
|
return (React.createElement("div", __assign({}, baseProps, { ref: __internalRootRef, className: clsx(styles.root, baseProps.className) }),
|
|
15
|
-
header && React.createElement("div", { className: styles.header }, header),
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
React.createElement(FormLayout, { header: header && React.createElement("div", { className: clsx(styles.header, variant === 'full-page' && styles['full-page']) }, header), variant: variant },
|
|
17
|
+
children && React.createElement("div", { className: styles.content }, children),
|
|
18
|
+
errorText && (React.createElement(InternalBox, { margin: { top: 'l' } },
|
|
19
|
+
React.createElement(InternalAlert, { type: "error", statusIconAriaLabel: errorIconAriaLabel },
|
|
20
|
+
React.createElement("div", { className: styles.error }, errorText)))),
|
|
21
|
+
(actions || secondaryActions) && (React.createElement("div", { className: styles.footer },
|
|
22
|
+
React.createElement("div", { className: styles['actions-section'] },
|
|
23
|
+
actions && React.createElement("div", { className: styles.actions }, actions),
|
|
24
|
+
secondaryActions && React.createElement("div", { className: styles['secondary-actions'] }, secondaryActions)))),
|
|
25
|
+
errorText && (React.createElement(LiveRegion, { assertive: true },
|
|
26
|
+
errorIconAriaLabel,
|
|
27
|
+
", ",
|
|
28
|
+
errorText)))));
|
|
29
|
+
}
|
|
30
|
+
function FormLayout(_a) {
|
|
31
|
+
var children = _a.children, header = _a.header, variant = _a.variant;
|
|
32
|
+
return variant === 'full-page' && header ? (React.createElement(InternalContentLayout, { header: header }, children)) : (React.createElement(React.Fragment, null,
|
|
33
|
+
header,
|
|
34
|
+
children));
|
|
28
35
|
}
|
|
29
36
|
//# sourceMappingURL=internal.js.map
|
package/form/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/form/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAI5D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/form/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAI5D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAUjB;IATlB,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACd,KAAK,cAT2B,wHAUpC,CADS;IAER,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,wCAAS,SAAS,IAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC;QAC3F,oBAAC,UAAU,IACT,MAAM,EACJ,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,KAAK,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,IAAG,MAAM,CAAO,EAE/G,OAAO,EAAE,OAAO;YAEf,QAAQ,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO;YAC5D,SAAS,IAAI,CACZ,oBAAC,WAAW,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;gBAC/B,oBAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,mBAAmB,EAAE,kBAAkB;oBACjE,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,SAAS,CAAO,CACjC,CACJ,CACf;YACA,CAAC,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAChC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;gBAC3B,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;oBACtC,OAAO,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO;oBAC1D,gBAAgB,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IAAG,gBAAgB,CAAO,CACtF,CACF,CACP;YACA,SAAS,IAAI,CACZ,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI;gBACxB,kBAAkB;;gBAAI,SAAS,CACrB,CACd,CACU,CACT,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAA8C;QAA5C,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAC7C,OAAO,OAAO,KAAK,WAAW,IAAI,MAAM,CAAC,CAAC,CAAC,CACzC,oBAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAyB,CAC1E,CAAC,CAAC,CAAC,CACF;QACG,MAAM;QACN,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalAlert from '../alert/internal';\nimport InternalBox from '../box/internal';\nimport InternalContentLayout from '../content-layout/internal';\nimport styles from './styles.css.js';\nimport { FormLayoutProps, FormProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalFormProps = FormProps & InternalBaseComponentProps;\n\nexport default function InternalForm({\n children,\n header,\n errorText,\n errorIconAriaLabel,\n actions,\n secondaryActions,\n variant,\n __internalRootRef,\n ...props\n}: InternalFormProps) {\n const baseProps = getBaseProps(props);\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(styles.root, baseProps.className)}>\n <FormLayout\n header={\n header && <div className={clsx(styles.header, variant === 'full-page' && styles['full-page'])}>{header}</div>\n }\n variant={variant}\n >\n {children && <div className={styles.content}>{children}</div>}\n {errorText && (\n <InternalBox margin={{ top: 'l' }}>\n <InternalAlert type=\"error\" statusIconAriaLabel={errorIconAriaLabel}>\n <div className={styles.error}>{errorText}</div>\n </InternalAlert>\n </InternalBox>\n )}\n {(actions || secondaryActions) && (\n <div className={styles.footer}>\n <div className={styles['actions-section']}>\n {actions && <div className={styles.actions}>{actions}</div>}\n {secondaryActions && <div className={styles['secondary-actions']}>{secondaryActions}</div>}\n </div>\n </div>\n )}\n {errorText && (\n <LiveRegion assertive={true}>\n {errorIconAriaLabel}, {errorText}\n </LiveRegion>\n )}\n </FormLayout>\n </div>\n );\n}\n\nfunction FormLayout({ children, header, variant }: FormLayoutProps) {\n return variant === 'full-page' && header ? (\n <InternalContentLayout header={header}>{children}</InternalContentLayout>\n ) : (\n <>\n {header}\n {children}\n </>\n );\n}\n"]}
|
package/form/styles.css.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header": "
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"actions": "
|
|
4
|
+
"root": "awsui_root_1i0s3_1qike_93",
|
|
5
|
+
"header": "awsui_header_1i0s3_1qike_106",
|
|
6
|
+
"full-page": "awsui_full-page_1i0s3_1qike_106",
|
|
7
|
+
"content": "awsui_content_1i0s3_1qike_110",
|
|
8
|
+
"error": "awsui_error_1i0s3_1qike_114",
|
|
9
|
+
"footer": "awsui_footer_1i0s3_1qike_118",
|
|
10
|
+
"actions-section": "awsui_actions-section_1i0s3_1qike_122",
|
|
11
|
+
"secondary-actions": "awsui_secondary-actions_1i0s3_1qike_131",
|
|
12
|
+
"actions": "awsui_actions_1i0s3_1qike_122"
|
|
12
13
|
};
|
|
13
14
|
|
package/form/styles.scoped.css
CHANGED
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_1i0s3_1qike_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -129,23 +129,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.
|
|
132
|
+
.awsui_header_1i0s3_1qike_106:not(#\9):not(.awsui_full-page_1i0s3_1qike_106) {
|
|
133
133
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.
|
|
136
|
+
.awsui_content_1i0s3_1qike_110:not(#\9) {
|
|
137
137
|
/* used in test-utils */
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
.
|
|
140
|
+
.awsui_error_1i0s3_1qike_114:not(#\9) {
|
|
141
141
|
/* used in test-utils */
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.
|
|
144
|
+
.awsui_footer_1i0s3_1qike_118:not(#\9) {
|
|
145
145
|
margin-top: var(--space-scaled-l-t03y3z, 20px);
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.awsui_actions-
|
|
148
|
+
.awsui_actions-section_1i0s3_1qike_122:not(#\9) {
|
|
149
149
|
display: flex;
|
|
150
150
|
flex-direction: row-reverse;
|
|
151
151
|
justify-content: space-between;
|
|
@@ -154,13 +154,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
154
154
|
margin-bottom: calc(-1 * var(--space-scaled-m-pv0fmt, 16px));
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.awsui_secondary-
|
|
157
|
+
.awsui_secondary-actions_1i0s3_1qike_131:not(#\9) {
|
|
158
158
|
min-width: 1px;
|
|
159
159
|
margin-left: var(--space-scaled-m-pv0fmt, 16px);
|
|
160
160
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
.awsui_actions_1i0s3_1qike_122:not(#\9) {
|
|
164
164
|
min-width: 1px;
|
|
165
165
|
margin-left: var(--space-scaled-m-pv0fmt, 16px);
|
|
166
166
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
package/form/styles.selectors.js
CHANGED
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"header": "
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"actions": "
|
|
5
|
+
"root": "awsui_root_1i0s3_1qike_93",
|
|
6
|
+
"header": "awsui_header_1i0s3_1qike_106",
|
|
7
|
+
"full-page": "awsui_full-page_1i0s3_1qike_106",
|
|
8
|
+
"content": "awsui_content_1i0s3_1qike_110",
|
|
9
|
+
"error": "awsui_error_1i0s3_1qike_114",
|
|
10
|
+
"footer": "awsui_footer_1i0s3_1qike_118",
|
|
11
|
+
"actions-section": "awsui_actions-section_1i0s3_1qike_122",
|
|
12
|
+
"secondary-actions": "awsui_secondary-actions_1i0s3_1qike_131",
|
|
13
|
+
"actions": "awsui_actions_1i0s3_1qike_122"
|
|
13
14
|
};
|
|
14
15
|
|
package/internal/environment.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6BlD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
var customCSSPropertiesMap = {
|
|
2
|
-
offsetTop: '--awsui-offset-top-
|
|
3
|
-
offsetTopWithNotifications: '--awsui-offset-top-with-notifications-
|
|
4
|
-
contentGapLeft: '--awsui-content-gap-left-
|
|
5
|
-
contentGapRight: '--awsui-content-gap-right-
|
|
6
|
-
contentHeight: '--awsui-content-height-
|
|
7
|
-
defaultMaxContentWidth: '--awsui-default-max-content-width-
|
|
8
|
-
defaultMinContentWidth: '--awsui-default-min-content-width-
|
|
9
|
-
footerHeight: '--awsui-footer-height-
|
|
10
|
-
headerHeight: '--awsui-header-height-
|
|
11
|
-
layoutWidth: '--awsui-layout-width-
|
|
12
|
-
mainOffsetLeft: '--awsui-main-offset-left-
|
|
13
|
-
maxContentWidth: '--awsui-max-content-width-
|
|
14
|
-
minContentWidth: '--awsui-min-content-width-
|
|
15
|
-
notificationsHeight: '--awsui-notifications-height-
|
|
16
|
-
overlapHeight: '--awsui-overlap-height-
|
|
17
|
-
navigationWidth: '--awsui-navigation-width-
|
|
18
|
-
splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-
|
|
19
|
-
splitPanelReportedSize: '--awsui-split-panel-reported-size-
|
|
20
|
-
splitPanelHeight: '--awsui-split-panel-height-
|
|
21
|
-
splitPanelMinWidth: '--awsui-split-panel-min-width-
|
|
22
|
-
splitPanelMaxWidth: '--awsui-split-panel-max-width-
|
|
23
|
-
toolsMaxWidth: '--awsui-tools-max-width-
|
|
24
|
-
toolsWidth: '--awsui-tools-width-
|
|
25
|
-
toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-
|
|
26
|
-
contentScrollMargin: '--awsui-content-scroll-margin-
|
|
27
|
-
flashbarStackDepth: '--awsui-flashbar-stack-depth-
|
|
28
|
-
flashbarStackIndex: '--awsui-flashbar-stack-index-
|
|
29
|
-
flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-
|
|
30
|
-
stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-k2tw0m'
|
|
2
|
+
offsetTop: '--awsui-offset-top-20d8jh',
|
|
3
|
+
offsetTopWithNotifications: '--awsui-offset-top-with-notifications-20d8jh',
|
|
4
|
+
contentGapLeft: '--awsui-content-gap-left-20d8jh',
|
|
5
|
+
contentGapRight: '--awsui-content-gap-right-20d8jh',
|
|
6
|
+
contentHeight: '--awsui-content-height-20d8jh',
|
|
7
|
+
defaultMaxContentWidth: '--awsui-default-max-content-width-20d8jh',
|
|
8
|
+
defaultMinContentWidth: '--awsui-default-min-content-width-20d8jh',
|
|
9
|
+
footerHeight: '--awsui-footer-height-20d8jh',
|
|
10
|
+
headerHeight: '--awsui-header-height-20d8jh',
|
|
11
|
+
layoutWidth: '--awsui-layout-width-20d8jh',
|
|
12
|
+
mainOffsetLeft: '--awsui-main-offset-left-20d8jh',
|
|
13
|
+
maxContentWidth: '--awsui-max-content-width-20d8jh',
|
|
14
|
+
minContentWidth: '--awsui-min-content-width-20d8jh',
|
|
15
|
+
notificationsHeight: '--awsui-notifications-height-20d8jh',
|
|
16
|
+
overlapHeight: '--awsui-overlap-height-20d8jh',
|
|
17
|
+
navigationWidth: '--awsui-navigation-width-20d8jh',
|
|
18
|
+
splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-20d8jh',
|
|
19
|
+
splitPanelReportedSize: '--awsui-split-panel-reported-size-20d8jh',
|
|
20
|
+
splitPanelHeight: '--awsui-split-panel-height-20d8jh',
|
|
21
|
+
splitPanelMinWidth: '--awsui-split-panel-min-width-20d8jh',
|
|
22
|
+
splitPanelMaxWidth: '--awsui-split-panel-max-width-20d8jh',
|
|
23
|
+
toolsMaxWidth: '--awsui-tools-max-width-20d8jh',
|
|
24
|
+
toolsWidth: '--awsui-tools-width-20d8jh',
|
|
25
|
+
toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-20d8jh',
|
|
26
|
+
contentScrollMargin: '--awsui-content-scroll-margin-20d8jh',
|
|
27
|
+
flashbarStackDepth: '--awsui-flashbar-stack-depth-20d8jh',
|
|
28
|
+
flashbarStackIndex: '--awsui-flashbar-stack-index-20d8jh',
|
|
29
|
+
flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-20d8jh'
|
|
31
30
|
};
|
|
32
31
|
export default customCSSPropertiesMap;
|
|
33
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAA2B;IACrD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAA2B;IACrD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;CAC3E,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n offsetTop: '--awsui-offset-top-20d8jh',\n offsetTopWithNotifications: '--awsui-offset-top-with-notifications-20d8jh',\n contentGapLeft: '--awsui-content-gap-left-20d8jh',\n contentGapRight: '--awsui-content-gap-right-20d8jh',\n contentHeight: '--awsui-content-height-20d8jh',\n defaultMaxContentWidth: '--awsui-default-max-content-width-20d8jh',\n defaultMinContentWidth: '--awsui-default-min-content-width-20d8jh',\n footerHeight: '--awsui-footer-height-20d8jh',\n headerHeight: '--awsui-header-height-20d8jh',\n layoutWidth: '--awsui-layout-width-20d8jh',\n mainOffsetLeft: '--awsui-main-offset-left-20d8jh',\n maxContentWidth: '--awsui-max-content-width-20d8jh',\n minContentWidth: '--awsui-min-content-width-20d8jh',\n notificationsHeight: '--awsui-notifications-height-20d8jh',\n overlapHeight: '--awsui-overlap-height-20d8jh',\n navigationWidth: '--awsui-navigation-width-20d8jh',\n splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-20d8jh',\n splitPanelReportedSize: '--awsui-split-panel-reported-size-20d8jh',\n splitPanelHeight: '--awsui-split-panel-height-20d8jh',\n splitPanelMinWidth: '--awsui-split-panel-min-width-20d8jh',\n splitPanelMaxWidth: '--awsui-split-panel-max-width-20d8jh',\n toolsMaxWidth: '--awsui-tools-max-width-20d8jh',\n toolsWidth: '--awsui-tools-width-20d8jh',\n toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-20d8jh',\n contentScrollMargin: '--awsui-content-scroll-margin-20d8jh',\n flashbarStackDepth: '--awsui-flashbar-stack-depth-20d8jh',\n flashbarStackIndex: '--awsui-flashbar-stack-index-20d8jh',\n flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-20d8jh',\n};\nexport default customCSSPropertiesMap;\n"]}
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
package/table/interfaces.d.ts
CHANGED
|
@@ -216,7 +216,8 @@ export interface TableProps<T = any> extends BaseComponentProps {
|
|
|
216
216
|
* section, container or split panel).
|
|
217
217
|
* * `stacked` - Use this variant adjacent to other stacked containers (such as a container,
|
|
218
218
|
* table).
|
|
219
|
-
* * `full-page` – Use this variant when table is the
|
|
219
|
+
* * `full-page` – Use this variant when the table is the entire content of a page. Full page variants
|
|
220
|
+
* implement the high contrast header and content behavior automatically.
|
|
220
221
|
* @visualrefresh `embedded`, `stacked`, and `full-page` variants
|
|
221
222
|
*/
|
|
222
223
|
variant?: TableProps.Variant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table/interfaces.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/table/interfaces.tsx"],"names":[],"mappings":"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"}
|