@cloudscape-design/components 3.0.301 → 3.0.303
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/interfaces.d.ts +1 -0
- package/alert/interfaces.d.ts.map +1 -1
- package/alert/interfaces.js.map +1 -1
- package/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +64 -64
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +46 -46
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -10
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +10 -10
- package/app-layout/drawer/styles.scoped.css +31 -31
- package/app-layout/drawer/styles.selectors.js +10 -10
- package/app-layout/interfaces.d.ts +1 -0
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +6 -6
- package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
- package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/styles.css.js +13 -13
- package/app-layout/styles.scoped.css +22 -22
- package/app-layout/styles.selectors.js +13 -13
- package/app-layout/toggles/styles.css.js +1 -1
- package/app-layout/toggles/styles.scoped.css +3 -3
- package/app-layout/toggles/styles.selectors.js +1 -1
- package/app-layout/visual-refresh/styles.css.js +68 -68
- package/app-layout/visual-refresh/styles.scoped.css +265 -265
- package/app-layout/visual-refresh/styles.selectors.js +68 -68
- package/area-chart/interfaces.d.ts +1 -0
- package/area-chart/interfaces.d.ts.map +1 -1
- package/area-chart/interfaces.js.map +1 -1
- package/area-chart/styles.css.js +13 -13
- package/area-chart/styles.scoped.css +29 -29
- package/area-chart/styles.selectors.js +13 -13
- package/attribute-editor/interfaces.d.ts +1 -0
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +48 -48
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/interfaces.d.ts +2 -0
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +20 -20
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +418 -418
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/interfaces.d.ts +1 -0
- package/breadcrumb-group/interfaces.d.ts.map +1 -1
- package/breadcrumb-group/interfaces.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +22 -22
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +19 -19
- package/button/styles.scoped.css +412 -412
- package/button/styles.selectors.js +19 -19
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +50 -50
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +14 -14
- package/button-dropdown/item-element/styles.scoped.css +42 -42
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +8 -8
- package/button-dropdown/styles.scoped.css +20 -20
- package/button-dropdown/styles.selectors.js +8 -8
- package/calendar/interfaces.d.ts +3 -0
- package/calendar/interfaces.d.ts.map +1 -1
- package/calendar/interfaces.js.map +1 -1
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +89 -89
- package/calendar/styles.selectors.js +18 -18
- package/cards/interfaces.d.ts +1 -0
- package/cards/interfaces.d.ts.map +1 -1
- package/cards/interfaces.js.map +1 -1
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +100 -100
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +16 -16
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/interfaces.d.ts +1 -0
- package/code-editor/interfaces.d.ts.map +1 -1
- package/code-editor/interfaces.js.map +1 -1
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +8 -8
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +194 -194
- 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 +42 -42
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/interfaces.d.ts +9 -0
- package/collection-preferences/interfaces.d.ts.map +1 -1
- package/collection-preferences/interfaces.js.map +1 -1
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +81 -81
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +55 -55
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +18 -18
- package/container/styles.scoped.css +73 -73
- package/container/styles.selectors.js +18 -18
- package/content-layout/styles.css.js +6 -6
- package/content-layout/styles.scoped.css +14 -14
- package/content-layout/styles.selectors.js +6 -6
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +16 -16
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/interfaces.d.ts +1 -0
- package/date-range-picker/interfaces.d.ts.map +1 -1
- package/date-range-picker/interfaces.js.map +1 -1
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +16 -16
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +76 -76
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +24 -24
- package/expandable-section/styles.scoped.css +87 -87
- package/expandable-section/styles.selectors.js +24 -24
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +9 -9
- package/file-upload/dropzone/styles.selectors.js +2 -2
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +14 -14
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/file-upload/file-option/styles.css.js +7 -7
- package/file-upload/file-option/styles.scoped.css +10 -10
- package/file-upload/file-option/styles.selectors.js +7 -7
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +4 -4
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/interfaces.d.ts +1 -0
- package/flashbar/interfaces.d.ts.map +1 -1
- package/flashbar/interfaces.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +246 -246
- package/flashbar/styles.selectors.js +45 -45
- package/form/interfaces.d.ts +1 -0
- package/form/interfaces.d.ts.map +1 -1
- package/form/interfaces.js.map +1 -1
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +20 -20
- package/form/styles.selectors.js +9 -9
- package/form-field/interfaces.d.ts +1 -0
- package/form-field/interfaces.d.ts.map +1 -1
- package/form-field/interfaces.js.map +1 -1
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +52 -52
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +60 -60
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +116 -116
- package/header/styles.selectors.js +44 -44
- package/help-panel/interfaces.d.ts +1 -0
- package/help-panel/interfaces.d.ts.map +1 -1
- package/help-panel/interfaces.js.map +1 -1
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +153 -153
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +10 -10
- package/hotspot/styles.selectors.js +7 -7
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +81 -81
- package/icon/styles.selectors.js +21 -21
- package/input/interfaces.d.ts +1 -0
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +73 -73
- package/input/styles.selectors.js +12 -12
- package/internal/base-component/styles.scoped.css +1620 -1437
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +26 -26
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +63 -63
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/interfaces.d.ts +4 -0
- package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
- package/internal/components/cartesian-chart/interfaces.js.map +1 -1
- package/internal/components/cartesian-chart/styles.css.js +21 -21
- package/internal/components/cartesian-chart/styles.scoped.css +34 -34
- package/internal/components/cartesian-chart/styles.selectors.js +21 -21
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -7
- 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 +23 -23
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +6 -6
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +9 -9
- 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 +20 -20
- 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 +14 -14
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-status-container/styles.css.js +2 -2
- package/internal/components/chart-status-container/styles.scoped.css +3 -3
- package/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +18 -18
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dark-ribbon/styles.css.js +2 -2
- package/internal/components/dark-ribbon/styles.scoped.css +4 -4
- package/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +51 -51
- 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 +9 -9
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/interfaces.d.ts +3 -0
- package/internal/components/dropdown-status/interfaces.d.ts.map +1 -1
- package/internal/components/dropdown-status/interfaces.js.map +1 -1
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +8 -8
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +34 -34
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +12 -12
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +32 -32
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/index.d.ts.map +1 -1
- package/internal/components/option/index.js +1 -1
- package/internal/components/option/index.js.map +1 -1
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +47 -47
- 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 +7 -7
- 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 +71 -68
- 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 +40 -40
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.d.ts +4 -0
- package/internal/generated/styles/tokens.js +303 -299
- package/internal/generated/theming/index.cjs +1609 -675
- package/internal/generated/theming/index.cjs.d.ts +206 -0
- package/internal/generated/theming/index.d.ts +206 -0
- package/internal/generated/theming/index.js +1609 -675
- package/internal/manifest.json +1 -1
- package/link/interfaces.d.ts +1 -0
- package/link/interfaces.d.ts.map +1 -1
- package/link/interfaces.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +163 -163
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +19 -19
- package/mixed-line-bar-chart/styles.scoped.css +38 -38
- package/mixed-line-bar-chart/styles.selectors.js +19 -19
- package/modal/interfaces.d.ts +1 -0
- package/modal/interfaces.d.ts.map +1 -1
- package/modal/interfaces.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +67 -67
- package/modal/styles.selectors.js +23 -23
- package/multiselect/interfaces.d.ts +1 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +5 -5
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/interfaces.d.ts +1 -0
- package/pagination/interfaces.d.ts.map +1 -1
- package/pagination/interfaces.js.map +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +47 -47
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/interfaces.d.ts +4 -0
- package/pie-chart/interfaces.d.ts.map +1 -1
- package/pie-chart/interfaces.js.map +1 -1
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +70 -70
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/interfaces.d.ts +1 -0
- package/popover/interfaces.d.ts.map +1 -1
- package/popover/interfaces.js.map +1 -1
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +104 -104
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +58 -58
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/interfaces.d.ts +1 -0
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +52 -52
- package/property-filter/styles.selectors.js +29 -29
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +37 -37
- 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 +12 -12
- 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 +78 -78
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +2 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/parts/styles.css.js +9 -9
- package/select/parts/styles.scoped.css +17 -17
- package/select/parts/styles.selectors.js +9 -9
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +5 -5
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +27 -27
- package/side-navigation/styles.scoped.css +89 -89
- package/side-navigation/styles.selectors.js +27 -27
- package/space-between/styles.css.js +20 -20
- package/space-between/styles.scoped.css +37 -37
- package/space-between/styles.selectors.js +20 -20
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +35 -35
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/interfaces.d.ts +1 -0
- package/split-panel/interfaces.d.ts.map +1 -1
- package/split-panel/interfaces.js.map +1 -1
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +150 -150
- package/split-panel/styles.selectors.js +59 -59
- package/status-indicator/styles.css.js +20 -20
- package/status-indicator/styles.scoped.css +44 -44
- package/status-indicator/styles.selectors.js +20 -20
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +144 -144
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +93 -93
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/interfaces.d.ts +1 -0
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/resizer/styles.css.js +6 -6
- package/table/resizer/styles.scoped.css +27 -27
- package/table/resizer/styles.selectors.js +6 -6
- package/table/selection-control/styles.css.js +3 -3
- package/table/selection-control/styles.scoped.css +4 -4
- package/table/selection-control/styles.selectors.js +3 -3
- package/table/styles.css.js +36 -36
- package/table/styles.scoped.css +88 -88
- package/table/styles.selectors.js +36 -36
- package/tabs/interfaces.d.ts +1 -0
- package/tabs/interfaces.d.ts.map +1 -1
- package/tabs/interfaces.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +86 -86
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +24 -24
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +125 -125
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +10 -10
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +40 -40
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +124 -124
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +27 -27
- package/toggle/styles.selectors.js +8 -8
- package/token-group/interfaces.d.ts +1 -0
- package/token-group/interfaces.d.ts.map +1 -1
- package/token-group/interfaces.js.map +1 -1
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +42 -42
- 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 +84 -84
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/interfaces.d.ts +1 -0
- package/top-navigation/interfaces.d.ts.map +1 -1
- package/top-navigation/interfaces.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +148 -148
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
- 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 +50 -50
- 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 +6 -6
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/interfaces.d.ts +1 -0
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +125 -125
- package/wizard/styles.selectors.js +31 -31
|
@@ -182,27 +182,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
186
|
-
-webkit-transition: width var(--motion-duration-moderate-
|
|
187
|
-
transition: width var(--motion-duration-moderate-
|
|
185
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9)::-webkit-progress-value {
|
|
186
|
+
-webkit-transition: width var(--motion-duration-moderate-tnjqaa, 135ms) linear;
|
|
187
|
+
transition: width var(--motion-duration-moderate-tnjqaa, 135ms) linear;
|
|
188
188
|
}
|
|
189
189
|
@media (prefers-reduced-motion: reduce) {
|
|
190
|
-
.
|
|
190
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9)::-webkit-progress-value {
|
|
191
191
|
animation: none;
|
|
192
192
|
-webkit-transition: none;
|
|
193
193
|
transition: none;
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
|
-
.awsui-motion-disabled .
|
|
196
|
+
.awsui-motion-disabled .awsui_progress_11huc_h5pnx_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_h5pnx_185:not(#\9)::-webkit-progress-value {
|
|
197
197
|
animation: none;
|
|
198
198
|
-webkit-transition: none;
|
|
199
199
|
transition: none;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.awsui_result-
|
|
203
|
-
animation: awsui_awsui-motion-fade-
|
|
202
|
+
.awsui_result-state_11huc_h5pnx_199:not(#\9) {
|
|
203
|
+
animation: awsui_awsui-motion-fade-in_11huc_h5pnx_1 var(--motion-duration-transition-show-paced-4yudkh, 180ms) var(--motion-easing-transition-show-paced-47k9w2, ease-out);
|
|
204
204
|
}
|
|
205
|
-
@keyframes awsui_awsui-motion-fade-
|
|
205
|
+
@keyframes awsui_awsui-motion-fade-in_11huc_h5pnx_1 {
|
|
206
206
|
from {
|
|
207
207
|
opacity: 0.2;
|
|
208
208
|
}
|
|
@@ -211,17 +211,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
@media (prefers-reduced-motion: reduce) {
|
|
214
|
-
.awsui_result-
|
|
214
|
+
.awsui_result-state_11huc_h5pnx_199:not(#\9) {
|
|
215
215
|
animation: none;
|
|
216
216
|
transition: none;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
|
-
.awsui-motion-disabled .awsui_result-
|
|
219
|
+
.awsui-motion-disabled .awsui_result-state_11huc_h5pnx_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_h5pnx_199:not(#\9) {
|
|
220
220
|
animation: none;
|
|
221
221
|
transition: none;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
.awsui_root_11huc_h5pnx_221:not(#\9) {
|
|
225
225
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
226
226
|
border-collapse: separate;
|
|
227
227
|
border-spacing: 0;
|
|
@@ -251,123 +251,123 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
251
251
|
widows: 2;
|
|
252
252
|
word-spacing: normal;
|
|
253
253
|
box-sizing: border-box;
|
|
254
|
-
font-size: var(--font-body-m-size-
|
|
255
|
-
line-height: var(--font-body-m-line-height-
|
|
256
|
-
color: var(--color-text-body-default-
|
|
254
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
255
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
256
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
257
257
|
font-weight: 400;
|
|
258
|
-
font-family: var(--font-family-base-
|
|
258
|
+
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
259
259
|
-webkit-font-smoothing: auto;
|
|
260
260
|
-moz-osx-font-smoothing: auto;
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
.awsui_with-result-
|
|
264
|
-
padding-right: var(--space-m-
|
|
263
|
+
.awsui_with-result-button_11huc_h5pnx_234:not(#\9) {
|
|
264
|
+
padding-right: var(--space-m-h2th94, 16px);
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.awsui_result-
|
|
267
|
+
.awsui_result-text_11huc_h5pnx_238:not(#\9) {
|
|
268
268
|
/* used in test-utils */
|
|
269
269
|
}
|
|
270
270
|
|
|
271
|
-
.awsui_result-container-
|
|
271
|
+
.awsui_result-container-error_11huc_h5pnx_242:not(#\9), .awsui_result-container-success_11huc_h5pnx_242:not(#\9) {
|
|
272
272
|
/* used in test-utils */
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
.awsui_result-
|
|
275
|
+
.awsui_result-button_11huc_h5pnx_246:not(#\9) {
|
|
276
276
|
display: inline-block;
|
|
277
|
-
margin: var(--space-scaled-xxs-
|
|
277
|
+
margin: var(--space-scaled-xxs-t2t62i, 4px) 0;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.awsui_word-
|
|
280
|
+
.awsui_word-wrap_11huc_h5pnx_251:not(#\9) {
|
|
281
281
|
min-width: 0;
|
|
282
282
|
-ms-word-break: break-all;
|
|
283
283
|
word-break: break-word;
|
|
284
284
|
}
|
|
285
285
|
|
|
286
|
-
.awsui_label-
|
|
286
|
+
.awsui_label-flash_11huc_h5pnx_257:not(#\9) {
|
|
287
287
|
color: "inherit";
|
|
288
288
|
font-weight: 700;
|
|
289
289
|
}
|
|
290
|
-
.awsui_label-key-
|
|
291
|
-
font-size: var(--font-body-m-size-
|
|
292
|
-
line-height: var(--font-body-m-line-height-
|
|
293
|
-
font-weight: var(--font-display-label-weight-
|
|
294
|
-
color: var(--color-text-label-
|
|
295
|
-
margin-bottom: var(--space-scaled-xxxs-
|
|
290
|
+
.awsui_label-key-value_11huc_h5pnx_261:not(#\9) {
|
|
291
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
292
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
293
|
+
font-weight: var(--font-display-label-weight-io22e5, 700);
|
|
294
|
+
color: var(--color-text-label-szhr80, #000716);
|
|
295
|
+
margin-bottom: var(--space-scaled-xxxs-jdgipl, 2px);
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.
|
|
298
|
+
.awsui_flash_11huc_h5pnx_269:not(#\9) {
|
|
299
299
|
color: inherit;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
-
.awsui_progress-
|
|
302
|
+
.awsui_progress-container_11huc_h5pnx_273:not(#\9) {
|
|
303
303
|
display: flex;
|
|
304
304
|
align-items: center;
|
|
305
305
|
max-width: 800px;
|
|
306
|
-
height: var(--font-body-m-line-height-
|
|
306
|
+
height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
.awsui_percentage-
|
|
309
|
+
.awsui_percentage-container_11huc_h5pnx_280:not(#\9) {
|
|
310
310
|
width: 33px;
|
|
311
311
|
flex-shrink: 0;
|
|
312
312
|
white-space: nowrap;
|
|
313
313
|
text-align: right;
|
|
314
|
-
font-size: var(--font-body-s-size-
|
|
315
|
-
line-height: var(--font-body-s-line-height-
|
|
316
|
-
letter-spacing: var(--font-body-s-letter-spacing-
|
|
314
|
+
font-size: var(--font-body-s-size-6jmxer, 12px);
|
|
315
|
+
line-height: var(--font-body-s-line-height-ga8tt7, 16px);
|
|
316
|
+
letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
|
|
317
317
|
}
|
|
318
318
|
|
|
319
|
-
.
|
|
319
|
+
.awsui_percentage_11huc_h5pnx_280:not(#\9) {
|
|
320
320
|
/* used in test-utils */
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
-
.
|
|
323
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9) {
|
|
324
324
|
width: 100%;
|
|
325
|
-
margin-right: var(--space-s-
|
|
325
|
+
margin-right: var(--space-s-hdd878, 12px);
|
|
326
326
|
min-width: 0;
|
|
327
327
|
height: 4px;
|
|
328
328
|
border: 0 none;
|
|
329
329
|
box-sizing: border-box;
|
|
330
330
|
border-radius: 10px;
|
|
331
|
-
background-color: var(--color-background-progress-bar-layout-default-
|
|
331
|
+
background-color: var(--color-background-progress-bar-layout-default-jgjfae, #e9ebed);
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9)::-webkit-progress-bar {
|
|
334
334
|
height: 4px;
|
|
335
335
|
border: 0 none;
|
|
336
336
|
box-sizing: border-box;
|
|
337
337
|
border-radius: 10px;
|
|
338
|
-
background-color: var(--color-background-progress-bar-layout-default-
|
|
338
|
+
background-color: var(--color-background-progress-bar-layout-default-jgjfae, #e9ebed);
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9)::-webkit-progress-value {
|
|
341
341
|
border-radius: 10px 0px 0px 10px;
|
|
342
|
-
background-color: var(--color-background-progress-bar-content-default-
|
|
342
|
+
background-color: var(--color-background-progress-bar-content-default-uqvqi7, #0972d3);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
344
|
+
.awsui_progress_11huc_h5pnx_185.awsui_complete_11huc_h5pnx_315:not(#\9)::-webkit-progress-value {
|
|
345
345
|
border-radius: 10px;
|
|
346
346
|
}
|
|
347
|
-
.
|
|
347
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9)::-moz-progress-bar {
|
|
348
348
|
border-radius: 10px 0px 0px 10px;
|
|
349
|
-
background-color: var(--color-background-progress-bar-content-default-
|
|
349
|
+
background-color: var(--color-background-progress-bar-content-default-uqvqi7, #0972d3);
|
|
350
350
|
}
|
|
351
|
-
.
|
|
351
|
+
.awsui_progress_11huc_h5pnx_185:not(#\9)::-ms-fill {
|
|
352
352
|
border-radius: 10px 0px 0px 10px;
|
|
353
353
|
background-color: #0073bb;
|
|
354
354
|
border: none;
|
|
355
355
|
}
|
|
356
|
-
.
|
|
356
|
+
.awsui_progress_11huc_h5pnx_185.awsui_complete_11huc_h5pnx_315:not(#\9)::-ms-fill {
|
|
357
357
|
border-radius: 10px;
|
|
358
358
|
}
|
|
359
|
-
.
|
|
360
|
-
background-color: var(--color-background-progress-bar-layout-in-flash-
|
|
359
|
+
.awsui_progress_11huc_h5pnx_185.awsui_progress-in-flash_11huc_h5pnx_330:not(#\9) {
|
|
360
|
+
background-color: var(--color-background-progress-bar-layout-in-flash-bs66bu, rgba(255, 255, 255, 0.25));
|
|
361
361
|
}
|
|
362
|
-
.
|
|
363
|
-
background-color: var(--color-background-progress-bar-layout-in-flash-
|
|
362
|
+
.awsui_progress_11huc_h5pnx_185.awsui_progress-in-flash_11huc_h5pnx_330:not(#\9)::-webkit-progress-bar {
|
|
363
|
+
background-color: var(--color-background-progress-bar-layout-in-flash-bs66bu, rgba(255, 255, 255, 0.25));
|
|
364
364
|
}
|
|
365
|
-
.
|
|
366
|
-
background-color: var(--color-background-progress-bar-content-in-flash-
|
|
365
|
+
.awsui_progress_11huc_h5pnx_185.awsui_progress-in-flash_11huc_h5pnx_330:not(#\9)::-webkit-progress-value {
|
|
366
|
+
background-color: var(--color-background-progress-bar-content-in-flash-ubed69, #ffffff);
|
|
367
367
|
}
|
|
368
|
-
.
|
|
369
|
-
background-color: var(--color-background-progress-bar-content-in-flash-
|
|
368
|
+
.awsui_progress_11huc_h5pnx_185.awsui_progress-in-flash_11huc_h5pnx_330:not(#\9)::-moz-progress-bar {
|
|
369
|
+
background-color: var(--color-background-progress-bar-content-in-flash-ubed69, #ffffff);
|
|
370
370
|
}
|
|
371
|
-
.
|
|
371
|
+
.awsui_progress_11huc_h5pnx_185.awsui_progress-in-flash_11huc_h5pnx_330:not(#\9)::-ms-fill {
|
|
372
372
|
background-color: rgba(255, 255, 255, 0.7);
|
|
373
373
|
}
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"progress": "
|
|
6
|
-
"result-state": "awsui_result-
|
|
7
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
8
|
-
"root": "
|
|
9
|
-
"with-result-button": "awsui_with-result-
|
|
10
|
-
"result-text": "awsui_result-
|
|
11
|
-
"result-container-error": "awsui_result-container-
|
|
12
|
-
"result-container-success": "awsui_result-container-
|
|
13
|
-
"result-button": "awsui_result-
|
|
14
|
-
"word-wrap": "awsui_word-
|
|
15
|
-
"label-flash": "awsui_label-
|
|
16
|
-
"label-key-value": "awsui_label-key-
|
|
17
|
-
"flash": "
|
|
18
|
-
"progress-container": "awsui_progress-
|
|
19
|
-
"percentage-container": "awsui_percentage-
|
|
20
|
-
"percentage": "
|
|
21
|
-
"complete": "
|
|
22
|
-
"progress-in-flash": "awsui_progress-in-
|
|
5
|
+
"progress": "awsui_progress_11huc_h5pnx_185",
|
|
6
|
+
"result-state": "awsui_result-state_11huc_h5pnx_199",
|
|
7
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_h5pnx_1",
|
|
8
|
+
"root": "awsui_root_11huc_h5pnx_221",
|
|
9
|
+
"with-result-button": "awsui_with-result-button_11huc_h5pnx_234",
|
|
10
|
+
"result-text": "awsui_result-text_11huc_h5pnx_238",
|
|
11
|
+
"result-container-error": "awsui_result-container-error_11huc_h5pnx_242",
|
|
12
|
+
"result-container-success": "awsui_result-container-success_11huc_h5pnx_242",
|
|
13
|
+
"result-button": "awsui_result-button_11huc_h5pnx_246",
|
|
14
|
+
"word-wrap": "awsui_word-wrap_11huc_h5pnx_251",
|
|
15
|
+
"label-flash": "awsui_label-flash_11huc_h5pnx_257",
|
|
16
|
+
"label-key-value": "awsui_label-key-value_11huc_h5pnx_261",
|
|
17
|
+
"flash": "awsui_flash_11huc_h5pnx_269",
|
|
18
|
+
"progress-container": "awsui_progress-container_11huc_h5pnx_273",
|
|
19
|
+
"percentage-container": "awsui_percentage-container_11huc_h5pnx_280",
|
|
20
|
+
"percentage": "awsui_percentage_11huc_h5pnx_280",
|
|
21
|
+
"complete": "awsui_complete_11huc_h5pnx_315",
|
|
22
|
+
"progress-in-flash": "awsui_progress-in-flash_11huc_h5pnx_330"
|
|
23
23
|
};
|
|
24
24
|
|
|
@@ -15,6 +15,7 @@ export interface PropertyFilterProps extends BaseComponentProps, ExpandToViewpor
|
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
/**
|
|
17
17
|
* An object containing all the necessary localized strings required by the component.
|
|
18
|
+
* @i18n
|
|
18
19
|
*/
|
|
19
20
|
i18nStrings: PropertyFilterProps.I18nStrings;
|
|
20
21
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["property-filter/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,8BAA8B,EAC9B,0BAA0B,EAC1B,4BAA4B,EAC5B,+BAA+B,EAC/B,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB,EAAE,gBAAgB,EAAE,qBAAqB;IACtG;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["property-filter/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["property-filter/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { AutosuggestProps } from '../autosuggest/interfaces';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport {\n PropertyFilterOperation,\n PropertyFilterOperator,\n PropertyFilterOperatorExtended,\n PropertyFilterOperatorForm,\n PropertyFilterOperatorFormat,\n PropertyFilterOperatorFormProps,\n PropertyFilterOption,\n PropertyFilterProperty,\n PropertyFilterToken,\n} from '@cloudscape-design/collection-hooks';\n\nexport interface PropertyFilterProps extends BaseComponentProps, ExpandToViewport, FormFieldControlProps {\n /**\n * If set to `true`, the filtering input will be disabled.\n * Use it, for example, if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering query.\n */\n disabled?: boolean;\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings: PropertyFilterProps.I18nStrings;\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `query.tokens` isn't empty.\n */\n countText?: string;\n /**\n * An object representing the current query displayed in the property filter. Has two properties: `tokens` and `operation`.\n * `tokens` is an array of objects that will be displayed to the user beneath the filtering input.\n * Each token has the following properties:\n *\n * * value [string]: The string value of the token to be used as a filter.\n * * propertyKey [string]: The key of the corresponding property in filteringProperties.\n * * operator ['<' | '<=' | '>' | '>=' | ':' | '!:' | '=' | '!=']: The operator which indicates how to filter the dataset using this token.\n *\n * `operation` has two valid values [and, or] and controls the join operation to be applied between tokens when filtering the items.\n */\n query: PropertyFilterProps.Query;\n /**\n * If hideOperations it set, the indicator of the operation (that is, `and` or `or`) and the selection of operations\n * (applied to the property and value token) are hidden from the user. Only use when you have a custom\n * filtering logic which combines tokens in different way than the default one. When used, ensure that\n * operations are communicated to the user in another way.\n */\n hideOperations?: boolean;\n /**\n * Fired when the `query` gets changed. Filter the dataset in response to this event using the values in the `detail` object.\n */\n onChange: NonCancelableEventHandler<PropertyFilterProps.Query>;\n /**\n * An array of properties by which the data set can be filtered. Each element has the following properties:\n *\n * * groupValuesLabel [string]: Localized string to display for the 'Values' group label for a specific property.\n * * key [string]: The identifier of this property.\n * * propertyLabel [string]: A human-readable string for the property.\n * * operators [Array]: A list of all operators supported by this property. If you omit the equals operator because your API does not support it, make sure to set `defaultOperator` to a supported operator from this list.\n * * group [string]: Optional identifier of a custom group that this filtering option is assigned to. Use to create additional groups below the default one. Make sure to also define labels for the group in the customGroupsText property. Notice that only one level of options nesting is supported.\n * * defaultOperator [ComparisonOperator]: Optional parameter that changes the default operator used with this filtering property. Use it only if your API does not support \"equals\" filtering terms with this property.\n */\n filteringProperties: ReadonlyArray<PropertyFilterProps.FilteringProperty>;\n /**\n * An array of possible values of the individual `filteringProperties`. Each element has the following properties:\n *\n * * `propertyKey` [string]: The key of the corresponding filtering property in the `filteringProperties` array.\n * * `value` [string]: The value that will be used as a suggestion when creating or modifying a filtering token.\n * * `label` [string]: Optional suggestion label to be matched instead of the value.\n *\n * Filtering options that require labels can only use `=` and `!=` operators. The token value must be labelled separately, for example:\n * ```\n * const filteringProperty = {\n * key: 'state',\n * propertyLabel: 'State',\n * operators: ['=', '!='].map(operator => ({ operator, format: getStateLabel }))\n * }\n * const filteringOptions = [\n * { propertyKey: 'state', value: 'STOPPED', label: getStateLabel('STOPPED') },\n * { propertyKey: 'state', value: 'STOPPING', label: getStateLabel('STOPPING') },\n * { propertyKey: 'state', value: 'RUNNING', label: getStateLabel('RUNNING') },\n * ]\n * ```\n */\n filteringOptions?: ReadonlyArray<PropertyFilterProps.FilteringOption>;\n /**\n * An array of objects that contain localized, human-readable strings for the labels of custom groups within the filtering dropdown. Use group property to associate the strings with your custom group of options. Define the following values for each group:\n *\n * * properties [string]: The group label in the filtering dropdown that contains the list of properties from this group. For example: Tags.\n * * values [string]: The group label in the filtering dropdown that contains the list of values from this group. For example: Tags values.\n * * group [string]: The identifier of a custom group.\n */\n customGroupsText?: PropertyFilterProps.GroupText[];\n /**\n * Set `disableFreeTextFiltering` only if you can’t filter the dataset using a filter that is applied to every column,\n * instead of a specific property. This would stop the user from creating such tokens.\n */\n disableFreeTextFiltering?: boolean;\n /**\n * Use this event to asynchronously load filteringOptions, component currently needs. The detail object contains following properties:\n *\n * * `filteringProperty` - The property for which you need to fetch the options.\n * * `filteringOperator` - The operator for which you need to fetch the options.\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options for a `filteringProperty` that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n */\n onLoadItems?: NonCancelableEventHandler<PropertyFilterProps.LoadItemsDetail>;\n /**\n * If you have more than 500 `filteringOptions`, enable this flag to apply a performance optimization that makes\n * the filtering experience smoother. We don't recommend enabling the feature if you have less than 500 options,\n * because the improvements to performance are offset by a visible scrolling lag. When you set this flag to true,\n * it removes options that are not currently in view from the DOM.\n */\n virtualScroll?: boolean;\n /**\n * A slot located before the filtering input. Use it if for a Select component if your dataset supports property\n * filter queries only after an initial filter is applied.\n */\n customControl?: React.ReactNode;\n /**\n * Set `asyncProperties` if you need to load `filteringProperties` asynchronousely. This would cause extra `onLoadMore`\n * events to fire calling for more properties.\n */\n asyncProperties?: boolean;\n /**\n * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n */\n tokenLimit?: number;\n /**\n * Displayed when there are no options to display.\n * This is only shown when `statusType` is set to `finished` or not set at all.\n */\n filteringEmpty?: React.ReactNode;\n /**\n * Specifies the text to display when in the loading state.\n **/\n filteringLoadingText?: string;\n /**\n * Specifies the text to display at the bottom of the dropdown menu after pagination has reached the end.\n **/\n filteringFinishedText?: string;\n /**\n * Specifies the text to display when a data fetching error occurs. Make sure that you provide `recoveryText`.\n **/\n filteringErrorText?: string;\n /**\n * Specifies the text for the recovery button. The text is displayed next to the error text.\n * Use the `onLoadItems` event to perform a recovery action (for example, retrying the request).\n **/\n filteringRecoveryText?: string;\n /**\n * Specifies the current status of loading more options.\n * * `pending` - Indicates that no request in progress, but more options may be loaded.\n * * `loading` - Indicates that data fetching is in progress.\n * * `finished` - Indicates that pagination has finished and no more requests are expected.\n * * `error` - Indicates that an error occurred during fetch. You should use `recoveryText` to enable the user to recover.\n **/\n filteringStatusType?: DropdownStatusProps.StatusType;\n}\n\nexport namespace PropertyFilterProps {\n export type Token = PropertyFilterToken;\n export type JoinOperation = PropertyFilterOperation;\n export type ComparisonOperator = PropertyFilterOperator;\n export type ExtendedOperator<TokenValue> = PropertyFilterOperatorExtended<TokenValue>;\n export type ExtendedOperatorFormProps<TokenValue> = PropertyFilterOperatorFormProps<TokenValue>;\n export type ExtendedOperatorForm<TokenValue> = PropertyFilterOperatorForm<TokenValue>;\n export type ExtendedOperatorFormat<TokenValue> = PropertyFilterOperatorFormat<TokenValue>;\n export type FilteringOption = PropertyFilterOption;\n export type FilteringProperty = PropertyFilterProperty;\n\n export interface Query {\n tokens: ReadonlyArray<PropertyFilterProps.Token>;\n operation: PropertyFilterProps.JoinOperation;\n }\n\n export interface LoadItemsDetail {\n filteringProperty?: FilteringProperty;\n filteringOperator?: ComparisonOperator;\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n }\n\n export interface I18nStrings {\n /**\n * Label that will be passed down to the Autosuggest `ariaLabel` property.\n * See the [Autosuggest API](/system/components/autosuggest/?tabId=api) page for more details.\n */\n filteringAriaLabel: string;\n dismissAriaLabel?: string;\n clearAriaLabel?: string;\n\n filteringPlaceholder?: string;\n groupValuesText?: string;\n groupPropertiesText?: string;\n operatorsText?: string;\n\n operationAndText?: string;\n operationOrText?: string;\n\n operatorLessText?: string;\n operatorLessOrEqualText?: string;\n operatorGreaterText?: string;\n operatorGreaterOrEqualText?: string;\n operatorContainsText?: string;\n operatorDoesNotContainText?: string;\n operatorEqualsText?: string;\n operatorDoesNotEqualText?: string;\n\n editTokenHeader?: string;\n propertyText?: string;\n operatorText?: string;\n valueText?: string;\n cancelActionText?: string;\n applyActionText?: string;\n allPropertiesLabel?: string;\n\n tokenLimitShowMore?: string;\n tokenLimitShowFewer?: string;\n clearFiltersText?: string;\n tokenOperatorAriaLabel?: string;\n removeTokenButtonAriaLabel?: (token: PropertyFilterProps.Token) => string;\n enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n }\n\n export interface GroupText {\n properties: string;\n values: string;\n group: string;\n }\n\n export interface FilteringChangeDetail {\n filteringText: string;\n filteringProperty?: FilteringProperty;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n\n// Re-exported namespace interfaces to use module-style imports internally\n\nexport type Token = PropertyFilterProps.Token;\nexport type JoinOperation = PropertyFilterProps.JoinOperation;\nexport type ComparisonOperator = PropertyFilterProps.ComparisonOperator;\nexport type ExtendedOperator<TokenValue> = PropertyFilterOperatorExtended<TokenValue>;\nexport type ExtendedOperatorFormProps<TokenValue> = PropertyFilterOperatorFormProps<TokenValue>;\nexport type ExtendedOperatorForm<TokenValue> = PropertyFilterOperatorForm<TokenValue>;\nexport type ExtendedOperatorFormat<TokenValue> = PropertyFilterOperatorFormat<TokenValue>;\nexport type FilteringOption = PropertyFilterProps.FilteringOption;\nexport type FilteringProperty = PropertyFilterProps.FilteringProperty;\nexport type Query = PropertyFilterProps.Query;\nexport type LoadItemsDetail = PropertyFilterProps.LoadItemsDetail;\nexport type I18nStrings = PropertyFilterProps.I18nStrings;\nexport type GroupText = PropertyFilterProps.GroupText;\nexport type FilteringChangeDetail = PropertyFilterProps.FilteringChangeDetail;\nexport type Ref = PropertyFilterProps.Ref;\n\n// Utility types\n\nexport interface InternalFilteringProperty<TokenValue = any> {\n propertyKey: string;\n propertyLabel: string;\n groupValuesLabel: string;\n propertyGroup?: string;\n operators: readonly PropertyFilterOperator[];\n defaultOperator: PropertyFilterOperator;\n getValueFormatter: (operator?: PropertyFilterOperator) => null | ((value: any) => string);\n getValueFormRenderer: (operator?: PropertyFilterOperator) => null | PropertyFilterOperatorForm<TokenValue>;\n // Original property to be used in callbacks.\n externalProperty: PropertyFilterProperty;\n}\n\nexport interface InternalFilteringOption {\n propertyKey: string;\n value: string;\n label: string;\n}\n\nexport type ParsedText =\n | { step: 'property'; property: InternalFilteringProperty; operator: ComparisonOperator; value: string }\n | { step: 'operator'; property: InternalFilteringProperty; operatorPrefix: string }\n | { step: 'free-text'; operator?: ComparisonOperator; value: string };\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["property-filter/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { AutosuggestProps } from '../autosuggest/interfaces';\nimport { ExpandToViewport } from '../internal/components/dropdown/interfaces';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport {\n PropertyFilterOperation,\n PropertyFilterOperator,\n PropertyFilterOperatorExtended,\n PropertyFilterOperatorForm,\n PropertyFilterOperatorFormat,\n PropertyFilterOperatorFormProps,\n PropertyFilterOption,\n PropertyFilterProperty,\n PropertyFilterToken,\n} from '@cloudscape-design/collection-hooks';\n\nexport interface PropertyFilterProps extends BaseComponentProps, ExpandToViewport, FormFieldControlProps {\n /**\n * If set to `true`, the filtering input will be disabled.\n * Use it, for example, if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering query.\n */\n disabled?: boolean;\n /**\n * An object containing all the necessary localized strings required by the component.\n * @i18n\n */\n i18nStrings: PropertyFilterProps.I18nStrings;\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `query.tokens` isn't empty.\n */\n countText?: string;\n /**\n * An object representing the current query displayed in the property filter. Has two properties: `tokens` and `operation`.\n * `tokens` is an array of objects that will be displayed to the user beneath the filtering input.\n * Each token has the following properties:\n *\n * * value [string]: The string value of the token to be used as a filter.\n * * propertyKey [string]: The key of the corresponding property in filteringProperties.\n * * operator ['<' | '<=' | '>' | '>=' | ':' | '!:' | '=' | '!=']: The operator which indicates how to filter the dataset using this token.\n *\n * `operation` has two valid values [and, or] and controls the join operation to be applied between tokens when filtering the items.\n */\n query: PropertyFilterProps.Query;\n /**\n * If hideOperations it set, the indicator of the operation (that is, `and` or `or`) and the selection of operations\n * (applied to the property and value token) are hidden from the user. Only use when you have a custom\n * filtering logic which combines tokens in different way than the default one. When used, ensure that\n * operations are communicated to the user in another way.\n */\n hideOperations?: boolean;\n /**\n * Fired when the `query` gets changed. Filter the dataset in response to this event using the values in the `detail` object.\n */\n onChange: NonCancelableEventHandler<PropertyFilterProps.Query>;\n /**\n * An array of properties by which the data set can be filtered. Each element has the following properties:\n *\n * * groupValuesLabel [string]: Localized string to display for the 'Values' group label for a specific property.\n * * key [string]: The identifier of this property.\n * * propertyLabel [string]: A human-readable string for the property.\n * * operators [Array]: A list of all operators supported by this property. If you omit the equals operator because your API does not support it, make sure to set `defaultOperator` to a supported operator from this list.\n * * group [string]: Optional identifier of a custom group that this filtering option is assigned to. Use to create additional groups below the default one. Make sure to also define labels for the group in the customGroupsText property. Notice that only one level of options nesting is supported.\n * * defaultOperator [ComparisonOperator]: Optional parameter that changes the default operator used with this filtering property. Use it only if your API does not support \"equals\" filtering terms with this property.\n */\n filteringProperties: ReadonlyArray<PropertyFilterProps.FilteringProperty>;\n /**\n * An array of possible values of the individual `filteringProperties`. Each element has the following properties:\n *\n * * `propertyKey` [string]: The key of the corresponding filtering property in the `filteringProperties` array.\n * * `value` [string]: The value that will be used as a suggestion when creating or modifying a filtering token.\n * * `label` [string]: Optional suggestion label to be matched instead of the value.\n *\n * Filtering options that require labels can only use `=` and `!=` operators. The token value must be labelled separately, for example:\n * ```\n * const filteringProperty = {\n * key: 'state',\n * propertyLabel: 'State',\n * operators: ['=', '!='].map(operator => ({ operator, format: getStateLabel }))\n * }\n * const filteringOptions = [\n * { propertyKey: 'state', value: 'STOPPED', label: getStateLabel('STOPPED') },\n * { propertyKey: 'state', value: 'STOPPING', label: getStateLabel('STOPPING') },\n * { propertyKey: 'state', value: 'RUNNING', label: getStateLabel('RUNNING') },\n * ]\n * ```\n */\n filteringOptions?: ReadonlyArray<PropertyFilterProps.FilteringOption>;\n /**\n * An array of objects that contain localized, human-readable strings for the labels of custom groups within the filtering dropdown. Use group property to associate the strings with your custom group of options. Define the following values for each group:\n *\n * * properties [string]: The group label in the filtering dropdown that contains the list of properties from this group. For example: Tags.\n * * values [string]: The group label in the filtering dropdown that contains the list of values from this group. For example: Tags values.\n * * group [string]: The identifier of a custom group.\n */\n customGroupsText?: PropertyFilterProps.GroupText[];\n /**\n * Set `disableFreeTextFiltering` only if you can’t filter the dataset using a filter that is applied to every column,\n * instead of a specific property. This would stop the user from creating such tokens.\n */\n disableFreeTextFiltering?: boolean;\n /**\n * Use this event to asynchronously load filteringOptions, component currently needs. The detail object contains following properties:\n *\n * * `filteringProperty` - The property for which you need to fetch the options.\n * * `filteringOperator` - The operator for which you need to fetch the options.\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options for a `filteringProperty` that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n */\n onLoadItems?: NonCancelableEventHandler<PropertyFilterProps.LoadItemsDetail>;\n /**\n * If you have more than 500 `filteringOptions`, enable this flag to apply a performance optimization that makes\n * the filtering experience smoother. We don't recommend enabling the feature if you have less than 500 options,\n * because the improvements to performance are offset by a visible scrolling lag. When you set this flag to true,\n * it removes options that are not currently in view from the DOM.\n */\n virtualScroll?: boolean;\n /**\n * A slot located before the filtering input. Use it if for a Select component if your dataset supports property\n * filter queries only after an initial filter is applied.\n */\n customControl?: React.ReactNode;\n /**\n * Set `asyncProperties` if you need to load `filteringProperties` asynchronousely. This would cause extra `onLoadMore`\n * events to fire calling for more properties.\n */\n asyncProperties?: boolean;\n /**\n * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n */\n tokenLimit?: number;\n /**\n * Displayed when there are no options to display.\n * This is only shown when `statusType` is set to `finished` or not set at all.\n */\n filteringEmpty?: React.ReactNode;\n /**\n * Specifies the text to display when in the loading state.\n **/\n filteringLoadingText?: string;\n /**\n * Specifies the text to display at the bottom of the dropdown menu after pagination has reached the end.\n **/\n filteringFinishedText?: string;\n /**\n * Specifies the text to display when a data fetching error occurs. Make sure that you provide `recoveryText`.\n **/\n filteringErrorText?: string;\n /**\n * Specifies the text for the recovery button. The text is displayed next to the error text.\n * Use the `onLoadItems` event to perform a recovery action (for example, retrying the request).\n **/\n filteringRecoveryText?: string;\n /**\n * Specifies the current status of loading more options.\n * * `pending` - Indicates that no request in progress, but more options may be loaded.\n * * `loading` - Indicates that data fetching is in progress.\n * * `finished` - Indicates that pagination has finished and no more requests are expected.\n * * `error` - Indicates that an error occurred during fetch. You should use `recoveryText` to enable the user to recover.\n **/\n filteringStatusType?: DropdownStatusProps.StatusType;\n}\n\nexport namespace PropertyFilterProps {\n export type Token = PropertyFilterToken;\n export type JoinOperation = PropertyFilterOperation;\n export type ComparisonOperator = PropertyFilterOperator;\n export type ExtendedOperator<TokenValue> = PropertyFilterOperatorExtended<TokenValue>;\n export type ExtendedOperatorFormProps<TokenValue> = PropertyFilterOperatorFormProps<TokenValue>;\n export type ExtendedOperatorForm<TokenValue> = PropertyFilterOperatorForm<TokenValue>;\n export type ExtendedOperatorFormat<TokenValue> = PropertyFilterOperatorFormat<TokenValue>;\n export type FilteringOption = PropertyFilterOption;\n export type FilteringProperty = PropertyFilterProperty;\n\n export interface Query {\n tokens: ReadonlyArray<PropertyFilterProps.Token>;\n operation: PropertyFilterProps.JoinOperation;\n }\n\n export interface LoadItemsDetail {\n filteringProperty?: FilteringProperty;\n filteringOperator?: ComparisonOperator;\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n }\n\n export interface I18nStrings {\n /**\n * Label that will be passed down to the Autosuggest `ariaLabel` property.\n * See the [Autosuggest API](/system/components/autosuggest/?tabId=api) page for more details.\n */\n filteringAriaLabel: string;\n dismissAriaLabel?: string;\n clearAriaLabel?: string;\n\n filteringPlaceholder?: string;\n groupValuesText?: string;\n groupPropertiesText?: string;\n operatorsText?: string;\n\n operationAndText?: string;\n operationOrText?: string;\n\n operatorLessText?: string;\n operatorLessOrEqualText?: string;\n operatorGreaterText?: string;\n operatorGreaterOrEqualText?: string;\n operatorContainsText?: string;\n operatorDoesNotContainText?: string;\n operatorEqualsText?: string;\n operatorDoesNotEqualText?: string;\n\n editTokenHeader?: string;\n propertyText?: string;\n operatorText?: string;\n valueText?: string;\n cancelActionText?: string;\n applyActionText?: string;\n allPropertiesLabel?: string;\n\n tokenLimitShowMore?: string;\n tokenLimitShowFewer?: string;\n clearFiltersText?: string;\n tokenOperatorAriaLabel?: string;\n removeTokenButtonAriaLabel?: (token: PropertyFilterProps.Token) => string;\n enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n }\n\n export interface GroupText {\n properties: string;\n values: string;\n group: string;\n }\n\n export interface FilteringChangeDetail {\n filteringText: string;\n filteringProperty?: FilteringProperty;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n\n// Re-exported namespace interfaces to use module-style imports internally\n\nexport type Token = PropertyFilterProps.Token;\nexport type JoinOperation = PropertyFilterProps.JoinOperation;\nexport type ComparisonOperator = PropertyFilterProps.ComparisonOperator;\nexport type ExtendedOperator<TokenValue> = PropertyFilterOperatorExtended<TokenValue>;\nexport type ExtendedOperatorFormProps<TokenValue> = PropertyFilterOperatorFormProps<TokenValue>;\nexport type ExtendedOperatorForm<TokenValue> = PropertyFilterOperatorForm<TokenValue>;\nexport type ExtendedOperatorFormat<TokenValue> = PropertyFilterOperatorFormat<TokenValue>;\nexport type FilteringOption = PropertyFilterProps.FilteringOption;\nexport type FilteringProperty = PropertyFilterProps.FilteringProperty;\nexport type Query = PropertyFilterProps.Query;\nexport type LoadItemsDetail = PropertyFilterProps.LoadItemsDetail;\nexport type I18nStrings = PropertyFilterProps.I18nStrings;\nexport type GroupText = PropertyFilterProps.GroupText;\nexport type FilteringChangeDetail = PropertyFilterProps.FilteringChangeDetail;\nexport type Ref = PropertyFilterProps.Ref;\n\n// Utility types\n\nexport interface InternalFilteringProperty<TokenValue = any> {\n propertyKey: string;\n propertyLabel: string;\n groupValuesLabel: string;\n propertyGroup?: string;\n operators: readonly PropertyFilterOperator[];\n defaultOperator: PropertyFilterOperator;\n getValueFormatter: (operator?: PropertyFilterOperator) => null | ((value: any) => string);\n getValueFormRenderer: (operator?: PropertyFilterOperator) => null | PropertyFilterOperatorForm<TokenValue>;\n // Original property to be used in callbacks.\n externalProperty: PropertyFilterProperty;\n}\n\nexport interface InternalFilteringOption {\n propertyKey: string;\n value: string;\n label: string;\n}\n\nexport type ParsedText =\n | { step: 'property'; property: InternalFilteringProperty; operator: ComparisonOperator; value: string }\n | { step: 'operator'; property: InternalFilteringProperty; operatorPrefix: string }\n | { step: 'free-text'; operator?: ComparisonOperator; value: string };\n"]}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"search-field": "awsui_search-
|
|
6
|
-
"input-wrapper": "awsui_input-
|
|
7
|
-
"add-token": "awsui_add-
|
|
8
|
-
"tokens": "
|
|
9
|
-
"token-operator": "awsui_token-
|
|
10
|
-
"property-editor": "awsui_property-
|
|
11
|
-
"token-editor": "awsui_token-
|
|
12
|
-
"property-editor-form": "awsui_property-editor-
|
|
13
|
-
"token-editor-form": "awsui_token-editor-
|
|
14
|
-
"property-editor-field-property": "awsui_property-editor-field-
|
|
15
|
-
"token-editor-field-property": "awsui_token-editor-field-
|
|
16
|
-
"property-editor-field-operator": "awsui_property-editor-field-
|
|
17
|
-
"token-editor-field-operator": "awsui_token-editor-field-
|
|
18
|
-
"property-editor-field-value": "awsui_property-editor-field-
|
|
19
|
-
"token-editor-field-value": "awsui_token-editor-field-
|
|
20
|
-
"property-editor-cancel": "awsui_property-editor-
|
|
21
|
-
"token-editor-cancel": "awsui_token-editor-
|
|
22
|
-
"property-editor-submit": "awsui_property-editor-
|
|
23
|
-
"token-editor-submit": "awsui_token-editor-
|
|
24
|
-
"property-editor-actions": "awsui_property-editor-
|
|
25
|
-
"token-editor-actions": "awsui_token-editor-
|
|
26
|
-
"custom-content-wrapper": "awsui_custom-content-
|
|
27
|
-
"custom-control": "awsui_custom-
|
|
28
|
-
"input": "
|
|
29
|
-
"token-trigger": "awsui_token-
|
|
30
|
-
"remove-all": "awsui_remove-
|
|
31
|
-
"token-label": "awsui_token-
|
|
32
|
-
"join-operation": "awsui_join-
|
|
4
|
+
"root": "awsui_root_1wzqe_1tmj6_93",
|
|
5
|
+
"search-field": "awsui_search-field_1wzqe_1tmj6_106",
|
|
6
|
+
"input-wrapper": "awsui_input-wrapper_1wzqe_1tmj6_112",
|
|
7
|
+
"add-token": "awsui_add-token_1wzqe_1tmj6_116",
|
|
8
|
+
"tokens": "awsui_tokens_1wzqe_1tmj6_123",
|
|
9
|
+
"token-operator": "awsui_token-operator_1wzqe_1tmj6_127",
|
|
10
|
+
"property-editor": "awsui_property-editor_1wzqe_1tmj6_131",
|
|
11
|
+
"token-editor": "awsui_token-editor_1wzqe_1tmj6_132",
|
|
12
|
+
"property-editor-form": "awsui_property-editor-form_1wzqe_1tmj6_136",
|
|
13
|
+
"token-editor-form": "awsui_token-editor-form_1wzqe_1tmj6_137",
|
|
14
|
+
"property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1tmj6_140",
|
|
15
|
+
"token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1tmj6_141",
|
|
16
|
+
"property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1tmj6_144",
|
|
17
|
+
"token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1tmj6_145",
|
|
18
|
+
"property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1tmj6_148",
|
|
19
|
+
"token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1tmj6_149",
|
|
20
|
+
"property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1tmj6_152",
|
|
21
|
+
"token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1tmj6_153",
|
|
22
|
+
"property-editor-submit": "awsui_property-editor-submit_1wzqe_1tmj6_156",
|
|
23
|
+
"token-editor-submit": "awsui_token-editor-submit_1wzqe_1tmj6_157",
|
|
24
|
+
"property-editor-actions": "awsui_property-editor-actions_1wzqe_1tmj6_160",
|
|
25
|
+
"token-editor-actions": "awsui_token-editor-actions_1wzqe_1tmj6_161",
|
|
26
|
+
"custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1tmj6_179",
|
|
27
|
+
"custom-control": "awsui_custom-control_1wzqe_1tmj6_183",
|
|
28
|
+
"input": "awsui_input_1wzqe_1tmj6_112",
|
|
29
|
+
"token-trigger": "awsui_token-trigger_1wzqe_1tmj6_191",
|
|
30
|
+
"remove-all": "awsui_remove-all_1wzqe_1tmj6_197",
|
|
31
|
+
"token-label": "awsui_token-label_1wzqe_1tmj6_198",
|
|
32
|
+
"join-operation": "awsui_join-operation_1wzqe_1tmj6_199"
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -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_1wzqe_1tmj6_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -120,109 +120,109 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: var(--font-body-m-size-
|
|
124
|
-
line-height: var(--font-body-m-line-height-
|
|
125
|
-
color: var(--color-text-body-default-
|
|
123
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
124
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
125
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
|
-
font-family: var(--font-family-base-
|
|
127
|
+
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
128
|
-webkit-font-smoothing: auto;
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.awsui_search-
|
|
132
|
+
.awsui_search-field_1wzqe_1tmj6_106:not(#\9) {
|
|
133
133
|
display: flex;
|
|
134
134
|
align-items: center;
|
|
135
|
-
max-width: calc(688px - 2 * var(--space-l-
|
|
135
|
+
max-width: calc(688px - 2 * var(--space-l-f4l5gr, 20px));
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.awsui_input-
|
|
138
|
+
.awsui_input-wrapper_1wzqe_1tmj6_112:not(#\9) {
|
|
139
139
|
flex-grow: 1;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.awsui_add-
|
|
143
|
-
border-left: 1px solid var(--color-border-divider-default-
|
|
142
|
+
.awsui_add-token_1wzqe_1tmj6_116:not(#\9) {
|
|
143
|
+
border-left: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
144
144
|
box-sizing: border-box;
|
|
145
|
-
margin-left: var(--space-m-
|
|
146
|
-
padding-left: var(--space-m-
|
|
145
|
+
margin-left: var(--space-m-h2th94, 16px);
|
|
146
|
+
padding-left: var(--space-m-h2th94, 16px);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.
|
|
150
|
-
margin: var(--space-xs-
|
|
149
|
+
.awsui_tokens_1wzqe_1tmj6_123:not(#\9) {
|
|
150
|
+
margin: var(--space-xs-edba2s, 8px) 0;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.awsui_token-
|
|
153
|
+
.awsui_token-operator_1wzqe_1tmj6_127:not(#\9) {
|
|
154
154
|
font-weight: bold;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.awsui_property-
|
|
158
|
-
.awsui_token-
|
|
157
|
+
.awsui_property-editor_1wzqe_1tmj6_131:not(#\9),
|
|
158
|
+
.awsui_token-editor_1wzqe_1tmj6_132:not(#\9) {
|
|
159
159
|
-webkit-user-select: text;
|
|
160
160
|
user-select: text;
|
|
161
|
-
margin: var(--space-xxs-
|
|
161
|
+
margin: var(--space-xxs-ja5cp8, 4px);
|
|
162
162
|
}
|
|
163
|
-
.awsui_property-editor-
|
|
164
|
-
.awsui_token-editor-
|
|
165
|
-
margin-bottom: var(--space-scaled-l-
|
|
163
|
+
.awsui_property-editor-form_1wzqe_1tmj6_136:not(#\9),
|
|
164
|
+
.awsui_token-editor-form_1wzqe_1tmj6_137:not(#\9) {
|
|
165
|
+
margin-bottom: var(--space-scaled-l-2rs0gk, 20px);
|
|
166
166
|
}
|
|
167
|
-
.awsui_property-editor-field-
|
|
168
|
-
.awsui_token-editor-field-
|
|
167
|
+
.awsui_property-editor-field-property_1wzqe_1tmj6_140:not(#\9),
|
|
168
|
+
.awsui_token-editor-field-property_1wzqe_1tmj6_141:not(#\9) {
|
|
169
169
|
/* used in test-utils */
|
|
170
170
|
}
|
|
171
|
-
.awsui_property-editor-field-
|
|
172
|
-
.awsui_token-editor-field-
|
|
173
|
-
margin-top: var(--space-scaled-l-
|
|
171
|
+
.awsui_property-editor-field-operator_1wzqe_1tmj6_144:not(#\9),
|
|
172
|
+
.awsui_token-editor-field-operator_1wzqe_1tmj6_145:not(#\9) {
|
|
173
|
+
margin-top: var(--space-scaled-l-2rs0gk, 20px);
|
|
174
174
|
}
|
|
175
|
-
.awsui_property-editor-field-
|
|
176
|
-
.awsui_token-editor-field-
|
|
177
|
-
margin-top: var(--space-scaled-l-
|
|
175
|
+
.awsui_property-editor-field-value_1wzqe_1tmj6_148:not(#\9),
|
|
176
|
+
.awsui_token-editor-field-value_1wzqe_1tmj6_149:not(#\9) {
|
|
177
|
+
margin-top: var(--space-scaled-l-2rs0gk, 20px);
|
|
178
178
|
}
|
|
179
|
-
.awsui_property-editor-
|
|
180
|
-
.awsui_token-editor-
|
|
181
|
-
margin-right: var(--space-xs-
|
|
179
|
+
.awsui_property-editor-cancel_1wzqe_1tmj6_152:not(#\9),
|
|
180
|
+
.awsui_token-editor-cancel_1wzqe_1tmj6_153:not(#\9) {
|
|
181
|
+
margin-right: var(--space-xs-edba2s, 8px);
|
|
182
182
|
}
|
|
183
|
-
.awsui_property-editor-
|
|
184
|
-
.awsui_token-editor-
|
|
183
|
+
.awsui_property-editor-submit_1wzqe_1tmj6_156:not(#\9),
|
|
184
|
+
.awsui_token-editor-submit_1wzqe_1tmj6_157:not(#\9) {
|
|
185
185
|
/* used in test-utils */
|
|
186
186
|
}
|
|
187
|
-
.awsui_property-editor-
|
|
188
|
-
.awsui_token-editor-
|
|
187
|
+
.awsui_property-editor-actions_1wzqe_1tmj6_160:not(#\9),
|
|
188
|
+
.awsui_token-editor-actions_1wzqe_1tmj6_161:not(#\9) {
|
|
189
189
|
display: flex;
|
|
190
190
|
justify-content: flex-end;
|
|
191
|
-
padding-top: var(--space-s-
|
|
192
|
-
border-top: 1px solid var(--color-border-dropdown-item-default-
|
|
191
|
+
padding-top: var(--space-s-hdd878, 12px);
|
|
192
|
+
border-top: 1px solid var(--color-border-dropdown-item-default-83pxjk, #e9ebed);
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
.awsui_token-editor-
|
|
196
|
-
padding-right: calc(var(--space-m-
|
|
197
|
-
margin-left: calc(-1 * var(--space-m-
|
|
198
|
-
margin-right: calc(-1 * var(--space-m-
|
|
195
|
+
.awsui_token-editor-actions_1wzqe_1tmj6_161:not(#\9) {
|
|
196
|
+
padding-right: calc(var(--space-m-h2th94, 16px) + var(--space-xxs-ja5cp8, 4px));
|
|
197
|
+
margin-left: calc(-1 * var(--space-m-h2th94, 16px) + -1 * var(--space-xxs-ja5cp8, 4px));
|
|
198
|
+
margin-right: calc(-1 * var(--space-m-h2th94, 16px) + -1 * var(--space-xxs-ja5cp8, 4px));
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
.awsui_property-
|
|
202
|
-
padding: var(--space-m-
|
|
201
|
+
.awsui_property-editor_1wzqe_1tmj6_131:not(#\9) {
|
|
202
|
+
padding: var(--space-m-h2th94, 16px);
|
|
203
203
|
overflow-y: auto;
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
.awsui_custom-content-
|
|
206
|
+
.awsui_custom-content-wrapper_1wzqe_1tmj6_179:not(#\9) {
|
|
207
207
|
display: contents;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
.awsui_custom-
|
|
211
|
-
margin-right: var(--space-s-
|
|
210
|
+
.awsui_custom-control_1wzqe_1tmj6_183:not(#\9) {
|
|
211
|
+
margin-right: var(--space-s-hdd878, 12px);
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
.
|
|
214
|
+
.awsui_input_1wzqe_1tmj6_112:not(#\9) {
|
|
215
215
|
flex: 1;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.awsui_token-
|
|
218
|
+
.awsui_token-trigger_1wzqe_1tmj6_191:not(#\9) {
|
|
219
219
|
min-width: 0;
|
|
220
220
|
-ms-word-break: break-all;
|
|
221
221
|
word-break: break-word;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.awsui_remove-
|
|
225
|
-
.awsui_token-
|
|
226
|
-
.awsui_join-
|
|
224
|
+
.awsui_remove-all_1wzqe_1tmj6_197:not(#\9),
|
|
225
|
+
.awsui_token-label_1wzqe_1tmj6_198:not(#\9),
|
|
226
|
+
.awsui_join-operation_1wzqe_1tmj6_199:not(#\9) {
|
|
227
227
|
/* used in test-utils */
|
|
228
228
|
}
|