@cloudscape-design/components 3.0.334 → 3.0.335
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +33 -33
- package/alert/styles.selectors.js +19 -19
- 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.js +3 -3
- package/app-layout/index.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +3 -3
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +168 -168
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +27 -27
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +2 -2
- package/autosuggest/virtual-list.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +7 -7
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +238 -238
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +14 -14
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -154
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +2 -2
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +31 -0
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +52 -7
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +14 -8
- package/button-dropdown/styles.scoped.css +44 -14
- package/button-dropdown/styles.selectors.js +14 -8
- package/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
- package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
- package/button-dropdown/utils/use-button-dropdown.js +1 -0
- package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -40
- package/calendar/styles.selectors.js +18 -18
- package/cards/index.js +5 -4
- package/cards/index.js.map +1 -1
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +55 -55
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/index.js +2 -2
- package/code-editor/index.js.map +1 -1
- package/code-editor/status-bar.d.ts.map +1 -1
- package/code-editor/status-bar.js +3 -3
- package/code-editor/status-bar.js.map +1 -1
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +129 -129
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +19 -19
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +47 -47
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/index.d.ts.map +1 -1
- package/column-layout/flexible-column-layout/index.js +2 -2
- package/column-layout/flexible-column-layout/index.js.map +1 -1
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +44 -44
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +52 -52
- package/container/styles.selectors.js +28 -28
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +10 -10
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +48 -48
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +65 -65
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +160 -160
- package/flashbar/styles.selectors.js +46 -46
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +9 -9
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +31 -31
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +55 -55
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +50 -50
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +70 -69
- package/help-panel/styles.selectors.js +4 -4
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +50 -50
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +35 -35
- package/input/styles.selectors.js +12 -12
- package/internal/base-component/styles.scoped.css +8 -7
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +26 -26
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/labels-measure.d.ts.map +1 -1
- package/internal/components/cartesian-chart/labels-measure.js +2 -2
- package/internal/components/cartesian-chart/labels-measure.js.map +1 -1
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +4 -4
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +16 -16
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +4 -4
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +10 -10
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +8 -8
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +6 -6
- package/internal/components/chart-wrapper/styles.scoped.css +9 -9
- package/internal/components/chart-wrapper/styles.selectors.js +6 -6
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +36 -36
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +4 -4
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/index.d.ts.map +1 -1
- package/internal/components/dropdown-status/index.js +1 -1
- package/internal/components/dropdown-status/index.js.map +1 -1
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +3 -3
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +31 -31
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +3 -3
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -29
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +21 -21
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +24 -13
- package/internal/generated/theming/index.js +24 -13
- package/internal/hooks/container-queries/index.d.ts +0 -2
- package/internal/hooks/container-queries/index.d.ts.map +1 -1
- package/internal/hooks/container-queries/index.js +2 -1
- package/internal/hooks/container-queries/index.js.map +1 -1
- package/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
- package/internal/hooks/container-queries/use-container-breakpoints.js +2 -2
- package/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
- package/internal/hooks/container-queries/use-resize-observer.d.ts +1 -1
- package/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
- package/internal/hooks/container-queries/use-resize-observer.js +0 -2
- package/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
- package/internal/hooks/use-dynamic-overlap/index.js +2 -2
- package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/use-container-width.d.ts.map +1 -1
- package/internal/utils/use-container-width.js +5 -3
- package/internal/utils/use-container-width.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +73 -73
- package/link/styles.selectors.js +20 -20
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -1
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +40 -40
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +2 -2
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +23 -23
- package/pie-chart/styles.scoped.css +42 -42
- package/pie-chart/styles.selectors.js +23 -23
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +66 -66
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +35 -35
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +2 -3
- package/property-filter/index.js.map +1 -1
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +32 -32
- package/property-filter/styles.selectors.js +29 -29
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +2 -2
- package/property-filter/token-editor.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/virtual-list.js +2 -2
- package/select/parts/virtual-list.js.map +1 -1
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +2 -2
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +27 -27
- package/side-navigation/styles.scoped.css +39 -39
- package/side-navigation/styles.selectors.js +27 -27
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +20 -20
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +78 -78
- package/split-panel/styles.selectors.js +56 -56
- package/status-indicator/internal.d.ts +6 -3
- package/status-indicator/internal.d.ts.map +1 -1
- package/status-indicator/internal.js +2 -2
- package/status-indicator/internal.js.map +1 -1
- package/status-indicator/styles.css.js +22 -20
- package/status-indicator/styles.scoped.css +33 -28
- package/status-indicator/styles.selectors.js +22 -20
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +6 -4
- package/table/internal.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +4 -4
- package/table/sticky-scrollbar/styles.scoped.css +4 -5
- package/table/sticky-scrollbar/styles.selectors.js +4 -4
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +43 -43
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -39
- package/tabs/styles.selectors.js +21 -21
- package/tabs/tab-header-bar.js +2 -2
- package/tabs/tab-header-bar.js.map +1 -1
- package/test-utils/dom/button-dropdown/index.d.ts +2 -0
- package/test-utils/dom/button-dropdown/index.js +6 -1
- package/test-utils/dom/button-dropdown/index.js.map +1 -1
- package/test-utils/selectors/button-dropdown/index.d.ts +2 -0
- package/test-utils/selectors/button-dropdown/index.js +6 -1
- package/test-utils/selectors/button-dropdown/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +64 -64
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +4 -4
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -14
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +70 -70
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -15
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +17 -17
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/1.0-beta/use-top-navigation.d.ts.map +1 -1
- package/top-navigation/1.0-beta/use-top-navigation.js +2 -1
- package/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +70 -70
- package/top-navigation/styles.selectors.js +47 -47
- package/top-navigation/use-top-navigation.d.ts.map +1 -1
- package/top-navigation/use-top-navigation.js +2 -1
- package/top-navigation/use-top-navigation.js.map +1 -1
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -30
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +2 -2
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
- package/internal/hooks/container-queries/interfaces.d.ts +0 -10
- package/internal/hooks/container-queries/interfaces.d.ts.map +0 -1
- package/internal/hooks/container-queries/interfaces.js +0 -4
- package/internal/hooks/container-queries/interfaces.js.map +0 -1
- package/internal/hooks/container-queries/use-container-query.d.ts +0 -22
- package/internal/hooks/container-queries/use-container-query.d.ts.map +0 -1
- package/internal/hooks/container-queries/use-container-query.js +0 -32
- package/internal/hooks/container-queries/use-container-query.js.map +0 -1
package/input/styles.css.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"input": "
|
|
6
|
-
"input-readonly": "awsui_input-
|
|
7
|
-
"input-invalid": "awsui_input-
|
|
8
|
-
"input-has-icon-left": "awsui_input-has-icon-
|
|
9
|
-
"input-type-search": "awsui_input-type-
|
|
10
|
-
"input-has-icon-right": "awsui_input-has-icon-
|
|
11
|
-
"input-has-no-border-radius": "awsui_input-has-no-border-
|
|
12
|
-
"input-container": "awsui_input-
|
|
13
|
-
"input-icon-left": "awsui_input-icon-
|
|
14
|
-
"input-icon-right": "awsui_input-icon-
|
|
15
|
-
"input-button-right": "awsui_input-button-
|
|
4
|
+
"root": "awsui_root_2rhyz_w519p_93",
|
|
5
|
+
"input": "awsui_input_2rhyz_w519p_97",
|
|
6
|
+
"input-readonly": "awsui_input-readonly_2rhyz_w519p_120",
|
|
7
|
+
"input-invalid": "awsui_input-invalid_2rhyz_w519p_181",
|
|
8
|
+
"input-has-icon-left": "awsui_input-has-icon-left_2rhyz_w519p_192",
|
|
9
|
+
"input-type-search": "awsui_input-type-search_2rhyz_w519p_197",
|
|
10
|
+
"input-has-icon-right": "awsui_input-has-icon-right_2rhyz_w519p_213",
|
|
11
|
+
"input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_w519p_216",
|
|
12
|
+
"input-container": "awsui_input-container_2rhyz_w519p_220",
|
|
13
|
+
"input-icon-left": "awsui_input-icon-left_2rhyz_w519p_225",
|
|
14
|
+
"input-icon-right": "awsui_input-icon-right_2rhyz_w519p_232",
|
|
15
|
+
"input-button-right": "awsui_input-button-right_2rhyz_w519p_238"
|
|
16
16
|
};
|
|
17
17
|
|
package/input/styles.scoped.css
CHANGED
|
@@ -90,11 +90,11 @@ 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_2rhyz_w519p_93:not(#\9) {
|
|
94
94
|
/* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.awsui_input_2rhyz_w519p_97:not(#\9) {
|
|
98
98
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
99
99
|
border-collapse: separate;
|
|
100
100
|
border-spacing: 0;
|
|
@@ -125,7 +125,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
125
125
|
word-spacing: normal;
|
|
126
126
|
box-sizing: border-box;
|
|
127
127
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
128
|
-
line-height: var(--font-body-m-line-height-
|
|
128
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
129
129
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
130
130
|
font-weight: 400;
|
|
131
131
|
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
@@ -140,73 +140,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
140
140
|
border-radius: var(--border-radius-input-g1eef0, 8px);
|
|
141
141
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-default-zb6g42, #7d8998);
|
|
142
142
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
143
|
-
line-height: var(--font-body-m-line-height-
|
|
144
|
-
height: var(--size-vertical-input-
|
|
143
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
144
|
+
height: var(--size-vertical-input-pta06y, 32px);
|
|
145
145
|
}
|
|
146
|
-
.
|
|
146
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-readonly_2rhyz_w519p_120:not(#\9) {
|
|
147
147
|
background-color: var(--color-background-input-default-y2omd4, #ffffff);
|
|
148
148
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
|
|
149
149
|
}
|
|
150
|
-
.
|
|
150
|
+
.awsui_input_2rhyz_w519p_97:not(#\9)::-webkit-input-placeholder {
|
|
151
151
|
color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
|
|
152
152
|
font-style: italic;
|
|
153
153
|
-webkit-user-select: none;
|
|
154
154
|
user-select: none;
|
|
155
155
|
}
|
|
156
|
-
.
|
|
156
|
+
.awsui_input_2rhyz_w519p_97:not(#\9)::-ms-input-placeholder {
|
|
157
157
|
color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
|
|
158
158
|
font-style: italic;
|
|
159
159
|
}
|
|
160
|
-
.
|
|
160
|
+
.awsui_input_2rhyz_w519p_97:not(#\9)::-moz-placeholder {
|
|
161
161
|
color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
|
|
162
162
|
font-style: italic;
|
|
163
163
|
opacity: 1;
|
|
164
164
|
}
|
|
165
|
-
.
|
|
165
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):-ms-input-placeholder {
|
|
166
166
|
color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
|
|
167
167
|
font-style: italic;
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):-moz-placeholder {
|
|
170
170
|
color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
|
|
171
171
|
font-style: italic;
|
|
172
172
|
opacity: 1;
|
|
173
173
|
}
|
|
174
|
-
.
|
|
174
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):focus {
|
|
175
175
|
outline: 2px dotted transparent;
|
|
176
176
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
|
|
177
177
|
border-radius: var(--border-radius-input-g1eef0, 8px);
|
|
178
178
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
179
179
|
}
|
|
180
|
-
.
|
|
180
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):disabled {
|
|
181
181
|
background-color: var(--color-background-input-disabled-nvrgh4, #e9ebed);
|
|
182
182
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
|
|
183
183
|
color: var(--color-text-input-disabled-dmotcr, #9ba7b6);
|
|
184
184
|
cursor: auto;
|
|
185
185
|
cursor: default;
|
|
186
186
|
}
|
|
187
|
-
.
|
|
187
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):disabled::-webkit-input-placeholder {
|
|
188
188
|
color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
|
|
189
189
|
-webkit-user-select: none;
|
|
190
190
|
user-select: none;
|
|
191
191
|
}
|
|
192
|
-
.
|
|
192
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):disabled::-ms-input-placeholder {
|
|
193
193
|
color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
|
|
194
194
|
}
|
|
195
|
-
.
|
|
195
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):disabled::-moz-placeholder {
|
|
196
196
|
color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
|
|
197
197
|
opacity: 1;
|
|
198
198
|
}
|
|
199
|
-
.
|
|
199
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):disabled:-ms-input-placeholder {
|
|
200
200
|
color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
|
|
201
201
|
}
|
|
202
|
-
.
|
|
202
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):disabled:-moz-placeholder {
|
|
203
203
|
color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
|
|
204
204
|
opacity: 1;
|
|
205
205
|
}
|
|
206
|
-
.
|
|
206
|
+
.awsui_input_2rhyz_w519p_97:not(#\9):invalid {
|
|
207
207
|
box-shadow: none;
|
|
208
208
|
}
|
|
209
|
-
.
|
|
209
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-invalid_2rhyz_w519p_181:not(#\9) {
|
|
210
210
|
color: var(--color-text-status-error-p6dh5n, #d91515);
|
|
211
211
|
border-color: var(--color-text-status-error-p6dh5n, #d91515);
|
|
212
212
|
padding-left: calc(
|
|
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
214
|
);
|
|
215
215
|
border-left-width: var(--border-invalid-width-u1caet, 8px);
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-invalid_2rhyz_w519p_181:not(#\9):focus {
|
|
218
218
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-yfz0fs, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
219
219
|
}
|
|
220
|
-
.
|
|
220
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-invalid_2rhyz_w519p_181.awsui_input-has-icon-left_2rhyz_w519p_192:not(#\9) {
|
|
221
221
|
padding-left: calc(
|
|
222
222
|
var(--space-field-icon-offset-o8qwwh, 36px) - (var(--border-invalid-width-u1caet, 8px) - var(--border-field-width-riro62, 2px))
|
|
223
223
|
);
|
|
224
224
|
}
|
|
225
|
-
.
|
|
225
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-type-search_2rhyz_w519p_197:not(#\9) {
|
|
226
226
|
box-sizing: border-box;
|
|
227
227
|
-webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-type-search_2rhyz_w519p_197:not(#\9)::-ms-clear {
|
|
230
230
|
display: none;
|
|
231
231
|
}
|
|
232
|
-
.
|
|
232
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-type-search_2rhyz_w519p_197:not(#\9)::-webkit-search-decoration {
|
|
233
233
|
-webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
|
|
234
234
|
}
|
|
235
|
-
.
|
|
235
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-type-search_2rhyz_w519p_197:not(#\9)::-webkit-search-cancel-button {
|
|
236
236
|
display: none;
|
|
237
237
|
}
|
|
238
|
-
.
|
|
238
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-has-icon-left_2rhyz_w519p_192:not(#\9) {
|
|
239
239
|
padding-left: var(--space-field-icon-offset-o8qwwh, 36px);
|
|
240
240
|
}
|
|
241
|
-
.
|
|
241
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-has-icon-right_2rhyz_w519p_213:not(#\9) {
|
|
242
242
|
padding-right: var(--space-field-icon-offset-o8qwwh, 36px);
|
|
243
243
|
}
|
|
244
|
-
.
|
|
244
|
+
.awsui_input_2rhyz_w519p_97.awsui_input-has-no-border-radius_2rhyz_w519p_216:not(#\9) {
|
|
245
245
|
border-radius: var(--border-radius-dropdown-re1k6b, 8px);
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.awsui_input-
|
|
248
|
+
.awsui_input-container_2rhyz_w519p_220:not(#\9) {
|
|
249
249
|
display: flex;
|
|
250
250
|
position: relative;
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
-
.awsui_input-icon-
|
|
253
|
+
.awsui_input-icon-left_2rhyz_w519p_225:not(#\9) {
|
|
254
254
|
position: absolute;
|
|
255
255
|
pointer-events: none;
|
|
256
256
|
left: var(--space-field-horizontal-8qo3uw, 12px);
|
|
257
|
-
top: calc(50% - var(--font-body-m-line-height-
|
|
257
|
+
top: calc(50% - var(--font-body-m-line-height-ghizru, 20px) / 2);
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
-
.awsui_input-icon-
|
|
260
|
+
.awsui_input-icon-right_2rhyz_w519p_232:not(#\9) {
|
|
261
261
|
position: absolute;
|
|
262
|
-
top: calc(50% - var(--font-body-m-line-height-
|
|
262
|
+
top: calc(50% - var(--font-body-m-line-height-ghizru, 20px) / 2);
|
|
263
263
|
right: calc(var(--space-field-horizontal-8qo3uw, 12px) - var(--space-xxs-ja5cp8, 4px));
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.awsui_input-button-
|
|
266
|
+
.awsui_input-button-right_2rhyz_w519p_238:not(#\9) {
|
|
267
267
|
/* used in test-utils */
|
|
268
268
|
}
|
|
@@ -2,17 +2,17 @@
|
|
|
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
|
-
"input": "
|
|
7
|
-
"input-readonly": "awsui_input-
|
|
8
|
-
"input-invalid": "awsui_input-
|
|
9
|
-
"input-has-icon-left": "awsui_input-has-icon-
|
|
10
|
-
"input-type-search": "awsui_input-type-
|
|
11
|
-
"input-has-icon-right": "awsui_input-has-icon-
|
|
12
|
-
"input-has-no-border-radius": "awsui_input-has-no-border-
|
|
13
|
-
"input-container": "awsui_input-
|
|
14
|
-
"input-icon-left": "awsui_input-icon-
|
|
15
|
-
"input-icon-right": "awsui_input-icon-
|
|
16
|
-
"input-button-right": "awsui_input-button-
|
|
5
|
+
"root": "awsui_root_2rhyz_w519p_93",
|
|
6
|
+
"input": "awsui_input_2rhyz_w519p_97",
|
|
7
|
+
"input-readonly": "awsui_input-readonly_2rhyz_w519p_120",
|
|
8
|
+
"input-invalid": "awsui_input-invalid_2rhyz_w519p_181",
|
|
9
|
+
"input-has-icon-left": "awsui_input-has-icon-left_2rhyz_w519p_192",
|
|
10
|
+
"input-type-search": "awsui_input-type-search_2rhyz_w519p_197",
|
|
11
|
+
"input-has-icon-right": "awsui_input-has-icon-right_2rhyz_w519p_213",
|
|
12
|
+
"input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_w519p_216",
|
|
13
|
+
"input-container": "awsui_input-container_2rhyz_w519p_220",
|
|
14
|
+
"input-icon-left": "awsui_input-icon-left_2rhyz_w519p_225",
|
|
15
|
+
"input-icon-right": "awsui_input-icon-right_2rhyz_w519p_232",
|
|
16
|
+
"input-button-right": "awsui_input-button-right_2rhyz_w519p_238"
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
--color-dropzone-background-hover-tz97i0:#d3e7f9;
|
|
370
370
|
--color-dropzone-text-active-ixkxdz:#5f6b7a;
|
|
371
371
|
--color-dropzone-text-hover-iptg3q:#033160;
|
|
372
|
-
--font-body-m-line-height-
|
|
372
|
+
--font-body-m-line-height-ghizru:20px;
|
|
373
373
|
--font-body-m-size-7dign1:14px;
|
|
374
374
|
--font-body-s-letter-spacing-v8bwhi:0.005em;
|
|
375
375
|
--font-body-s-line-height-ga8tt7:16px;
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
--font-expandable-heading-size-mkp9vq:16px;
|
|
385
385
|
--font-family-base-wn913o:"Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
386
386
|
--font-family-monospace-froq9j:Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
|
|
387
|
-
--font-header-h2-description-line-height-
|
|
387
|
+
--font-header-h2-description-line-height-9j5c3z:20px;
|
|
388
388
|
--font-header-h2-description-size-nsq214:14px;
|
|
389
389
|
--font-heading-l-letter-spacing-usq225:-0.015em;
|
|
390
390
|
--font-heading-l-line-height-l1pmir:30px;
|
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
--size-icon-medium-x0iee8:20px;
|
|
500
500
|
--size-icon-normal-jq6jat:16px;
|
|
501
501
|
--size-table-selection-horizontal-jcyaue:40px;
|
|
502
|
-
--size-vertical-input-
|
|
502
|
+
--size-vertical-input-pta06y:32px;
|
|
503
503
|
--size-vertical-panel-icon-offset-zd2rli:15px;
|
|
504
504
|
--space-alert-action-left-j65qap:12px;
|
|
505
505
|
--space-alert-horizontal-xg2h48:16px;
|
|
@@ -507,7 +507,7 @@
|
|
|
507
507
|
--space-alert-vertical-83u3il:8px;
|
|
508
508
|
--space-button-focus-outline-gutter-txnpcq:4px;
|
|
509
509
|
--space-button-icon-focus-outline-gutter-vertical-omhhky:0px;
|
|
510
|
-
--space-button-icon-only-horizontal-
|
|
510
|
+
--space-button-icon-only-horizontal-k5a18g:6px;
|
|
511
511
|
--space-button-inline-icon-focus-outline-gutter-0bswpj:0px;
|
|
512
512
|
--space-button-modal-dismiss-vertical-tjnxlz:0px;
|
|
513
513
|
--space-calendar-grid-focus-outline-gutter-reev1c:-5px;
|
|
@@ -533,6 +533,7 @@
|
|
|
533
533
|
--space-layout-toggle-padding-dhzjwp:20px;
|
|
534
534
|
--space-modal-content-bottom-4lprrr:16px;
|
|
535
535
|
--space-modal-horizontal-rzqrfo:20px;
|
|
536
|
+
--space-option-icon-big-top-lfkz5s:0px;
|
|
536
537
|
--space-panel-nav-left-kdx5qt:28px;
|
|
537
538
|
--space-panel-side-left-ob0rxs:28px;
|
|
538
539
|
--space-panel-side-right-zzgkuy:24px;
|
|
@@ -955,10 +956,10 @@
|
|
|
955
956
|
}
|
|
956
957
|
}
|
|
957
958
|
.awsui-compact-mode:not(#\9) {
|
|
958
|
-
--size-vertical-input-
|
|
959
|
+
--size-vertical-input-pta06y:28px;
|
|
959
960
|
--size-vertical-panel-icon-offset-zd2rli:13px;
|
|
960
961
|
--space-alert-vertical-83u3il:4px;
|
|
961
|
-
--space-button-icon-only-horizontal-
|
|
962
|
+
--space-button-icon-only-horizontal-k5a18g:4px;
|
|
962
963
|
--space-content-header-padding-bottom-2cx87f:12px;
|
|
963
964
|
--space-dark-header-overlap-distance-l9lxfl:32px;
|
|
964
965
|
--space-expandable-section-icon-offset-top-qfofw6:0px;
|
|
@@ -1007,7 +1008,7 @@
|
|
|
1007
1008
|
}
|
|
1008
1009
|
|
|
1009
1010
|
.awsui-context-compact-table:not(#\9) {
|
|
1010
|
-
--size-vertical-input-
|
|
1011
|
+
--size-vertical-input-pta06y:28px;
|
|
1011
1012
|
--space-alert-vertical-83u3il:4px;
|
|
1012
1013
|
--space-layout-toggle-padding-dhzjwp:16px;
|
|
1013
1014
|
--space-panel-side-right-zzgkuy:20px;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"button-trigger": "awsui_button-
|
|
5
|
-
"arrow": "
|
|
6
|
-
"has-caret": "awsui_has-
|
|
7
|
-
"placeholder": "
|
|
8
|
-
"pressed": "
|
|
9
|
-
"disabled": "
|
|
10
|
-
"in-filtering-token": "awsui_in-filtering-
|
|
11
|
-
"read-only": "awsui_read-
|
|
12
|
-
"invalid": "
|
|
4
|
+
"button-trigger": "awsui_button-trigger_18eso_59yb9_97",
|
|
5
|
+
"arrow": "awsui_arrow_18eso_59yb9_97",
|
|
6
|
+
"has-caret": "awsui_has-caret_18eso_59yb9_137",
|
|
7
|
+
"placeholder": "awsui_placeholder_18eso_59yb9_140",
|
|
8
|
+
"pressed": "awsui_pressed_18eso_59yb9_153",
|
|
9
|
+
"disabled": "awsui_disabled_18eso_59yb9_156",
|
|
10
|
+
"in-filtering-token": "awsui_in-filtering-token_18eso_59yb9_165",
|
|
11
|
+
"read-only": "awsui_read-only_18eso_59yb9_171",
|
|
12
|
+
"invalid": "awsui_invalid_18eso_59yb9_188"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -94,16 +94,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.awsui_button-
|
|
97
|
+
.awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
|
|
98
98
|
transition: transform var(--motion-duration-rotate-180-m9g4a9, 135ms) var(--motion-easing-rotate-180-h4cyjx, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
99
99
|
}
|
|
100
100
|
@media (prefers-reduced-motion: reduce) {
|
|
101
|
-
.awsui_button-
|
|
101
|
+
.awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
|
|
102
102
|
animation: none;
|
|
103
103
|
transition: none;
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
-
.awsui-motion-disabled .awsui_button-
|
|
106
|
+
.awsui-motion-disabled .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
|
|
107
107
|
animation: none;
|
|
108
108
|
transition: none;
|
|
109
109
|
}
|
|
@@ -112,7 +112,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
112
112
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
113
113
|
SPDX-License-Identifier: Apache-2.0
|
|
114
114
|
*/
|
|
115
|
-
.awsui_button-
|
|
115
|
+
.awsui_button-trigger_18eso_59yb9_97:not(#\9) {
|
|
116
116
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
117
117
|
border-collapse: separate;
|
|
118
118
|
border-spacing: 0;
|
|
@@ -143,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
143
143
|
word-spacing: normal;
|
|
144
144
|
box-sizing: border-box;
|
|
145
145
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
146
|
-
line-height: var(--font-body-m-line-height-
|
|
146
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
147
147
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
148
148
|
font-weight: 400;
|
|
149
149
|
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
@@ -158,60 +158,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
158
158
|
background-color: var(--color-background-input-default-y2omd4, #ffffff);
|
|
159
159
|
border-radius: var(--border-radius-input-g1eef0, 8px);
|
|
160
160
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-default-zb6g42, #7d8998);
|
|
161
|
-
min-height: var(--size-vertical-input-
|
|
161
|
+
min-height: var(--size-vertical-input-pta06y, 32px);
|
|
162
162
|
}
|
|
163
|
-
.awsui_button-
|
|
163
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_has-caret_18eso_59yb9_137:not(#\9) {
|
|
164
164
|
padding-right: var(--space-field-icon-offset-o8qwwh, 36px);
|
|
165
165
|
}
|
|
166
|
-
.awsui_button-
|
|
166
|
+
.awsui_button-trigger_18eso_59yb9_97 > .awsui_placeholder_18eso_59yb9_140:not(#\9) {
|
|
167
167
|
color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
|
|
168
168
|
font-style: italic;
|
|
169
169
|
}
|
|
170
|
-
.awsui_button-
|
|
170
|
+
.awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
|
|
171
171
|
position: absolute;
|
|
172
172
|
right: var(--space-field-horizontal-8qo3uw, 12px);
|
|
173
|
-
top: calc(50% - var(--font-body-m-line-height-
|
|
173
|
+
top: calc(50% - var(--font-body-m-line-height-ghizru, 20px) / 2);
|
|
174
174
|
color: var(--color-text-button-inline-icon-default-6co2zx, #0972d3);
|
|
175
175
|
}
|
|
176
|
-
.awsui_button-
|
|
176
|
+
.awsui_button-trigger_18eso_59yb9_97:not(#\9):hover > .awsui_arrow_18eso_59yb9_97 {
|
|
177
177
|
color: var(--color-text-button-inline-icon-hover-4bo7j3, #033160);
|
|
178
178
|
}
|
|
179
|
-
.awsui_button-
|
|
179
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_pressed_18eso_59yb9_153 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
|
|
180
180
|
transform: rotate(-180deg);
|
|
181
181
|
}
|
|
182
|
-
.awsui_button-
|
|
182
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156:not(#\9) {
|
|
183
183
|
background-color: var(--color-background-input-disabled-nvrgh4, #e9ebed);
|
|
184
184
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
|
|
185
185
|
color: var(--color-text-input-disabled-dmotcr, #9ba7b6);
|
|
186
186
|
cursor: auto;
|
|
187
187
|
}
|
|
188
|
-
.awsui_button-
|
|
188
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
|
|
189
189
|
color: var(--color-text-button-inline-icon-disabled-ffek69, #9ba7b6);
|
|
190
190
|
}
|
|
191
|
-
.awsui_button-
|
|
191
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156.awsui_in-filtering-token_18eso_59yb9_165:not(#\9) {
|
|
192
192
|
border-color: var(--color-border-control-disabled-pixk7g, #d1d5db);
|
|
193
193
|
}
|
|
194
|
-
.awsui_button-
|
|
194
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156 > .awsui_placeholder_18eso_59yb9_140:not(#\9) {
|
|
195
195
|
color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
|
|
196
196
|
}
|
|
197
|
-
.awsui_button-
|
|
197
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_read-only_18eso_59yb9_171:not(#\9) {
|
|
198
198
|
background-color: var(--color-background-input-default-y2omd4, #ffffff);
|
|
199
199
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
|
|
200
200
|
}
|
|
201
|
-
.awsui_button-
|
|
201
|
+
.awsui_button-trigger_18eso_59yb9_97:not(#\9):focus {
|
|
202
202
|
outline: none;
|
|
203
203
|
text-decoration: none;
|
|
204
204
|
}
|
|
205
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
205
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165):focus {
|
|
206
206
|
outline: 2px dotted transparent;
|
|
207
207
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
|
|
208
208
|
border-radius: var(--border-radius-input-g1eef0, 8px);
|
|
209
209
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
210
210
|
}
|
|
211
|
-
.awsui_button-
|
|
211
|
+
.awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165):invalid {
|
|
212
212
|
box-shadow: none;
|
|
213
213
|
}
|
|
214
|
-
.awsui_button-
|
|
214
|
+
.awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188, .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188:focus {
|
|
215
215
|
color: var(--color-text-status-error-p6dh5n, #d91515);
|
|
216
216
|
border-color: var(--color-text-status-error-p6dh5n, #d91515);
|
|
217
217
|
padding-left: calc(
|
|
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_jeche_97:not(#\9
|
|
|
219
219
|
);
|
|
220
220
|
border-left-width: var(--border-invalid-width-u1caet, 8px);
|
|
221
221
|
}
|
|
222
|
-
.awsui_button-
|
|
222
|
+
.awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188:focus, .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188:focus:focus {
|
|
223
223
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-yfz0fs, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
224
224
|
}
|
|
225
|
-
.awsui_button-
|
|
225
|
+
.awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9) {
|
|
226
226
|
border-color: var(--color-border-item-selected-xoo46x, #0972d3);
|
|
227
227
|
border-top-right-radius: 0;
|
|
228
228
|
border-bottom-right-radius: 0;
|
|
229
229
|
height: 100%;
|
|
230
230
|
}
|
|
231
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
231
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9):focus {
|
|
232
232
|
position: relative;
|
|
233
233
|
}
|
|
234
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
234
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9):focus {
|
|
235
235
|
outline: 2px dotted transparent;
|
|
236
236
|
outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-oe98c5, -5px) - 1px);
|
|
237
237
|
}
|
|
238
|
-
body[data-awsui-focus-visible=true] .awsui_button-
|
|
238
|
+
body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9):focus::before {
|
|
239
239
|
content: " ";
|
|
240
240
|
display: block;
|
|
241
241
|
position: absolute;
|
|
@@ -2,14 +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
|
-
"button-trigger": "awsui_button-
|
|
6
|
-
"arrow": "
|
|
7
|
-
"has-caret": "awsui_has-
|
|
8
|
-
"placeholder": "
|
|
9
|
-
"pressed": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"in-filtering-token": "awsui_in-filtering-
|
|
12
|
-
"read-only": "awsui_read-
|
|
13
|
-
"invalid": "
|
|
5
|
+
"button-trigger": "awsui_button-trigger_18eso_59yb9_97",
|
|
6
|
+
"arrow": "awsui_arrow_18eso_59yb9_97",
|
|
7
|
+
"has-caret": "awsui_has-caret_18eso_59yb9_137",
|
|
8
|
+
"placeholder": "awsui_placeholder_18eso_59yb9_140",
|
|
9
|
+
"pressed": "awsui_pressed_18eso_59yb9_153",
|
|
10
|
+
"disabled": "awsui_disabled_18eso_59yb9_156",
|
|
11
|
+
"in-filtering-token": "awsui_in-filtering-token_18eso_59yb9_165",
|
|
12
|
+
"read-only": "awsui_read-only_18eso_59yb9_171",
|
|
13
|
+
"invalid": "awsui_invalid_18eso_59yb9_188"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels-measure.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"labels-measure.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAG1E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAAC;IAClD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAED,wBAA2D;AAG3D,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,eA0BpF"}
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
import React, { memo, useEffect } from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import styles from './styles.css.js';
|
|
6
|
-
import { useContainerQuery } from '
|
|
6
|
+
import { useContainerQuery } from '@cloudscape-design/component-toolkit';
|
|
7
7
|
export default memo(LabelsMeasure);
|
|
8
8
|
// Places the invisible left-hand side labels to calculate their maximum width.
|
|
9
9
|
function LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }) {
|
|
10
|
-
const [width, ref] = useContainerQuery(rect => rect.
|
|
10
|
+
const [width, ref] = useContainerQuery(rect => rect.contentBoxWidth);
|
|
11
11
|
// Tell elements's width to the parent.
|
|
12
12
|
useEffect(() => {
|
|
13
13
|
autoWidth(width || 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels-measure.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"labels-measure.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AASzE,eAAe,IAAI,CAAC,aAAa,CAAyB,CAAC;AAE3D,+EAA+E;AAC/E,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAsB;IACnF,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAE7E,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAY,CAAC,CAAC;QAChD,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,iBAAc,MAAM,IAC9E,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAC3D,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,IACjF,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CACnB,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartScale, NumericChartScale } from './scales';\n\nimport styles from './styles.css.js';\nimport { ChartDataTypes } from '../../../mixed-line-bar-chart/interfaces';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\ninterface LabelsMeasureProps {\n scale: ChartScale | NumericChartScale;\n ticks: readonly ChartDataTypes[];\n tickFormatter?: (value: ChartDataTypes) => string;\n autoWidth: (value: number) => void;\n}\n\nexport default memo(LabelsMeasure) as typeof LabelsMeasure;\n\n// Places the invisible left-hand side labels to calculate their maximum width.\nfunction LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }: LabelsMeasureProps) {\n const [width, ref] = useContainerQuery<number>(rect => rect.contentBoxWidth);\n\n // Tell elements's width to the parent.\n useEffect(() => {\n autoWidth(width || 0);\n }, [autoWidth, width]);\n\n const labelMapper = (value: ChartDataTypes) => {\n const scaledValue = scale.d3Scale(value as any);\n if (scaledValue === undefined || !isFinite(scaledValue)) {\n return null;\n }\n\n return (\n <div key={`${value}`} className={styles['labels-left__label']} aria-hidden=\"true\">\n {tickFormatter ? tickFormatter(value as any) : value.toString()}\n </div>\n );\n };\n\n return (\n <div ref={ref} className={clsx(styles['labels-left'], styles['labels-left--hidden'])}>\n {ticks.map(labelMapper)}\n </div>\n );\n}\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"chart-filter": "awsui_chart-
|
|
6
|
-
"custom-icon-wrapper": "awsui_custom-icon-
|
|
4
|
+
"root": "awsui_root_1px7g_bp6ti_93",
|
|
5
|
+
"chart-filter": "awsui_chart-filter_1px7g_bp6ti_106",
|
|
6
|
+
"custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_bp6ti_110"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -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_1px7g_bp6ti_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
123
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
124
|
-
line-height: var(--font-body-m-line-height-
|
|
124
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
125
125
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
127
|
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
@@ -129,11 +129,11 @@ 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
|
-
.awsui_chart-
|
|
132
|
+
.awsui_chart-filter_1px7g_bp6ti_106:not(#\9) {
|
|
133
133
|
/* used in test-utils */
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.awsui_custom-icon-
|
|
136
|
+
.awsui_custom-icon-wrapper_1px7g_bp6ti_110:not(#\9) {
|
|
137
137
|
display: flex;
|
|
138
138
|
align-items: flex-start;
|
|
139
139
|
align-self: stretch;
|
|
@@ -2,8 +2,8 @@
|
|
|
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
|
-
"chart-filter": "awsui_chart-
|
|
7
|
-
"custom-icon-wrapper": "awsui_custom-icon-
|
|
5
|
+
"root": "awsui_root_1px7g_bp6ti_93",
|
|
6
|
+
"chart-filter": "awsui_chart-filter_1px7g_bp6ti_106",
|
|
7
|
+
"custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_bp6ti_110"
|
|
8
8
|
};
|
|
9
9
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"marker": "
|
|
5
|
-
"root": "
|
|
6
|
-
"title": "
|
|
7
|
-
"list": "
|
|
8
|
-
"marker--dimmed": "awsui_marker--
|
|
9
|
-
"marker--highlighted": "awsui_marker--
|
|
4
|
+
"marker": "awsui_marker_1kjc7_129h7_93",
|
|
5
|
+
"root": "awsui_root_1kjc7_129h7_111",
|
|
6
|
+
"title": "awsui_title_1kjc7_129h7_127",
|
|
7
|
+
"list": "awsui_list_1kjc7_129h7_131",
|
|
8
|
+
"marker--dimmed": "awsui_marker--dimmed_1kjc7_129h7_173",
|
|
9
|
+
"marker--highlighted": "awsui_marker--highlighted_1kjc7_129h7_176"
|
|
10
10
|
};
|
|
11
11
|
|