@cloudscape-design/components-themeable 3.0.214 → 3.0.216
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/notifications/styles.scss +0 -8
- package/lib/internal/scss/flashbar/collapsible.scss +29 -100
- package/lib/internal/scss/form/styles.scss +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +28 -29
- package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +30 -30
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
- package/lib/internal/template/app-layout/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.js +1 -1
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/notifications/index.d.ts +0 -1
- package/lib/internal/template/app-layout/notifications/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/notifications/index.js +2 -2
- package/lib/internal/template/app-layout/notifications/index.js.map +1 -1
- package/lib/internal/template/app-layout/notifications/styles.css.js +2 -3
- package/lib/internal/template/app-layout/notifications/styles.scoped.css +5 -13
- package/lib/internal/template/app-layout/notifications/styles.selectors.js +2 -3
- package/lib/internal/template/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js +1 -6
- package/lib/internal/template/app-layout/visual-refresh/notifications.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +60 -60
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +223 -223
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/lib/internal/template/cards/interfaces.d.ts +2 -1
- package/lib/internal/template/cards/interfaces.d.ts.map +1 -1
- package/lib/internal/template/cards/interfaces.js.map +1 -1
- package/lib/internal/template/content-layout/index.d.ts +1 -1
- package/lib/internal/template/content-layout/index.d.ts.map +1 -1
- package/lib/internal/template/content-layout/index.js +6 -32
- package/lib/internal/template/content-layout/index.js.map +1 -1
- package/lib/internal/template/content-layout/internal.d.ts +6 -0
- package/lib/internal/template/content-layout/internal.d.ts.map +1 -0
- package/lib/internal/template/content-layout/internal.js +35 -0
- package/lib/internal/template/content-layout/internal.js.map +1 -0
- package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/lib/internal/template/flashbar/collapsible-flashbar.js +4 -4
- package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
- package/lib/internal/template/flashbar/styles.css.js +43 -45
- package/lib/internal/template/flashbar/styles.scoped.css +166 -271
- package/lib/internal/template/flashbar/styles.selectors.js +43 -45
- package/lib/internal/template/form/index.d.ts +1 -1
- package/lib/internal/template/form/index.d.ts.map +1 -1
- package/lib/internal/template/form/index.js +4 -3
- package/lib/internal/template/form/index.js.map +1 -1
- package/lib/internal/template/form/interfaces.d.ts +12 -0
- package/lib/internal/template/form/interfaces.d.ts.map +1 -1
- package/lib/internal/template/form/interfaces.js.map +1 -1
- package/lib/internal/template/form/internal.d.ts +1 -1
- package/lib/internal/template/form/internal.d.ts.map +1 -1
- package/lib/internal/template/form/internal.js +21 -14
- package/lib/internal/template/form/internal.js.map +1 -1
- package/lib/internal/template/form/styles.css.js +9 -8
- package/lib/internal/template/form/styles.scoped.css +8 -8
- package/lib/internal/template/form/styles.selectors.js +9 -8
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/lib/internal/template/internal/generated/custom-css-properties/index.js +28 -29
- package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
- package/lib/internal/template/table/interfaces.d.ts +2 -1
- package/lib/internal/template/table/interfaces.d.ts.map +1 -1
- package/lib/internal/template/table/interfaces.js.map +1 -1
- package/package.json +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_1e0op_808",
|
|
49
|
-
"flash-type-info": "awsui_flash-type-info_1q84n_1e0op_812"
|
|
5
|
+
"flash-with-motion": "awsui_flash-with-motion_1q84n_1o2es_93",
|
|
6
|
+
"enter": "awsui_enter_1q84n_1o2es_93",
|
|
7
|
+
"flash-body": "awsui_flash-body_1q84n_1o2es_107",
|
|
8
|
+
"flash-message": "awsui_flash-message_1q84n_1o2es_107",
|
|
9
|
+
"flash-header": "awsui_flash-header_1q84n_1o2es_107",
|
|
10
|
+
"flash-content": "awsui_flash-content_1q84n_1o2es_108",
|
|
11
|
+
"action-button-wrapper": "awsui_action-button-wrapper_1q84n_1o2es_109",
|
|
12
|
+
"dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1o2es_110",
|
|
13
|
+
"flash-icon": "awsui_flash-icon_1q84n_1o2es_133",
|
|
14
|
+
"entering": "awsui_entering_1q84n_1o2es_146",
|
|
15
|
+
"entered": "awsui_entered_1q84n_1o2es_167",
|
|
16
|
+
"exiting": "awsui_exiting_1q84n_1o2es_272",
|
|
17
|
+
"stack": "awsui_stack_1q84n_1o2es_294",
|
|
18
|
+
"animation-running": "awsui_animation-running_1q84n_1o2es_294",
|
|
19
|
+
"item": "awsui_item_1q84n_1o2es_294",
|
|
20
|
+
"flash-list-item": "awsui_flash-list-item_1q84n_1o2es_295",
|
|
21
|
+
"notification-bar": "awsui_notification-bar_1q84n_1o2es_296",
|
|
22
|
+
"collapsed": "awsui_collapsed_1q84n_1o2es_316",
|
|
23
|
+
"animation-ready": "awsui_animation-ready_1q84n_1o2es_316",
|
|
24
|
+
"expanded-only": "awsui_expanded-only_1q84n_1o2es_316",
|
|
25
|
+
"expanded": "awsui_expanded_1q84n_1o2es_316",
|
|
26
|
+
"flash": "awsui_flash_1q84n_1o2es_93",
|
|
27
|
+
"status": "awsui_status_1q84n_1o2es_406",
|
|
28
|
+
"header": "awsui_header_1q84n_1o2es_406",
|
|
29
|
+
"item-count": "awsui_item-count_1q84n_1o2es_407",
|
|
30
|
+
"button": "awsui_button_1q84n_1o2es_408",
|
|
31
|
+
"type-count": "awsui_type-count_1q84n_1o2es_443",
|
|
32
|
+
"count-number": "awsui_count-number_1q84n_1o2es_443",
|
|
33
|
+
"visual-refresh": "awsui_visual-refresh_1q84n_1o2es_453",
|
|
34
|
+
"icon": "awsui_icon_1q84n_1o2es_503",
|
|
35
|
+
"floating": "awsui_floating_1q84n_1o2es_541",
|
|
36
|
+
"flashbar": "awsui_flashbar_1q84n_1o2es_549",
|
|
37
|
+
"flash-refresh": "awsui_flash-refresh_1q84n_1o2es_595",
|
|
38
|
+
"flash-list": "awsui_flash-list_1q84n_1o2es_295",
|
|
39
|
+
"flash-focus-container": "awsui_flash-focus-container_1q84n_1o2es_614",
|
|
40
|
+
"flash-text": "awsui_flash-text_1q84n_1o2es_641",
|
|
41
|
+
"dismiss-button": "awsui_dismiss-button_1q84n_1o2es_110",
|
|
42
|
+
"breakpoint-default": "awsui_breakpoint-default_1q84n_1o2es_682",
|
|
43
|
+
"action-button": "awsui_action-button_1q84n_1o2es_109",
|
|
44
|
+
"flash-type-success": "awsui_flash-type-success_1q84n_1o2es_695",
|
|
45
|
+
"flash-type-error": "awsui_flash-type-error_1q84n_1o2es_699",
|
|
46
|
+
"flash-type-warning": "awsui_flash-type-warning_1q84n_1o2es_703",
|
|
47
|
+
"flash-type-info": "awsui_flash-type-info_1q84n_1o2es_707"
|
|
50
48
|
};
|
|
51
49
|
|
|
@@ -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"}
|
|
@@ -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
|
|
@@ -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"]}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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"]}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
|
@@ -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"]}
|
|
@@ -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_1dq29_93",
|
|
5
|
+
"header": "awsui_header_1i0s3_1dq29_106",
|
|
6
|
+
"full-page": "awsui_full-page_1i0s3_1dq29_106",
|
|
7
|
+
"content": "awsui_content_1i0s3_1dq29_110",
|
|
8
|
+
"error": "awsui_error_1i0s3_1dq29_114",
|
|
9
|
+
"footer": "awsui_footer_1i0s3_1dq29_118",
|
|
10
|
+
"actions-section": "awsui_actions-section_1i0s3_1dq29_122",
|
|
11
|
+
"secondary-actions": "awsui_secondary-actions_1i0s3_1dq29_131",
|
|
12
|
+
"actions": "awsui_actions_1i0s3_1dq29_122"
|
|
12
13
|
};
|
|
13
14
|
|
|
@@ -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_1dq29_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_1dq29_106:not(#\9):not(.awsui_full-page_1i0s3_1dq29_106) {
|
|
133
133
|
margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.
|
|
136
|
+
.awsui_content_1i0s3_1dq29_110:not(#\9) {
|
|
137
137
|
/* used in test-utils */
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
.
|
|
140
|
+
.awsui_error_1i0s3_1dq29_114:not(#\9) {
|
|
141
141
|
/* used in test-utils */
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.
|
|
144
|
+
.awsui_footer_1i0s3_1dq29_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_1dq29_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_1dq29_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_1dq29_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);
|
|
@@ -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_1dq29_93",
|
|
6
|
+
"header": "awsui_header_1i0s3_1dq29_106",
|
|
7
|
+
"full-page": "awsui_full-page_1i0s3_1dq29_106",
|
|
8
|
+
"content": "awsui_content_1i0s3_1dq29_110",
|
|
9
|
+
"error": "awsui_error_1i0s3_1dq29_114",
|
|
10
|
+
"footer": "awsui_footer_1i0s3_1dq29_118",
|
|
11
|
+
"actions-section": "awsui_actions-section_1i0s3_1dq29_122",
|
|
12
|
+
"secondary-actions": "awsui_secondary-actions_1i0s3_1dq29_131",
|
|
13
|
+
"actions": "awsui_actions_1i0s3_1dq29_122"
|
|
13
14
|
};
|
|
14
15
|
|
|
@@ -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"]}
|
|
@@ -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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"}
|