@cloudscape-design/components-themeable 3.0.510 → 3.0.512
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/internal/styles/utils/styles-reset.scss +24 -2
- package/lib/internal/template/alert/styles.css.js +25 -25
- package/lib/internal/template/alert/styles.scoped.css +45 -51
- package/lib/internal/template/alert/styles.selectors.js +25 -25
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -24
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -35
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +80 -80
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +175 -181
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +80 -80
- package/lib/internal/template/attribute-editor/styles.css.js +14 -14
- package/lib/internal/template/attribute-editor/styles.scoped.css +27 -30
- package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
- package/lib/internal/template/badge/styles.css.js +5 -5
- package/lib/internal/template/badge/styles.scoped.css +8 -11
- package/lib/internal/template/badge/styles.selectors.js +5 -5
- package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/styles.scoped.css +18 -24
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +20 -20
- package/lib/internal/template/button/styles.scoped.css +154 -157
- package/lib/internal/template/button/styles.selectors.js +20 -20
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -11
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/lib/internal/template/calendar/styles.css.js +18 -18
- package/lib/internal/template/calendar/styles.scoped.css +41 -44
- package/lib/internal/template/calendar/styles.selectors.js +18 -18
- package/lib/internal/template/cards/styles.css.js +39 -39
- package/lib/internal/template/cards/styles.scoped.css +52 -55
- package/lib/internal/template/cards/styles.selectors.js +39 -39
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +8 -11
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/styles.css.js +32 -32
- package/lib/internal/template/code-editor/styles.scoped.css +180 -183
- package/lib/internal/template/code-editor/styles.selectors.js +32 -32
- package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
- package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +20 -23
- package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
- package/lib/internal/template/collection-preferences/styles.css.js +37 -37
- package/lib/internal/template/collection-preferences/styles.scoped.css +47 -50
- package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
- package/lib/internal/template/column-layout/styles.css.js +13 -13
- package/lib/internal/template/column-layout/styles.scoped.css +46 -49
- package/lib/internal/template/column-layout/styles.selectors.js +13 -13
- package/lib/internal/template/container/styles.css.js +29 -29
- package/lib/internal/template/container/styles.scoped.css +55 -58
- package/lib/internal/template/container/styles.selectors.js +29 -29
- package/lib/internal/template/date-picker/styles.css.js +7 -7
- package/lib/internal/template/date-picker/styles.scoped.css +12 -15
- package/lib/internal/template/date-picker/styles.selectors.js +7 -7
- package/lib/internal/template/date-range-picker/styles.css.js +38 -38
- package/lib/internal/template/date-range-picker/styles.scoped.css +49 -52
- package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
- package/lib/internal/template/drawer/styles.css.js +3 -3
- package/lib/internal/template/drawer/styles.scoped.css +11 -14
- package/lib/internal/template/drawer/styles.selectors.js +3 -3
- package/lib/internal/template/expandable-section/styles.css.js +32 -32
- package/lib/internal/template/expandable-section/styles.scoped.css +65 -68
- package/lib/internal/template/expandable-section/styles.selectors.js +32 -32
- package/lib/internal/template/flashbar/styles.css.js +47 -47
- package/lib/internal/template/flashbar/styles.scoped.css +149 -152
- package/lib/internal/template/flashbar/styles.selectors.js +47 -47
- package/lib/internal/template/form/styles.css.js +9 -9
- package/lib/internal/template/form/styles.scoped.css +11 -14
- package/lib/internal/template/form/styles.selectors.js +9 -9
- package/lib/internal/template/form-field/styles.css.js +19 -19
- package/lib/internal/template/form-field/styles.scoped.css +32 -35
- package/lib/internal/template/form-field/styles.selectors.js +19 -19
- package/lib/internal/template/grid/styles.css.js +53 -53
- package/lib/internal/template/grid/styles.scoped.css +57 -60
- package/lib/internal/template/grid/styles.selectors.js +53 -53
- package/lib/internal/template/header/styles.css.js +34 -34
- package/lib/internal/template/header/styles.scoped.css +53 -56
- package/lib/internal/template/header/styles.selectors.js +34 -34
- package/lib/internal/template/help-panel/styles.css.js +4 -4
- package/lib/internal/template/help-panel/styles.scoped.css +66 -69
- package/lib/internal/template/help-panel/styles.selectors.js +4 -4
- package/lib/internal/template/input/styles.css.js +12 -12
- package/lib/internal/template/input/styles.scoped.css +33 -36
- package/lib/internal/template/input/styles.selectors.js +12 -12
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +10 -10
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +27 -30
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +10 -10
- package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +6 -9
- package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
- package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +18 -21
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
- package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +6 -9
- package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +20 -20
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +42 -51
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +10 -13
- package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
- package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +12 -15
- package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -41
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
- package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +6 -9
- package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
- package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +5 -8
- package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/focus-lock/utils.d.ts +1 -0
- package/lib/internal/template/internal/components/focus-lock/utils.d.ts.map +1 -1
- package/lib/internal/template/internal/components/focus-lock/utils.js +4 -3
- package/lib/internal/template/internal/components/focus-lock/utils.js.map +1 -1
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +16 -19
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/option/styles.css.js +17 -17
- package/lib/internal/template/internal/components/option/styles.scoped.css +32 -35
- package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
- package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
- package/lib/internal/template/internal/components/options-list/styles.scoped.css +5 -8
- package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +23 -26
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts +9 -4
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js +15 -5
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/utils/scrollable-containers.d.ts +2 -1
- package/lib/internal/template/internal/utils/scrollable-containers.d.ts.map +1 -1
- package/lib/internal/template/internal/utils/scrollable-containers.js +11 -2
- package/lib/internal/template/internal/utils/scrollable-containers.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +74 -77
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/modal/styles.css.js +23 -23
- package/lib/internal/template/modal/styles.scoped.css +44 -50
- package/lib/internal/template/modal/styles.selectors.js +23 -23
- package/lib/internal/template/multiselect/styles.css.js +2 -2
- package/lib/internal/template/multiselect/styles.scoped.css +5 -8
- package/lib/internal/template/multiselect/styles.selectors.js +2 -2
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +26 -29
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/popover/styles.css.js +50 -50
- package/lib/internal/template/popover/styles.scoped.css +72 -81
- package/lib/internal/template/popover/styles.selectors.js +50 -50
- package/lib/internal/template/popover/use-popover-position.d.ts.map +1 -1
- package/lib/internal/template/popover/use-popover-position.js +4 -2
- package/lib/internal/template/popover/use-popover-position.js.map +1 -1
- package/lib/internal/template/progress-bar/styles.css.js +18 -18
- package/lib/internal/template/progress-bar/styles.scoped.css +35 -38
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
- package/lib/internal/template/property-filter/styles.css.js +31 -31
- package/lib/internal/template/property-filter/styles.scoped.css +36 -39
- package/lib/internal/template/property-filter/styles.selectors.js +31 -31
- package/lib/internal/template/radio-group/styles.css.js +9 -9
- package/lib/internal/template/radio-group/styles.scoped.css +18 -21
- package/lib/internal/template/radio-group/styles.selectors.js +9 -9
- package/lib/internal/template/segmented-control/styles.css.js +14 -14
- package/lib/internal/template/segmented-control/styles.scoped.css +36 -39
- package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
- package/lib/internal/template/select/styles.css.js +1 -1
- package/lib/internal/template/select/styles.scoped.css +4 -7
- package/lib/internal/template/select/styles.selectors.js +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +28 -28
- package/lib/internal/template/side-navigation/styles.scoped.css +41 -44
- package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
- package/lib/internal/template/split-panel/styles.css.js +55 -55
- package/lib/internal/template/split-panel/styles.scoped.css +78 -81
- package/lib/internal/template/split-panel/styles.selectors.js +55 -55
- package/lib/internal/template/table/resizer/styles.css.js +8 -8
- package/lib/internal/template/table/resizer/styles.scoped.css +17 -20
- package/lib/internal/template/table/resizer/styles.selectors.js +8 -8
- package/lib/internal/template/table/table-role/grid-navigation.d.ts.map +1 -1
- package/lib/internal/template/table/table-role/grid-navigation.js +73 -41
- package/lib/internal/template/table/table-role/grid-navigation.js.map +1 -1
- package/lib/internal/template/table/table-role/utils.d.ts +1 -16
- package/lib/internal/template/table/table-role/utils.d.ts.map +1 -1
- package/lib/internal/template/table/table-role/utils.js +0 -53
- package/lib/internal/template/table/table-role/utils.js.map +1 -1
- package/lib/internal/template/tabs/styles.css.js +21 -21
- package/lib/internal/template/tabs/styles.scoped.css +42 -45
- package/lib/internal/template/tabs/styles.selectors.js +21 -21
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +63 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/text-filter/styles.css.js +3 -3
- package/lib/internal/template/text-filter/styles.scoped.css +6 -9
- package/lib/internal/template/text-filter/styles.selectors.js +3 -3
- package/lib/internal/template/textarea/styles.css.js +4 -4
- package/lib/internal/template/textarea/styles.scoped.css +15 -18
- package/lib/internal/template/textarea/styles.selectors.js +4 -4
- package/lib/internal/template/tiles/styles.css.js +29 -29
- package/lib/internal/template/tiles/styles.scoped.css +76 -82
- package/lib/internal/template/tiles/styles.selectors.js +29 -29
- package/lib/internal/template/toggle/styles.css.js +8 -8
- package/lib/internal/template/toggle/styles.scoped.css +16 -19
- package/lib/internal/template/toggle/styles.selectors.js +8 -8
- package/lib/internal/template/token-group/styles.css.js +8 -8
- package/lib/internal/template/token-group/styles.scoped.css +19 -22
- package/lib/internal/template/token-group/styles.selectors.js +8 -8
- package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
- package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -48
- package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +75 -84
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -27
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +36 -45
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
- package/lib/internal/template/tutorial-panel/styles.scoped.css +4 -7
- package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
- package/lib/internal/template/wizard/styles.css.js +31 -31
- package/lib/internal/template/wizard/styles.scoped.css +65 -68
- package/lib/internal/template/wizard/styles.selectors.js +31 -31
- package/package.json +1 -1
|
@@ -1,22 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Makes all element focusable children pseudo-focusable unless the grid navigation is suppressed.
|
|
3
|
-
*/
|
|
4
|
-
export declare function muteElementFocusables(element: HTMLElement, suppressed: boolean): void;
|
|
5
|
-
/**
|
|
6
|
-
* This cleanup code ensures all cells are no longer focusable but the interactive elements are.
|
|
7
|
-
* Currently there are no use cases for it as we don't expect the navigation to be used conditionally.
|
|
8
|
-
*/
|
|
9
|
-
export declare function restoreElementFocusables(element: HTMLTableElement): void;
|
|
10
1
|
/**
|
|
11
2
|
* Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.
|
|
12
3
|
* This is used to suppress navigation for interactive content without a need to use a custom suppression check.
|
|
13
4
|
*/
|
|
14
|
-
export declare function defaultIsSuppressed(target:
|
|
15
|
-
/**
|
|
16
|
-
* Returns actually focusable or pseudo-focusable elements to find navigation targets.
|
|
17
|
-
*/
|
|
18
|
-
export declare function getFocusables(element: HTMLElement): HTMLElement[];
|
|
19
|
-
export declare function getFirstFocusable(element: HTMLElement): HTMLElement | null;
|
|
5
|
+
export declare function defaultIsSuppressed(target: Element): boolean;
|
|
20
6
|
/**
|
|
21
7
|
* Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.
|
|
22
8
|
*/
|
|
@@ -25,5 +11,4 @@ export declare function findTableRowByAriaRowIndex(table: HTMLTableElement, targ
|
|
|
25
11
|
* Finds the closest column to the targetAriaColIndex+delta in the direction of delta.
|
|
26
12
|
*/
|
|
27
13
|
export declare function findTableRowCellByAriaColIndex(tableRow: HTMLTableRowElement, targetAriaColIndex: number, delta: number): HTMLTableCellElement | null;
|
|
28
|
-
export declare function setTabIndex(element: null | HTMLElement, tabIndex: number): void;
|
|
29
14
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,WAiBlD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd"}
|
|
@@ -1,44 +1,5 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { getFocusables as getActualFocusables } from '../../internal/components/focus-lock/utils';
|
|
4
|
-
// For the grid to have a single Tab stop all interactive element indices are updated to be -999.
|
|
5
|
-
// The elements having tab index -999 are eligible for keyboard navigation but not for Tab navigation.
|
|
6
|
-
const PSEUDO_FOCUSABLE_TAB_INDEX = -999;
|
|
7
|
-
const FOCUSABLES_SELECTOR = `[tabIndex="0"],[tabIndex="${PSEUDO_FOCUSABLE_TAB_INDEX}"]`;
|
|
8
|
-
/**
|
|
9
|
-
* Makes all element focusable children pseudo-focusable unless the grid navigation is suppressed.
|
|
10
|
-
*/
|
|
11
|
-
export function muteElementFocusables(element, suppressed) {
|
|
12
|
-
// When grid navigation is suppressed all interactive elements and all cells focus is unmuted to unblock Tab navigation.
|
|
13
|
-
// Leaving the interactive widget using Tab navigation moves the focus to the current or adjacent cell and un-suppresses
|
|
14
|
-
// the navigation when implemented correctly.
|
|
15
|
-
if (suppressed) {
|
|
16
|
-
for (const focusable of getFocusables(element)) {
|
|
17
|
-
setTabIndex(focusable, 0);
|
|
18
|
-
}
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
// Assigning pseudo-focusable tab index to all cells and all interactive elements makes them focusable with grid navigation.
|
|
22
|
-
for (const focusable of getActualFocusables(element)) {
|
|
23
|
-
if (focusable !== document.activeElement) {
|
|
24
|
-
setTabIndex(focusable, PSEUDO_FOCUSABLE_TAB_INDEX);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* This cleanup code ensures all cells are no longer focusable but the interactive elements are.
|
|
30
|
-
* Currently there are no use cases for it as we don't expect the navigation to be used conditionally.
|
|
31
|
-
*/
|
|
32
|
-
export function restoreElementFocusables(element) {
|
|
33
|
-
for (const focusable of getFocusables(element)) {
|
|
34
|
-
if (focusable instanceof HTMLTableCellElement) {
|
|
35
|
-
setTabIndex(focusable, -1);
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
setTabIndex(focusable, 0);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
3
|
/**
|
|
43
4
|
* Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.
|
|
44
5
|
* This is used to suppress navigation for interactive content without a need to use a custom suppression check.
|
|
@@ -59,15 +20,6 @@ export function defaultIsSuppressed(target) {
|
|
|
59
20
|
}
|
|
60
21
|
return false;
|
|
61
22
|
}
|
|
62
|
-
/**
|
|
63
|
-
* Returns actually focusable or pseudo-focusable elements to find navigation targets.
|
|
64
|
-
*/
|
|
65
|
-
export function getFocusables(element) {
|
|
66
|
-
return Array.from(element.querySelectorAll(FOCUSABLES_SELECTOR));
|
|
67
|
-
}
|
|
68
|
-
export function getFirstFocusable(element) {
|
|
69
|
-
return element.querySelector(FOCUSABLES_SELECTOR);
|
|
70
|
-
}
|
|
71
23
|
/**
|
|
72
24
|
* Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.
|
|
73
25
|
*/
|
|
@@ -118,9 +70,4 @@ export function findTableRowCellByAriaColIndex(tableRow, targetAriaColIndex, del
|
|
|
118
70
|
}
|
|
119
71
|
return targetCell;
|
|
120
72
|
}
|
|
121
|
-
export function setTabIndex(element, tabIndex) {
|
|
122
|
-
if (element && element.tabIndex !== tabIndex) {
|
|
123
|
-
element.tabIndex = tabIndex;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
73
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAAe;IACjD,IAAI,OAAO,GAAmB,MAAM,CAAC;IACrC,OAAO,OAAO,EAAE;QACd,0GAA0G;QAC1G,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC9C,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;YACxC,OAAO,KAAK,CAAC;SACd;QACD,IACE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;YACzC,OAAO,CAAC,YAAY,CAAC,sCAAsC,CAAC,KAAK,MAAM,EACvE;YACA,OAAO,IAAI,CAAC;SACb;QACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;KACjC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,KAAuB,EAAE,kBAA0B,EAAE,KAAa;;IAC3G,IAAI,SAAS,GAA+B,IAAI,CAAC;IACjD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC5E,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,WAAW,CAAC,OAAO,EAAE,CAAC;KACvB;IACD,KAAK,MAAM,OAAO,IAAI,WAAW,EAAE;QACjC,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAA,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,mCAAI,EAAE,CAAC,CAAC;QACvE,SAAS,GAAG,OAA8B,CAAC;QAE3C,IAAI,QAAQ,KAAK,kBAAkB,EAAE;YACnC,MAAM;SACP;QACD,IAAI,KAAK,IAAI,CAAC,IAAI,QAAQ,GAAG,kBAAkB,EAAE;YAC/C,MAAM;SACP;QACD,IAAI,KAAK,GAAG,CAAC,IAAI,QAAQ,GAAG,kBAAkB,EAAE;YAC9C,MAAM;SACP;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,8BAA8B,CAC5C,QAA6B,EAC7B,kBAA0B,EAC1B,KAAa;;IAEb,IAAI,UAAU,GAAgC,IAAI,CAAC;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,CAAC,CAAC;IAClG,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,YAAY,CAAC,OAAO,EAAE,CAAC;KACxB;IACD,KAAK,MAAM,OAAO,IAAI,YAAY,EAAE;QAClC,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAA,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,mCAAI,EAAE,CAAC,CAAC;QAC1E,UAAU,GAAG,OAA+B,CAAC;QAE7C,IAAI,WAAW,KAAK,kBAAkB,EAAE;YACtC,MAAM;SACP;QACD,IAAI,KAAK,IAAI,CAAC,IAAI,WAAW,GAAG,kBAAkB,EAAE;YAClD,MAAM;SACP;QACD,IAAI,KAAK,GAAG,CAAC,IAAI,WAAW,GAAG,kBAAkB,EAAE;YACjD,MAAM;SACP;KACF;IACD,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: Element) {\n let current: null | Element = target;\n while (current) {\n // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n const tagName = current.tagName.toLowerCase();\n if (tagName === 'td' || tagName === 'th') {\n return false;\n }\n if (\n current.getAttribute('role') === 'dialog' ||\n current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n ) {\n return true;\n }\n current = current.parentElement;\n }\n return false;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n let targetRow: null | HTMLTableRowElement = null;\n const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n if (delta < 0) {\n rowElements.reverse();\n }\n for (const element of rowElements) {\n const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n targetRow = element as HTMLTableRowElement;\n\n if (rowIndex === targetAriaRowIndex) {\n break;\n }\n if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n break;\n }\n if (delta < 0 && rowIndex < targetAriaRowIndex) {\n break;\n }\n }\n return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n tableRow: HTMLTableRowElement,\n targetAriaColIndex: number,\n delta: number\n) {\n let targetCell: null | HTMLTableCellElement = null;\n const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n if (delta < 0) {\n cellElements.reverse();\n }\n for (const element of cellElements) {\n const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n targetCell = element as HTMLTableCellElement;\n\n if (columnIndex === targetAriaColIndex) {\n break;\n }\n if (delta >= 0 && columnIndex > targetAriaColIndex) {\n break;\n }\n if (delta < 0 && columnIndex < targetAriaColIndex) {\n break;\n }\n }\n return targetCell;\n}\n"]}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"tabs-header": "awsui_tabs-
|
|
5
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
6
|
-
"pagination-button": "awsui_pagination-
|
|
7
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
8
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
9
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
10
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
11
|
-
"tabs-tab": "awsui_tabs-
|
|
12
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
13
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
14
|
-
"refresh": "
|
|
15
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
16
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
17
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
18
|
-
"root": "
|
|
19
|
-
"tabs": "
|
|
20
|
-
"tabs-content": "awsui_tabs-
|
|
21
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
22
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
23
|
-
"with-paddings": "awsui_with-
|
|
24
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
4
|
+
"tabs-header": "awsui_tabs-header_14rmt_w2iva_186",
|
|
5
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_w2iva_192",
|
|
6
|
+
"pagination-button": "awsui_pagination-button_14rmt_w2iva_207",
|
|
7
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_w2iva_212",
|
|
8
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_w2iva_215",
|
|
9
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_w2iva_219",
|
|
10
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_w2iva_222",
|
|
11
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_w2iva_227",
|
|
12
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_w2iva_238",
|
|
13
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_w2iva_253",
|
|
14
|
+
"refresh": "awsui_refresh_14rmt_w2iva_269",
|
|
15
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_w2iva_315",
|
|
16
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_w2iva_347",
|
|
17
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_w2iva_354",
|
|
18
|
+
"root": "awsui_root_14rmt_w2iva_358",
|
|
19
|
+
"tabs": "awsui_tabs_14rmt_w2iva_186",
|
|
20
|
+
"tabs-content": "awsui_tabs-content_14rmt_w2iva_399",
|
|
21
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_w2iva_403",
|
|
22
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_w2iva_413",
|
|
23
|
+
"with-paddings": "awsui_with-paddings_14rmt_w2iva_413",
|
|
24
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_w2iva_417"
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
185
|
/* stylelint-disable selector-max-type */
|
|
186
|
-
.awsui_tabs-
|
|
186
|
+
.awsui_tabs-header_14rmt_w2iva_186:not(#\9) {
|
|
187
187
|
margin: 0;
|
|
188
188
|
padding: 0;
|
|
189
189
|
display: flex;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.awsui_tabs-header-
|
|
192
|
+
.awsui_tabs-header-list_14rmt_w2iva_192:not(#\9) {
|
|
193
193
|
margin: 0;
|
|
194
194
|
padding: 0;
|
|
195
195
|
display: flex;
|
|
@@ -200,42 +200,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
200
200
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
201
201
|
scrollbar-width: none; /* Firefox */
|
|
202
202
|
}
|
|
203
|
-
.awsui_tabs-header-
|
|
203
|
+
.awsui_tabs-header-list_14rmt_w2iva_192:not(#\9)::-webkit-scrollbar {
|
|
204
204
|
display: none; /* Safari and Chrome */
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.awsui_pagination-
|
|
207
|
+
.awsui_pagination-button_14rmt_w2iva_207:not(#\9) {
|
|
208
208
|
margin: var(--space-scaled-s-9q8n2q, 12px) 0;
|
|
209
209
|
padding: 0 var(--space-xxs-9rrxti, 4px);
|
|
210
210
|
display: flex;
|
|
211
211
|
}
|
|
212
|
-
.awsui_pagination-button-
|
|
212
|
+
.awsui_pagination-button-left_14rmt_w2iva_212:not(#\9) {
|
|
213
213
|
border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
|
|
214
214
|
}
|
|
215
|
-
.awsui_pagination-button-left-
|
|
215
|
+
.awsui_pagination-button-left-scrollable_14rmt_w2iva_215:not(#\9) {
|
|
216
216
|
z-index: 1;
|
|
217
217
|
box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-vlaodw, #eaeded);
|
|
218
218
|
}
|
|
219
|
-
.awsui_pagination-button-
|
|
219
|
+
.awsui_pagination-button-right_14rmt_w2iva_219:not(#\9) {
|
|
220
220
|
border-left: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
|
|
221
221
|
}
|
|
222
|
-
.awsui_pagination-button-right-
|
|
222
|
+
.awsui_pagination-button-right-scrollable_14rmt_w2iva_222:not(#\9) {
|
|
223
223
|
z-index: 1;
|
|
224
224
|
box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-vlaodw, #eaeded);
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
.awsui_tabs-
|
|
227
|
+
.awsui_tabs-tab_14rmt_w2iva_227:not(#\9) {
|
|
228
228
|
list-style: none;
|
|
229
229
|
padding: 0;
|
|
230
230
|
flex-shrink: 0;
|
|
231
231
|
display: flex;
|
|
232
232
|
max-width: calc(90% - var(--space-l-xu1x80, 20px));
|
|
233
233
|
}
|
|
234
|
-
.awsui_tabs-
|
|
234
|
+
.awsui_tabs-tab_14rmt_w2iva_227 > button:not(#\9) {
|
|
235
235
|
background-color: transparent;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
.awsui_tabs-tab-
|
|
238
|
+
.awsui_tabs-tab-label_14rmt_w2iva_238:not(#\9) {
|
|
239
239
|
display: flex;
|
|
240
240
|
align-items: center;
|
|
241
241
|
padding: var(--space-scaled-2x-xxs-r5f1ts, 4px) var(--space-l-xu1x80, 20px);
|
|
@@ -245,12 +245,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
245
245
|
word-break: break-word;
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.awsui_tabs-
|
|
248
|
+
.awsui_tabs-tab_14rmt_w2iva_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_w2iva_238, .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
|
|
249
249
|
margin-right: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
|
|
250
250
|
border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
-
.awsui_tabs-tab-
|
|
253
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9) {
|
|
254
254
|
position: relative;
|
|
255
255
|
display: flex;
|
|
256
256
|
align-items: stretch;
|
|
@@ -266,24 +266,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
266
266
|
-webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
|
|
267
267
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
|
|
268
268
|
}
|
|
269
|
-
.awsui_tabs-tab-
|
|
269
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253.awsui_refresh_14rmt_w2iva_269:not(#\9) {
|
|
270
270
|
padding: calc(var(--space-static-xs-fdj8ix, 8px) - 1px) 0 var(--space-static-xs-fdj8ix, 8px) 0;
|
|
271
271
|
}
|
|
272
|
-
.awsui_tabs-tab-
|
|
272
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):hover {
|
|
273
273
|
color: var(--color-text-accent-yy9054, #0073bb);
|
|
274
274
|
}
|
|
275
|
-
.awsui_tabs-tab-
|
|
275
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus {
|
|
276
276
|
outline: none;
|
|
277
277
|
}
|
|
278
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
278
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus {
|
|
279
279
|
z-index: 1;
|
|
280
280
|
position: relative;
|
|
281
281
|
}
|
|
282
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
282
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus {
|
|
283
283
|
outline: 2px dotted transparent;
|
|
284
284
|
outline-offset: calc(var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) - 1px);
|
|
285
285
|
}
|
|
286
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
286
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus::before {
|
|
287
287
|
content: " ";
|
|
288
288
|
display: block;
|
|
289
289
|
position: absolute;
|
|
@@ -294,32 +294,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
|
|
|
294
294
|
border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
|
|
295
295
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
|
|
296
296
|
}
|
|
297
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
297
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_w2iva_238, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
|
|
298
298
|
border-right-color: transparent;
|
|
299
299
|
}
|
|
300
300
|
|
|
301
|
-
.awsui_tabs-
|
|
301
|
+
.awsui_tabs-tab_14rmt_w2iva_227:not(#\9):first-child {
|
|
302
302
|
margin-left: 1px;
|
|
303
303
|
}
|
|
304
|
-
.awsui_tabs-
|
|
304
|
+
.awsui_tabs-tab_14rmt_w2iva_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_w2iva_238, .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
|
|
305
305
|
padding-left: calc(var(--space-l-xu1x80, 20px) - 1px);
|
|
306
306
|
}
|
|
307
307
|
|
|
308
|
-
.awsui_tabs-
|
|
308
|
+
.awsui_tabs-tab_14rmt_w2iva_227:not(#\9):last-child {
|
|
309
309
|
margin-right: 1px;
|
|
310
310
|
}
|
|
311
|
-
.awsui_tabs-
|
|
311
|
+
.awsui_tabs-tab_14rmt_w2iva_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_w2iva_238, .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
|
|
312
312
|
padding-right: calc(var(--space-l-xu1x80, 20px) - 1px);
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
.awsui_tabs-tab-
|
|
315
|
+
.awsui_tabs-tab-disabled_14rmt_w2iva_315:not(#\9), .awsui_tabs-tab-disabled_14rmt_w2iva_315:not(#\9):hover {
|
|
316
316
|
pointer-events: none;
|
|
317
317
|
cursor: default;
|
|
318
318
|
color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
|
|
319
319
|
font-weight: var(--font-tabs-disabled-weight-uew17o, 400);
|
|
320
320
|
}
|
|
321
321
|
|
|
322
|
-
.awsui_tabs-tab-
|
|
322
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315):after {
|
|
323
323
|
content: "";
|
|
324
324
|
position: absolute;
|
|
325
325
|
left: 0;
|
|
@@ -330,48 +330,48 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
|
|
|
330
330
|
background: var(--color-border-tabs-underline-vxhq31, #16191f);
|
|
331
331
|
opacity: 0;
|
|
332
332
|
}
|
|
333
|
-
.awsui_tabs-tab-
|
|
333
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after {
|
|
334
334
|
transition: opacity var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-c-2mltoq, cubic-bezier(0.84, 0, 0.16, 1));
|
|
335
335
|
}
|
|
336
336
|
@media (prefers-reduced-motion: reduce) {
|
|
337
|
-
.awsui_tabs-tab-
|
|
337
|
+
.awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after {
|
|
338
338
|
animation: none;
|
|
339
339
|
transition: none;
|
|
340
340
|
}
|
|
341
341
|
}
|
|
342
|
-
.awsui-motion-disabled .awsui_tabs-tab-
|
|
342
|
+
.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after {
|
|
343
343
|
animation: none;
|
|
344
344
|
transition: none;
|
|
345
345
|
}
|
|
346
346
|
|
|
347
|
-
.awsui_tabs-tab-
|
|
347
|
+
.awsui_tabs-tab-active_14rmt_w2iva_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315) {
|
|
348
348
|
color: var(--color-text-accent-yy9054, #0073bb);
|
|
349
349
|
}
|
|
350
|
-
.awsui_tabs-tab-
|
|
350
|
+
.awsui_tabs-tab-active_14rmt_w2iva_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315):after {
|
|
351
351
|
opacity: 1;
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.awsui_tabs-header-with-
|
|
354
|
+
.awsui_tabs-header-with-divider_14rmt_w2iva_354:not(#\9) {
|
|
355
355
|
border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
.
|
|
358
|
+
.awsui_root_14rmt_w2iva_358:not(#\9) {
|
|
359
359
|
/* used in test-utils or tests */
|
|
360
360
|
}
|
|
361
361
|
|
|
362
|
-
.
|
|
363
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
362
|
+
.awsui_tabs_14rmt_w2iva_186:not(#\9) {
|
|
364
363
|
border-collapse: separate;
|
|
365
364
|
border-spacing: 0;
|
|
365
|
+
box-sizing: border-box;
|
|
366
366
|
caption-side: top;
|
|
367
367
|
cursor: auto;
|
|
368
|
-
direction:
|
|
368
|
+
direction: inherit;
|
|
369
369
|
empty-cells: show;
|
|
370
370
|
font-family: serif;
|
|
371
371
|
font-size: medium;
|
|
372
372
|
font-style: normal;
|
|
373
373
|
font-variant: normal;
|
|
374
|
-
font-weight:
|
|
374
|
+
font-weight: 400;
|
|
375
375
|
font-stretch: normal;
|
|
376
376
|
line-height: normal;
|
|
377
377
|
-webkit-hyphens: none;
|
|
@@ -380,15 +380,12 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
|
|
|
380
380
|
list-style: disc outside none;
|
|
381
381
|
tab-size: 8;
|
|
382
382
|
text-align: left;
|
|
383
|
-
text-align-last: auto;
|
|
384
383
|
text-indent: 0;
|
|
385
384
|
text-shadow: none;
|
|
386
385
|
text-transform: none;
|
|
387
386
|
visibility: visible;
|
|
388
387
|
white-space: normal;
|
|
389
|
-
widows: 2;
|
|
390
388
|
word-spacing: normal;
|
|
391
|
-
box-sizing: border-box;
|
|
392
389
|
font-size: var(--font-size-body-m-pa3mqb, 14px);
|
|
393
390
|
line-height: var(--line-height-body-m-2zx78l, 22px);
|
|
394
391
|
color: var(--color-text-body-default-ffdwgg, #16191f);
|
|
@@ -400,24 +397,24 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
|
|
|
400
397
|
width: 100%;
|
|
401
398
|
}
|
|
402
399
|
|
|
403
|
-
.awsui_tabs-
|
|
400
|
+
.awsui_tabs-content_14rmt_w2iva_399:not(#\9) {
|
|
404
401
|
display: none;
|
|
405
402
|
}
|
|
406
403
|
|
|
407
|
-
.awsui_tabs-content-
|
|
404
|
+
.awsui_tabs-content-active_14rmt_w2iva_403:not(#\9) {
|
|
408
405
|
display: block;
|
|
409
406
|
}
|
|
410
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-content-
|
|
407
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_w2iva_403:not(#\9):focus {
|
|
411
408
|
outline: 2px dotted transparent;
|
|
412
409
|
outline-offset: 2px;
|
|
413
410
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
414
411
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
|
|
415
412
|
}
|
|
416
413
|
|
|
417
|
-
.awsui_tabs-content-
|
|
414
|
+
.awsui_tabs-content-wrapper_14rmt_w2iva_413.awsui_with-paddings_14rmt_w2iva_413 > .awsui_tabs-content_14rmt_w2iva_399:not(#\9) {
|
|
418
415
|
padding: var(--space-scaled-m-er48cl, 16px) 0;
|
|
419
416
|
}
|
|
420
417
|
|
|
421
|
-
.awsui_tabs-container-content-
|
|
418
|
+
.awsui_tabs-container-content-wrapper_14rmt_w2iva_417.awsui_with-paddings_14rmt_w2iva_413 > .awsui_tabs-content_14rmt_w2iva_399:not(#\9) {
|
|
422
419
|
padding: var(--space-tabs-content-top-53djlo, 16px) var(--space-container-horizontal-oebwqe, 20px) var(--space-scaled-l-08jb88, 20px);
|
|
423
420
|
}
|
|
@@ -2,26 +2,26 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"tabs-header": "awsui_tabs-
|
|
6
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
7
|
-
"pagination-button": "awsui_pagination-
|
|
8
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
9
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
10
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
11
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
12
|
-
"tabs-tab": "awsui_tabs-
|
|
13
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
14
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
15
|
-
"refresh": "
|
|
16
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
17
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
18
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
19
|
-
"root": "
|
|
20
|
-
"tabs": "
|
|
21
|
-
"tabs-content": "awsui_tabs-
|
|
22
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
23
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
24
|
-
"with-paddings": "awsui_with-
|
|
25
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
5
|
+
"tabs-header": "awsui_tabs-header_14rmt_w2iva_186",
|
|
6
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_w2iva_192",
|
|
7
|
+
"pagination-button": "awsui_pagination-button_14rmt_w2iva_207",
|
|
8
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_w2iva_212",
|
|
9
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_w2iva_215",
|
|
10
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_w2iva_219",
|
|
11
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_w2iva_222",
|
|
12
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_w2iva_227",
|
|
13
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_w2iva_238",
|
|
14
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_w2iva_253",
|
|
15
|
+
"refresh": "awsui_refresh_14rmt_w2iva_269",
|
|
16
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_w2iva_315",
|
|
17
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_w2iva_347",
|
|
18
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_w2iva_354",
|
|
19
|
+
"root": "awsui_root_14rmt_w2iva_358",
|
|
20
|
+
"tabs": "awsui_tabs_14rmt_w2iva_186",
|
|
21
|
+
"tabs-content": "awsui_tabs-content_14rmt_w2iva_399",
|
|
22
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_w2iva_403",
|
|
23
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_w2iva_413",
|
|
24
|
+
"with-paddings": "awsui_with-paddings_14rmt_w2iva_413",
|
|
25
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_w2iva_417"
|
|
26
26
|
};
|
|
27
27
|
|