@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
|
@@ -2,37 +2,37 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"code-editor": "awsui_code-
|
|
6
|
-
"code-editor-refresh": "awsui_code-editor-
|
|
7
|
-
"pane": "
|
|
8
|
-
"pane__close-container": "awsui_pane__close-
|
|
9
|
-
"pane__list": "
|
|
10
|
-
"pane__table": "
|
|
11
|
-
"pane__item": "
|
|
12
|
-
"pane__cell": "
|
|
13
|
-
"pane__item--highlighted": "awsui_pane__item--
|
|
14
|
-
"pane__location": "
|
|
15
|
-
"pane__description": "
|
|
16
|
-
"focus-lock": "awsui_focus-
|
|
17
|
-
"editor": "
|
|
18
|
-
"editor-refresh": "awsui_editor-
|
|
19
|
-
"status-bar": "awsui_status-
|
|
20
|
-
"status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-
|
|
21
|
-
"status-bar__left": "awsui_status-
|
|
22
|
-
"status-bar__left-virtual": "awsui_status-bar__left-
|
|
23
|
-
"status-bar__right": "awsui_status-
|
|
24
|
-
"status-bar__language-mode": "awsui_status-bar__language-
|
|
25
|
-
"status-bar__cursor-position": "awsui_status-bar__cursor-
|
|
26
|
-
"status-bar__cog-button": "awsui_status-bar__cog-
|
|
27
|
-
"status-bar-virtual": "awsui_status-bar-
|
|
28
|
-
"tab-button": "awsui_tab-
|
|
29
|
-
"tab-button--refresh": "awsui_tab-button--
|
|
30
|
-
"tab-button--active": "awsui_tab-button--
|
|
31
|
-
"tab-button--disabled": "awsui_tab-button--
|
|
32
|
-
"tab-button--divider": "awsui_tab-button--
|
|
33
|
-
"tab-button--errors": "awsui_tab-button--
|
|
34
|
-
"tab-button--warnings": "awsui_tab-button--
|
|
35
|
-
"loading-screen": "awsui_loading-
|
|
36
|
-
"error-screen": "awsui_error-
|
|
5
|
+
"code-editor": "awsui_code-editor_1gl9c_1pa9a_98",
|
|
6
|
+
"code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1pa9a_342",
|
|
7
|
+
"pane": "awsui_pane_1gl9c_1pa9a_354",
|
|
8
|
+
"pane__close-container": "awsui_pane__close-container_1gl9c_1pa9a_365",
|
|
9
|
+
"pane__list": "awsui_pane__list_1gl9c_1pa9a_370",
|
|
10
|
+
"pane__table": "awsui_pane__table_1gl9c_1pa9a_377",
|
|
11
|
+
"pane__item": "awsui_pane__item_1gl9c_1pa9a_382",
|
|
12
|
+
"pane__cell": "awsui_pane__cell_1gl9c_1pa9a_382",
|
|
13
|
+
"pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1pa9a_396",
|
|
14
|
+
"pane__location": "awsui_pane__location_1gl9c_1pa9a_417",
|
|
15
|
+
"pane__description": "awsui_pane__description_1gl9c_1pa9a_417",
|
|
16
|
+
"focus-lock": "awsui_focus-lock_1gl9c_1pa9a_432",
|
|
17
|
+
"editor": "awsui_editor_1gl9c_1pa9a_457",
|
|
18
|
+
"editor-refresh": "awsui_editor-refresh_1gl9c_1pa9a_485",
|
|
19
|
+
"status-bar": "awsui_status-bar_1gl9c_1pa9a_490",
|
|
20
|
+
"status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1pa9a_499",
|
|
21
|
+
"status-bar__left": "awsui_status-bar__left_1gl9c_1pa9a_503",
|
|
22
|
+
"status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1pa9a_510",
|
|
23
|
+
"status-bar__right": "awsui_status-bar__right_1gl9c_1pa9a_514",
|
|
24
|
+
"status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1pa9a_518",
|
|
25
|
+
"status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1pa9a_518",
|
|
26
|
+
"status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1pa9a_523",
|
|
27
|
+
"status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1pa9a_527",
|
|
28
|
+
"tab-button": "awsui_tab-button_1gl9c_1pa9a_533",
|
|
29
|
+
"tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1pa9a_546",
|
|
30
|
+
"tab-button--active": "awsui_tab-button--active_1gl9c_1pa9a_560",
|
|
31
|
+
"tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1pa9a_580",
|
|
32
|
+
"tab-button--divider": "awsui_tab-button--divider_1gl9c_1pa9a_610",
|
|
33
|
+
"tab-button--errors": "awsui_tab-button--errors_1gl9c_1pa9a_617",
|
|
34
|
+
"tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1pa9a_617",
|
|
35
|
+
"loading-screen": "awsui_loading-screen_1gl9c_1pa9a_621",
|
|
36
|
+
"error-screen": "awsui_error-screen_1gl9c_1pa9a_622"
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"content-display-option-toggle": "awsui_content-display-option-
|
|
5
|
-
"content-display-option-content": "awsui_content-display-option-
|
|
6
|
-
"content-display-option": "awsui_content-display-
|
|
7
|
-
"placeholder": "
|
|
8
|
-
"sorting": "
|
|
9
|
-
"content-display-option-label": "awsui_content-display-option-
|
|
10
|
-
"drag-overlay": "awsui_drag-
|
|
11
|
-
"content-display": "awsui_content-
|
|
12
|
-
"content-display-title": "awsui_content-display-
|
|
13
|
-
"content-display-description": "awsui_content-display-
|
|
14
|
-
"content-display-option-list": "awsui_content-display-option-
|
|
4
|
+
"content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1vmqs_185",
|
|
5
|
+
"content-display-option-content": "awsui_content-display-option-content_1f3h0_1vmqs_189",
|
|
6
|
+
"content-display-option": "awsui_content-display-option_1f3h0_1vmqs_185",
|
|
7
|
+
"placeholder": "awsui_placeholder_1f3h0_1vmqs_212",
|
|
8
|
+
"sorting": "awsui_sorting_1f3h0_1vmqs_212",
|
|
9
|
+
"content-display-option-label": "awsui_content-display-option-label_1f3h0_1vmqs_239",
|
|
10
|
+
"drag-overlay": "awsui_drag-overlay_1f3h0_1vmqs_247",
|
|
11
|
+
"content-display": "awsui_content-display_1f3h0_1vmqs_185",
|
|
12
|
+
"content-display-title": "awsui_content-display-title_1f3h0_1vmqs_274",
|
|
13
|
+
"content-display-description": "awsui_content-display-description_1f3h0_1vmqs_282",
|
|
14
|
+
"content-display-option-list": "awsui_content-display-option-list_1f3h0_1vmqs_290"
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -182,11 +182,11 @@ 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
|
-
.awsui_content-display-option-
|
|
185
|
+
.awsui_content-display-option-toggle_1f3h0_1vmqs_185:not(#\9) {
|
|
186
186
|
/* used in test-utils */
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
-
.awsui_content-display-option-
|
|
189
|
+
.awsui_content-display-option-content_1f3h0_1vmqs_189:not(#\9) {
|
|
190
190
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
191
191
|
border-collapse: separate;
|
|
192
192
|
border-spacing: 0;
|
|
@@ -216,72 +216,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
216
216
|
widows: 2;
|
|
217
217
|
word-spacing: normal;
|
|
218
218
|
box-sizing: border-box;
|
|
219
|
-
font-size: var(--font-body-m-size-
|
|
220
|
-
line-height: var(--font-body-m-line-height-
|
|
221
|
-
color: var(--color-text-body-default-
|
|
219
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
220
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
221
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
222
222
|
font-weight: 400;
|
|
223
|
-
font-family: var(--font-family-base-
|
|
223
|
+
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
224
224
|
-webkit-font-smoothing: auto;
|
|
225
225
|
-moz-osx-font-smoothing: auto;
|
|
226
226
|
display: flex;
|
|
227
227
|
align-items: flex-start;
|
|
228
|
-
padding: var(--space-xs-
|
|
229
|
-
background-color: var(--color-background-container-content-
|
|
230
|
-
border-radius: var(--border-radius-item-
|
|
228
|
+
padding: var(--space-xs-edba2s, 8px) var(--space-scaled-xs-wbfgrv, 8px) var(--space-xs-edba2s, 8px) 0;
|
|
229
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
230
|
+
border-radius: var(--border-radius-item-gyl0qr, 8px);
|
|
231
231
|
}
|
|
232
232
|
|
|
233
|
-
.awsui_content-display-
|
|
233
|
+
.awsui_content-display-option_1f3h0_1vmqs_185:not(#\9) {
|
|
234
234
|
list-style: none;
|
|
235
235
|
position: relative;
|
|
236
|
-
border-top: var(--border-divider-list-width-
|
|
236
|
+
border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
237
237
|
}
|
|
238
|
-
.awsui_content-display-
|
|
239
|
-
transition: transform var(--motion-duration-transition-quick-
|
|
238
|
+
.awsui_content-display-option_1f3h0_1vmqs_185:not(#\9):not(.awsui_placeholder_1f3h0_1vmqs_212).awsui_sorting_1f3h0_1vmqs_212 {
|
|
239
|
+
transition: transform var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
|
|
240
240
|
}
|
|
241
241
|
@media (prefers-reduced-motion: reduce) {
|
|
242
|
-
.awsui_content-display-
|
|
242
|
+
.awsui_content-display-option_1f3h0_1vmqs_185:not(#\9):not(.awsui_placeholder_1f3h0_1vmqs_212).awsui_sorting_1f3h0_1vmqs_212 {
|
|
243
243
|
animation: none;
|
|
244
244
|
transition: none;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
.awsui-motion-disabled .awsui_content-display-
|
|
247
|
+
.awsui-motion-disabled .awsui_content-display-option_1f3h0_1vmqs_185:not(#\9):not(.awsui_placeholder_1f3h0_1vmqs_212).awsui_sorting_1f3h0_1vmqs_212, .awsui-mode-entering .awsui_content-display-option_1f3h0_1vmqs_185:not(#\9):not(.awsui_placeholder_1f3h0_1vmqs_212).awsui_sorting_1f3h0_1vmqs_212 {
|
|
248
248
|
animation: none;
|
|
249
249
|
transition: none;
|
|
250
250
|
}
|
|
251
|
-
.awsui_content-display-
|
|
251
|
+
.awsui_content-display-option_1f3h0_1vmqs_185.awsui_placeholder_1f3h0_1vmqs_212 > .awsui_content-display-option-content_1f3h0_1vmqs_189:not(#\9) {
|
|
252
252
|
position: relative;
|
|
253
253
|
}
|
|
254
|
-
.awsui_content-display-
|
|
254
|
+
.awsui_content-display-option_1f3h0_1vmqs_185.awsui_placeholder_1f3h0_1vmqs_212 > .awsui_content-display-option-content_1f3h0_1vmqs_189:not(#\9):after {
|
|
255
255
|
content: " ";
|
|
256
256
|
position: absolute;
|
|
257
257
|
top: 0;
|
|
258
258
|
bottom: 0;
|
|
259
259
|
left: 0;
|
|
260
260
|
right: 0;
|
|
261
|
-
background: var(--color-drag-placeholder-hover-
|
|
262
|
-
border-radius: var(--border-radius-item-
|
|
261
|
+
background: var(--color-drag-placeholder-hover-w22j3x, #d3e7f9);
|
|
262
|
+
border-radius: var(--border-radius-item-gyl0qr, 8px);
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
.awsui_content-display-option-
|
|
265
|
+
.awsui_content-display-option-label_1f3h0_1vmqs_239:not(#\9) {
|
|
266
266
|
flex-grow: 1;
|
|
267
267
|
min-width: 0;
|
|
268
268
|
-ms-word-break: break-all;
|
|
269
269
|
word-break: break-word;
|
|
270
|
-
padding-right: var(--space-l-
|
|
270
|
+
padding-right: var(--space-l-f4l5gr, 20px);
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_drag-
|
|
274
|
-
box-shadow: var(--shadow-container-active-
|
|
275
|
-
border-radius: var(--border-radius-item-
|
|
273
|
+
.awsui_drag-overlay_1f3h0_1vmqs_247:not(#\9) {
|
|
274
|
+
box-shadow: var(--shadow-container-active-x0fzbz, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
|
|
275
|
+
border-radius: var(--border-radius-item-gyl0qr, 8px);
|
|
276
276
|
}
|
|
277
|
-
body[data-awsui-focus-visible=true] .awsui_drag-
|
|
277
|
+
body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1vmqs_247:not(#\9) {
|
|
278
278
|
position: relative;
|
|
279
279
|
}
|
|
280
|
-
body[data-awsui-focus-visible=true] .awsui_drag-
|
|
280
|
+
body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1vmqs_247:not(#\9) {
|
|
281
281
|
outline: 2px dotted transparent;
|
|
282
282
|
outline-offset: calc(0px - 1px);
|
|
283
283
|
}
|
|
284
|
-
body[data-awsui-focus-visible=true] .awsui_drag-
|
|
284
|
+
body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1vmqs_247:not(#\9)::before {
|
|
285
285
|
content: " ";
|
|
286
286
|
display: block;
|
|
287
287
|
position: absolute;
|
|
@@ -289,31 +289,31 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_ip6qx_247:not(#\9)
|
|
|
289
289
|
top: calc(-1 * 0px);
|
|
290
290
|
width: calc(100% + 2 * 0px);
|
|
291
291
|
height: calc(100% + 2 * 0px);
|
|
292
|
-
border-radius: var(--border-radius-item-
|
|
293
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
292
|
+
border-radius: var(--border-radius-item-gyl0qr, 8px);
|
|
293
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
-
.awsui_content-
|
|
296
|
+
.awsui_content-display_1f3h0_1vmqs_185:not(#\9) {
|
|
297
297
|
/* used in test-utils */
|
|
298
298
|
}
|
|
299
299
|
|
|
300
|
-
.awsui_content-display-
|
|
301
|
-
font-size: var(--font-body-m-size-
|
|
302
|
-
line-height: var(--font-body-m-line-height-
|
|
303
|
-
font-weight: var(--font-display-label-weight-
|
|
304
|
-
color: var(--color-text-form-label-
|
|
300
|
+
.awsui_content-display-title_1f3h0_1vmqs_274:not(#\9) {
|
|
301
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
302
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
303
|
+
font-weight: var(--font-display-label-weight-io22e5, 700);
|
|
304
|
+
color: var(--color-text-form-label-9b04y0, #000716);
|
|
305
305
|
margin: 0;
|
|
306
306
|
}
|
|
307
307
|
|
|
308
|
-
.awsui_content-display-
|
|
309
|
-
color: var(--color-text-form-secondary-
|
|
310
|
-
font-size: var(--font-body-s-size-
|
|
311
|
-
line-height: var(--font-body-s-line-height-
|
|
312
|
-
letter-spacing: var(--font-body-s-letter-spacing-
|
|
313
|
-
margin-top: var(--space-scaled-xxxs-
|
|
308
|
+
.awsui_content-display-description_1f3h0_1vmqs_282:not(#\9) {
|
|
309
|
+
color: var(--color-text-form-secondary-88dttc, #5f6b7a);
|
|
310
|
+
font-size: var(--font-body-s-size-6jmxer, 12px);
|
|
311
|
+
line-height: var(--font-body-s-line-height-ga8tt7, 16px);
|
|
312
|
+
letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
|
|
313
|
+
margin-top: var(--space-scaled-xxxs-jdgipl, 2px);
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.awsui_content-display-option-
|
|
316
|
+
.awsui_content-display-option-list_1f3h0_1vmqs_290:not(#\9) {
|
|
317
317
|
position: relative;
|
|
318
318
|
list-style: none;
|
|
319
319
|
padding: 0;
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"content-display-option-toggle": "awsui_content-display-option-
|
|
6
|
-
"content-display-option-content": "awsui_content-display-option-
|
|
7
|
-
"content-display-option": "awsui_content-display-
|
|
8
|
-
"placeholder": "
|
|
9
|
-
"sorting": "
|
|
10
|
-
"content-display-option-label": "awsui_content-display-option-
|
|
11
|
-
"drag-overlay": "awsui_drag-
|
|
12
|
-
"content-display": "awsui_content-
|
|
13
|
-
"content-display-title": "awsui_content-display-
|
|
14
|
-
"content-display-description": "awsui_content-display-
|
|
15
|
-
"content-display-option-list": "awsui_content-display-option-
|
|
5
|
+
"content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1vmqs_185",
|
|
6
|
+
"content-display-option-content": "awsui_content-display-option-content_1f3h0_1vmqs_189",
|
|
7
|
+
"content-display-option": "awsui_content-display-option_1f3h0_1vmqs_185",
|
|
8
|
+
"placeholder": "awsui_placeholder_1f3h0_1vmqs_212",
|
|
9
|
+
"sorting": "awsui_sorting_1f3h0_1vmqs_212",
|
|
10
|
+
"content-display-option-label": "awsui_content-display-option-label_1f3h0_1vmqs_239",
|
|
11
|
+
"drag-overlay": "awsui_drag-overlay_1f3h0_1vmqs_247",
|
|
12
|
+
"content-display": "awsui_content-display_1f3h0_1vmqs_185",
|
|
13
|
+
"content-display-title": "awsui_content-display-title_1f3h0_1vmqs_274",
|
|
14
|
+
"content-display-description": "awsui_content-display-description_1f3h0_1vmqs_282",
|
|
15
|
+
"content-display-option-list": "awsui_content-display-option-list_1f3h0_1vmqs_290"
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -4,14 +4,17 @@ import { NonCancelableEventHandler } from '../internal/events';
|
|
|
4
4
|
export interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {
|
|
5
5
|
/**
|
|
6
6
|
* Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.
|
|
7
|
+
* @i18n
|
|
7
8
|
*/
|
|
8
9
|
title?: string;
|
|
9
10
|
/**
|
|
10
11
|
* Label of the confirm button in the modal footer.
|
|
12
|
+
* @i18n
|
|
11
13
|
*/
|
|
12
14
|
confirmLabel?: string;
|
|
13
15
|
/**
|
|
14
16
|
* Label of the cancel button in the modal footer.
|
|
17
|
+
* @i18n
|
|
15
18
|
*/
|
|
16
19
|
cancelLabel?: string;
|
|
17
20
|
/**
|
|
@@ -30,6 +33,7 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
|
|
|
30
33
|
* - `label` (string) - A label for the radio button (for example, "10 resources").
|
|
31
34
|
*
|
|
32
35
|
* You must set the current value in the `preferences.pageSize` property.
|
|
36
|
+
* @i18n
|
|
33
37
|
*/
|
|
34
38
|
pageSizePreference?: CollectionPreferencesProps.PageSizePreference;
|
|
35
39
|
/**
|
|
@@ -42,6 +46,7 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
|
|
|
42
46
|
* - `description` (string) - Specifies the text displayed below the checkbox label.
|
|
43
47
|
*
|
|
44
48
|
* You must set the current value in the `preferences.wrapLines` property.
|
|
49
|
+
* @i18n
|
|
45
50
|
*/
|
|
46
51
|
wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;
|
|
47
52
|
/**
|
|
@@ -54,6 +59,7 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
|
|
|
54
59
|
* - `description` (string) - Specifies the text displayed below the checkbox label.
|
|
55
60
|
*
|
|
56
61
|
* You must set the current value in the `preferences.stripedRows` property.
|
|
62
|
+
* @i18n
|
|
57
63
|
*/
|
|
58
64
|
stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;
|
|
59
65
|
/**
|
|
@@ -66,6 +72,7 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
|
|
|
66
72
|
* - `description` (string) - Specifies the text displayed below the checkbox label.
|
|
67
73
|
*
|
|
68
74
|
* You must set the current value in the `preferences.contentDensity` property.
|
|
75
|
+
* @i18n
|
|
69
76
|
*/
|
|
70
77
|
contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;
|
|
71
78
|
/**
|
|
@@ -78,6 +85,7 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
|
|
|
78
85
|
* - `description` (string) - Specifies the text displayed below each radio group label.
|
|
79
86
|
*
|
|
80
87
|
* You must set the current value in the `preferences.stickyColumns` property.
|
|
88
|
+
* @i18n
|
|
81
89
|
*/
|
|
82
90
|
stickyColumnsPreference?: CollectionPreferencesProps.StickyColumnsPreference;
|
|
83
91
|
/**
|
|
@@ -102,6 +110,7 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
|
|
|
102
110
|
* - `alwaysVisible` (boolean) - (Optional) Determines whether the visibility is always on and therefore cannot be toggled. This is set to `false` by default.
|
|
103
111
|
*
|
|
104
112
|
* You must provide an ordered list of the items to display in the `preferences.contentDisplay` property.
|
|
113
|
+
* @i18n
|
|
105
114
|
*/
|
|
106
115
|
contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;
|
|
107
116
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["collection-preferences/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,0BAA0B,CAAC,oBAAoB,GAAG,GAAG,CAAE,SAAQ,kBAAkB;IAChG
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["collection-preferences/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["collection-preferences/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {\n /**\n * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.\n */\n title?: string;\n /**\n * Label of the confirm button in the modal footer.\n */\n confirmLabel?: string;\n /**\n * Label of the cancel button in the modal footer.\n */\n cancelLabel?: string;\n /**\n * Determines whether the preferences trigger button is disabled.\n */\n disabled?: boolean;\n /**\n * Configures the built-in \"page size selection\" preference.\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `title` (string) - Specifies the text displayed at the top of the preference.\n * - `options` - Specifies an array of options for page size selection. Each entry contains:\n * - `value` (number) - The value for the radio button (that is, the number of items per page).\n * - `label` (string) - A label for the radio button (for example, \"10 resources\").\n *\n * You must set the current value in the `preferences.pageSize` property.\n */\n pageSizePreference?: CollectionPreferencesProps.PageSizePreference;\n /**\n * Configures the built-in \"wrap lines\" preference.\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for the option checkbox.\n * - `description` (string) - Specifies the text displayed below the checkbox label.\n *\n * You must set the current value in the `preferences.wrapLines` property.\n */\n wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;\n /**\n * Configures the built-in \"striped rows\" preference.\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for the option checkbox.\n * - `description` (string) - Specifies the text displayed below the checkbox label.\n *\n * You must set the current value in the `preferences.stripedRows` property.\n */\n stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;\n /**\n * Configures the content density preference (Comfortable / Compact).\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for the option checkbox.\n * - `description` (string) - Specifies the text displayed below the checkbox label.\n *\n * You must set the current value in the `preferences.contentDensity` property.\n */\n contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;\n /**\n * Configures the sticky columns preference.\n *\n * You can set it for both left and right columns.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for each radio group.\n * - `description` (string) - Specifies the text displayed below each radio group label.\n *\n * You must set the current value in the `preferences.stickyColumns` property.\n */\n stickyColumnsPreference?: CollectionPreferencesProps.StickyColumnsPreference;\n /**\n * Configures the built-in content display preference for order and visibility of columns in a table.\n *\n * Once set, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `title` (string) - Specifies the text displayed at the top of the preference.\n * - `description` (string) - Specifies the description displayed below the title.\n * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an option is picked.\n * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.\n * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.\n * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.\n * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.\n * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.\n * - `options` - Specifies an array of options for reordering and visible content selection.\n *\n * Each option contains the following:\n * - `id` (string) - Corresponds to a table column `id`.\n * - `label` (string) - Specifies a short description of the content.\n * - `alwaysVisible` (boolean) - (Optional) Determines whether the visibility is always on and therefore cannot be toggled. This is set to `false` by default.\n *\n * You must provide an ordered list of the items to display in the `preferences.contentDisplay` property.\n */\n contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;\n /**\n * Configures the built-in \"visible content selection\" preference (for example, visible columns in a table).\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `title` (string) - Specifies the text displayed at the top of the preference.\n * - `options` - Specifies an array of groups of options for visible content selection.\n *\n * Each group of options contains the following:\n * - `label` (string) - The text to display as a title for the options group.\n * - `options` - Specifies an aray of options in the group. Each option contains the following:\n * - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.\n * - `label` (string) - Specifies a short description of the content.\n * - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.\n *\n * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.\n */\n visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;\n /**\n * Specifies the current preference values. This includes both built-in and custom preferences.\n *\n * It contains the following:\n * - `pageSize` (number) - (Optional)\n * - `wrapLines` (boolean) - (Optional)\n * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) Specifies the list of content and their visibility. The order of the elements influences the display.\n * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display. If the `contentDisplay` property is set, this property is ignored.\n * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.\n */\n preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;\n /**\n * Configures custom preferences. The function receives two parameters:\n *\n * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.\n * - `setCustomValue` - A function that is called to notify a state update.\n *\n * It should return the content of your custom preference, for example:\n * ```\n * (customValue, setCustomValue) => (\n * <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />\n * )\n * ```\n *\n * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.\n * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.\n *\n * **Display**\n * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,\n * the custom content is displayed at the bottom of the left column within the modal.\n * - If no built-in preference is displayed, the custom content occupies the whole modal.\n */\n customPreference?: (\n customValue: CustomPreferenceType,\n setCustomValue: React.Dispatch<CustomPreferenceType>\n ) => React.ReactNode;\n /**\n * Called when the user cancels a preference change using the cancel button in the modal footer or by dismissing the modal.\n */\n onCancel?: NonCancelableEventHandler;\n /**\n * Called when the user confirms a preference change using the confirm button in the modal footer.\n *\n * The event `detail` contains the following:\n * - `contentDensity` (boolean) - (Optional) The current content density preference value. Available only if you specify the `contentDensityPreference` property.\n * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) The ordered list of table columns and their visibility. Available only if you specify the `contentDisplayPreference` property.\n * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.\n * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.\n * - `stickyColumns` (CollectionPreferencesProps.StickyColumns) - (Optional) The current sticky columns preference value. Available only if you specify the `stickyColumnsPreference` property.\n * - `stripedRows` (boolean) - (Optional) The current striped rows preference value. Available only if you specify the `stripedRowsPreference` property.\n * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.\n * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.\n *\n * The values for all configured preferences are present even if the user didn't change their values.\n */\n onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;\n}\n\nexport namespace CollectionPreferencesProps {\n export interface Preferences<CustomPreferenceType = any> {\n pageSize?: number;\n wrapLines?: boolean;\n stripedRows?: boolean;\n contentDensity?: 'comfortable' | 'compact';\n visibleContent?: ReadonlyArray<string>;\n stickyColumns?: StickyColumns;\n contentDisplay?: ReadonlyArray<ContentDisplayItem>;\n custom?: CustomPreferenceType;\n }\n\n export interface ContentDisplayPreference {\n title?: string;\n description?: string;\n options: ReadonlyArray<CollectionPreferencesProps.ContentDisplayOption>;\n liveAnnouncementDndStarted?: (position: number, total: number) => string;\n liveAnnouncementDndItemReordered?: (initialPosition: number, currentPosition: number, total: number) => string;\n liveAnnouncementDndItemCommitted?: (initialPosition: number, finalPosition: number, total: number) => string;\n liveAnnouncementDndDiscarded?: string;\n dragHandleAriaLabel?: string;\n dragHandleAriaDescription?: string;\n }\n\n export interface ContentDisplayOption {\n id: string;\n label: string;\n alwaysVisible?: boolean;\n }\n\n export interface ContentDisplayItem {\n id: string;\n visible: boolean;\n }\n\n export interface VisibleContentPreference {\n title: string;\n options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;\n }\n\n export interface VisibleContentOptionsGroup {\n label: string;\n options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;\n }\n\n export interface VisibleContentOption {\n id: string;\n label: string;\n editable?: boolean;\n }\n\n export interface PageSizePreference {\n title?: string;\n options: ReadonlyArray<PageSizeOption>;\n }\n\n export interface PageSizeOption {\n value: number;\n label?: string;\n }\n\n export interface WrapLinesPreference {\n label?: string;\n description?: string;\n }\n\n export interface StripedRowsPreference {\n label?: string;\n description?: string;\n }\n\n export interface ContentDensityPreference {\n label?: string;\n description?: string;\n }\n\n interface StickyColumns {\n first?: number;\n last?: number;\n }\n\n interface StickyColumnPreference {\n title: string;\n description: string;\n options: ReadonlyArray<{\n label: string;\n value: number;\n }>;\n }\n export interface StickyColumnsPreference {\n firstColumns?: StickyColumnPreference;\n lastColumns?: StickyColumnPreference;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["collection-preferences/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {\n /**\n * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.\n * @i18n\n */\n title?: string;\n /**\n * Label of the confirm button in the modal footer.\n * @i18n\n */\n confirmLabel?: string;\n /**\n * Label of the cancel button in the modal footer.\n * @i18n\n */\n cancelLabel?: string;\n /**\n * Determines whether the preferences trigger button is disabled.\n */\n disabled?: boolean;\n /**\n * Configures the built-in \"page size selection\" preference.\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `title` (string) - Specifies the text displayed at the top of the preference.\n * - `options` - Specifies an array of options for page size selection. Each entry contains:\n * - `value` (number) - The value for the radio button (that is, the number of items per page).\n * - `label` (string) - A label for the radio button (for example, \"10 resources\").\n *\n * You must set the current value in the `preferences.pageSize` property.\n * @i18n\n */\n pageSizePreference?: CollectionPreferencesProps.PageSizePreference;\n /**\n * Configures the built-in \"wrap lines\" preference.\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for the option checkbox.\n * - `description` (string) - Specifies the text displayed below the checkbox label.\n *\n * You must set the current value in the `preferences.wrapLines` property.\n * @i18n\n */\n wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;\n /**\n * Configures the built-in \"striped rows\" preference.\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for the option checkbox.\n * - `description` (string) - Specifies the text displayed below the checkbox label.\n *\n * You must set the current value in the `preferences.stripedRows` property.\n * @i18n\n */\n stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;\n /**\n * Configures the content density preference (Comfortable / Compact).\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for the option checkbox.\n * - `description` (string) - Specifies the text displayed below the checkbox label.\n *\n * You must set the current value in the `preferences.contentDensity` property.\n * @i18n\n */\n contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;\n /**\n * Configures the sticky columns preference.\n *\n * You can set it for both left and right columns.\n *\n * It contains the following:\n * - `label` (string) - Specifies the label for each radio group.\n * - `description` (string) - Specifies the text displayed below each radio group label.\n *\n * You must set the current value in the `preferences.stickyColumns` property.\n * @i18n\n */\n stickyColumnsPreference?: CollectionPreferencesProps.StickyColumnsPreference;\n /**\n * Configures the built-in content display preference for order and visibility of columns in a table.\n *\n * Once set, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `title` (string) - Specifies the text displayed at the top of the preference.\n * - `description` (string) - Specifies the description displayed below the title.\n * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an option is picked.\n * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.\n * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.\n * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.\n * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.\n * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.\n * - `options` - Specifies an array of options for reordering and visible content selection.\n *\n * Each option contains the following:\n * - `id` (string) - Corresponds to a table column `id`.\n * - `label` (string) - Specifies a short description of the content.\n * - `alwaysVisible` (boolean) - (Optional) Determines whether the visibility is always on and therefore cannot be toggled. This is set to `false` by default.\n *\n * You must provide an ordered list of the items to display in the `preferences.contentDisplay` property.\n * @i18n\n */\n contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;\n /**\n * Configures the built-in \"visible content selection\" preference (for example, visible columns in a table).\n *\n * If you set it, the component displays this preference in the modal.\n *\n * It contains the following:\n * - `title` (string) - Specifies the text displayed at the top of the preference.\n * - `options` - Specifies an array of groups of options for visible content selection.\n *\n * Each group of options contains the following:\n * - `label` (string) - The text to display as a title for the options group.\n * - `options` - Specifies an aray of options in the group. Each option contains the following:\n * - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.\n * - `label` (string) - Specifies a short description of the content.\n * - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.\n *\n * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.\n */\n visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;\n /**\n * Specifies the current preference values. This includes both built-in and custom preferences.\n *\n * It contains the following:\n * - `pageSize` (number) - (Optional)\n * - `wrapLines` (boolean) - (Optional)\n * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) Specifies the list of content and their visibility. The order of the elements influences the display.\n * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display. If the `contentDisplay` property is set, this property is ignored.\n * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.\n */\n preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;\n /**\n * Configures custom preferences. The function receives two parameters:\n *\n * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.\n * - `setCustomValue` - A function that is called to notify a state update.\n *\n * It should return the content of your custom preference, for example:\n * ```\n * (customValue, setCustomValue) => (\n * <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />\n * )\n * ```\n *\n * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.\n * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.\n *\n * **Display**\n * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,\n * the custom content is displayed at the bottom of the left column within the modal.\n * - If no built-in preference is displayed, the custom content occupies the whole modal.\n */\n customPreference?: (\n customValue: CustomPreferenceType,\n setCustomValue: React.Dispatch<CustomPreferenceType>\n ) => React.ReactNode;\n /**\n * Called when the user cancels a preference change using the cancel button in the modal footer or by dismissing the modal.\n */\n onCancel?: NonCancelableEventHandler;\n /**\n * Called when the user confirms a preference change using the confirm button in the modal footer.\n *\n * The event `detail` contains the following:\n * - `contentDensity` (boolean) - (Optional) The current content density preference value. Available only if you specify the `contentDensityPreference` property.\n * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) The ordered list of table columns and their visibility. Available only if you specify the `contentDisplayPreference` property.\n * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.\n * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.\n * - `stickyColumns` (CollectionPreferencesProps.StickyColumns) - (Optional) The current sticky columns preference value. Available only if you specify the `stickyColumnsPreference` property.\n * - `stripedRows` (boolean) - (Optional) The current striped rows preference value. Available only if you specify the `stripedRowsPreference` property.\n * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.\n * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.\n *\n * The values for all configured preferences are present even if the user didn't change their values.\n */\n onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;\n}\n\nexport namespace CollectionPreferencesProps {\n export interface Preferences<CustomPreferenceType = any> {\n pageSize?: number;\n wrapLines?: boolean;\n stripedRows?: boolean;\n contentDensity?: 'comfortable' | 'compact';\n visibleContent?: ReadonlyArray<string>;\n stickyColumns?: StickyColumns;\n contentDisplay?: ReadonlyArray<ContentDisplayItem>;\n custom?: CustomPreferenceType;\n }\n\n export interface ContentDisplayPreference {\n title?: string;\n description?: string;\n options: ReadonlyArray<CollectionPreferencesProps.ContentDisplayOption>;\n liveAnnouncementDndStarted?: (position: number, total: number) => string;\n liveAnnouncementDndItemReordered?: (initialPosition: number, currentPosition: number, total: number) => string;\n liveAnnouncementDndItemCommitted?: (initialPosition: number, finalPosition: number, total: number) => string;\n liveAnnouncementDndDiscarded?: string;\n dragHandleAriaLabel?: string;\n dragHandleAriaDescription?: string;\n }\n\n export interface ContentDisplayOption {\n id: string;\n label: string;\n alwaysVisible?: boolean;\n }\n\n export interface ContentDisplayItem {\n id: string;\n visible: boolean;\n }\n\n export interface VisibleContentPreference {\n title: string;\n options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;\n }\n\n export interface VisibleContentOptionsGroup {\n label: string;\n options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;\n }\n\n export interface VisibleContentOption {\n id: string;\n label: string;\n editable?: boolean;\n }\n\n export interface PageSizePreference {\n title?: string;\n options: ReadonlyArray<PageSizeOption>;\n }\n\n export interface PageSizeOption {\n value: number;\n label?: string;\n }\n\n export interface WrapLinesPreference {\n label?: string;\n description?: string;\n }\n\n export interface StripedRowsPreference {\n label?: string;\n description?: string;\n }\n\n export interface ContentDensityPreference {\n label?: string;\n description?: string;\n }\n\n interface StickyColumns {\n first?: number;\n last?: number;\n }\n\n interface StickyColumnPreference {\n title: string;\n description: string;\n options: ReadonlyArray<{\n label: string;\n value: number;\n }>;\n }\n export interface StickyColumnsPreference {\n firstColumns?: StickyColumnPreference;\n lastColumns?: StickyColumnPreference;\n }\n}\n"]}
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"visible-content": "awsui_visible-
|
|
5
|
-
"visible-content-toggle": "awsui_visible-content-
|
|
6
|
-
"visible-content-groups": "awsui_visible-content-
|
|
7
|
-
"visible-content-group": "awsui_visible-content-
|
|
8
|
-
"visible-content-title": "awsui_visible-content-
|
|
9
|
-
"visible-content-group-label": "awsui_visible-content-group-
|
|
10
|
-
"visible-content-option": "awsui_visible-content-
|
|
11
|
-
"visible-content-option-label": "awsui_visible-content-option-
|
|
12
|
-
"content-display-option-toggle": "awsui_content-display-option-
|
|
13
|
-
"content-display-option-content": "awsui_content-display-option-
|
|
14
|
-
"content-display-option": "awsui_content-display-
|
|
15
|
-
"placeholder": "
|
|
16
|
-
"sorting": "
|
|
17
|
-
"content-display-option-label": "awsui_content-display-option-
|
|
18
|
-
"drag-overlay": "awsui_drag-
|
|
19
|
-
"content-display": "awsui_content-
|
|
20
|
-
"content-display-title": "awsui_content-display-
|
|
21
|
-
"content-display-description": "awsui_content-display-
|
|
22
|
-
"content-display-option-list": "awsui_content-display-option-
|
|
23
|
-
"root": "
|
|
24
|
-
"modal-root": "awsui_modal-
|
|
25
|
-
"trigger-button": "awsui_trigger-
|
|
26
|
-
"cancel-button": "awsui_cancel-
|
|
27
|
-
"confirm-button": "awsui_confirm-
|
|
28
|
-
"custom": "
|
|
29
|
-
"second-column-small": "awsui_second-column-
|
|
30
|
-
"wrap-lines": "awsui_wrap-
|
|
31
|
-
"striped-rows": "awsui_striped-
|
|
32
|
-
"content-density": "awsui_content-
|
|
33
|
-
"page-size": "awsui_page-
|
|
34
|
-
"page-size-form-field": "awsui_page-size-form-
|
|
35
|
-
"page-size-radio-group": "awsui_page-size-radio-
|
|
36
|
-
"sticky-columns": "awsui_sticky-
|
|
37
|
-
"sticky-columns-form-field": "awsui_sticky-columns-form-
|
|
38
|
-
"sticky-columns-radio-group": "awsui_sticky-columns-radio-
|
|
39
|
-
"sticky-columns-first": "awsui_sticky-columns-
|
|
40
|
-
"sticky-columns-last": "awsui_sticky-columns-
|
|
4
|
+
"visible-content": "awsui_visible-content_tc96w_j59oj_185",
|
|
5
|
+
"visible-content-toggle": "awsui_visible-content-toggle_tc96w_j59oj_186",
|
|
6
|
+
"visible-content-groups": "awsui_visible-content-groups_tc96w_j59oj_187",
|
|
7
|
+
"visible-content-group": "awsui_visible-content-group_tc96w_j59oj_187",
|
|
8
|
+
"visible-content-title": "awsui_visible-content-title_tc96w_j59oj_192",
|
|
9
|
+
"visible-content-group-label": "awsui_visible-content-group-label_tc96w_j59oj_201",
|
|
10
|
+
"visible-content-option": "awsui_visible-content-option_tc96w_j59oj_207",
|
|
11
|
+
"visible-content-option-label": "awsui_visible-content-option-label_tc96w_j59oj_218",
|
|
12
|
+
"content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_j59oj_409",
|
|
13
|
+
"content-display-option-content": "awsui_content-display-option-content_tc96w_j59oj_413",
|
|
14
|
+
"content-display-option": "awsui_content-display-option_tc96w_j59oj_409",
|
|
15
|
+
"placeholder": "awsui_placeholder_tc96w_j59oj_436",
|
|
16
|
+
"sorting": "awsui_sorting_tc96w_j59oj_436",
|
|
17
|
+
"content-display-option-label": "awsui_content-display-option-label_tc96w_j59oj_463",
|
|
18
|
+
"drag-overlay": "awsui_drag-overlay_tc96w_j59oj_471",
|
|
19
|
+
"content-display": "awsui_content-display_tc96w_j59oj_409",
|
|
20
|
+
"content-display-title": "awsui_content-display-title_tc96w_j59oj_498",
|
|
21
|
+
"content-display-description": "awsui_content-display-description_tc96w_j59oj_506",
|
|
22
|
+
"content-display-option-list": "awsui_content-display-option-list_tc96w_j59oj_514",
|
|
23
|
+
"root": "awsui_root_tc96w_j59oj_520",
|
|
24
|
+
"modal-root": "awsui_modal-root_tc96w_j59oj_521",
|
|
25
|
+
"trigger-button": "awsui_trigger-button_tc96w_j59oj_522",
|
|
26
|
+
"cancel-button": "awsui_cancel-button_tc96w_j59oj_523",
|
|
27
|
+
"confirm-button": "awsui_confirm-button_tc96w_j59oj_524",
|
|
28
|
+
"custom": "awsui_custom_tc96w_j59oj_525",
|
|
29
|
+
"second-column-small": "awsui_second-column-small_tc96w_j59oj_529",
|
|
30
|
+
"wrap-lines": "awsui_wrap-lines_tc96w_j59oj_533",
|
|
31
|
+
"striped-rows": "awsui_striped-rows_tc96w_j59oj_534",
|
|
32
|
+
"content-density": "awsui_content-density_tc96w_j59oj_535",
|
|
33
|
+
"page-size": "awsui_page-size_tc96w_j59oj_536",
|
|
34
|
+
"page-size-form-field": "awsui_page-size-form-field_tc96w_j59oj_537",
|
|
35
|
+
"page-size-radio-group": "awsui_page-size-radio-group_tc96w_j59oj_538",
|
|
36
|
+
"sticky-columns": "awsui_sticky-columns_tc96w_j59oj_539",
|
|
37
|
+
"sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_j59oj_540",
|
|
38
|
+
"sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_j59oj_541",
|
|
39
|
+
"sticky-columns-first": "awsui_sticky-columns-first_tc96w_j59oj_542",
|
|
40
|
+
"sticky-columns-last": "awsui_sticky-columns-last_tc96w_j59oj_543"
|
|
41
41
|
};
|
|
42
42
|
|