@cloudscape-design/components-themeable 3.0.1163 → 3.0.1165
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +1 -0
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +4 -1
- package/lib/internal/scss/drawer/styles.scss +25 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/table/resizer/styles.scss +7 -6
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -21
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/app-layout/runtime-drawer/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/runtime-drawer/index.js +20 -18
- package/lib/internal/template/app-layout/runtime-drawer/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +164 -163
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +86 -83
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/autosuggest/interfaces.d.ts +1 -1
- package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
- package/lib/internal/template/box/styles.css.js +192 -192
- package/lib/internal/template/box/styles.scoped.css +242 -242
- package/lib/internal/template/box/styles.selectors.js +192 -192
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +22 -22
- package/lib/internal/template/button/styles.scoped.css +96 -96
- package/lib/internal/template/button/styles.selectors.js +22 -22
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +17 -17
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +27 -27
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +17 -17
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +35 -35
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
- package/lib/internal/template/button-group/interfaces.d.ts +9 -0
- package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-group/interfaces.js.map +1 -1
- package/lib/internal/template/calendar/styles.css.js +21 -21
- package/lib/internal/template/calendar/styles.scoped.css +44 -44
- package/lib/internal/template/calendar/styles.selectors.js +21 -21
- package/lib/internal/template/cards/styles.css.js +39 -39
- package/lib/internal/template/cards/styles.scoped.css +51 -51
- package/lib/internal/template/cards/styles.selectors.js +39 -39
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +187 -187
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/collection-preferences/styles.css.js +36 -36
- package/lib/internal/template/collection-preferences/styles.scoped.css +38 -38
- package/lib/internal/template/collection-preferences/styles.selectors.js +36 -36
- package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +56 -56
- package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/lib/internal/template/drawer/implementation.d.ts +1 -1
- package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
- package/lib/internal/template/drawer/implementation.js +13 -4
- package/lib/internal/template/drawer/implementation.js.map +1 -1
- package/lib/internal/template/drawer/interfaces.d.ts +7 -0
- package/lib/internal/template/drawer/interfaces.d.ts.map +1 -1
- package/lib/internal/template/drawer/interfaces.js.map +1 -1
- package/lib/internal/template/drawer/styles.css.js +12 -8
- package/lib/internal/template/drawer/styles.scoped.css +35 -13
- package/lib/internal/template/drawer/styles.selectors.js +12 -8
- package/lib/internal/template/drawer/use-sticky-footer.d.ts +9 -0
- package/lib/internal/template/drawer/use-sticky-footer.d.ts.map +1 -0
- package/lib/internal/template/drawer/use-sticky-footer.js +35 -0
- package/lib/internal/template/drawer/use-sticky-footer.js.map +1 -0
- package/lib/internal/template/expandable-section/styles.css.js +35 -35
- package/lib/internal/template/expandable-section/styles.scoped.css +68 -68
- package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +75 -75
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/icon/styles.css.js +39 -39
- package/lib/internal/template/icon/styles.scoped.css +87 -87
- package/lib/internal/template/icon/styles.selectors.js +39 -39
- package/lib/internal/template/internal/base-component/styles.scoped.css +504 -437
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +33 -33
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -19
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +33 -33
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
- package/lib/internal/template/internal/components/option/styles.css.js +16 -16
- package/lib/internal/template/internal/components/option/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/option/styles.selectors.js +16 -16
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +23 -23
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +54 -54
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +23 -23
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +3 -3
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.js +8 -8
- package/lib/internal/template/internal/generated/theming/index.cjs +24 -24
- package/lib/internal/template/internal/generated/theming/index.js +24 -24
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js +2 -2
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
- package/lib/internal/template/internal/plugins/controllers/drawers.d.ts +2 -2
- package/lib/internal/template/internal/plugins/controllers/drawers.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/controllers/drawers.js.map +1 -1
- package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +2 -2
- package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -10
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +92 -92
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +24 -24
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +50 -50
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/internal.js +1 -1
- package/lib/internal/template/popover/internal.js.map +1 -1
- package/lib/internal/template/popover/styles.css.js +57 -57
- package/lib/internal/template/popover/styles.scoped.css +87 -87
- package/lib/internal/template/popover/styles.selectors.js +57 -57
- package/lib/internal/template/progress-bar/styles.css.js +19 -19
- package/lib/internal/template/progress-bar/styles.scoped.css +31 -31
- package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
- package/lib/internal/template/property-filter/styles.css.js +39 -39
- package/lib/internal/template/property-filter/styles.scoped.css +42 -42
- package/lib/internal/template/property-filter/styles.selectors.js +39 -39
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +36 -36
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/select/interfaces.d.ts +1 -1
- package/lib/internal/template/select/interfaces.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +30 -30
- package/lib/internal/template/side-navigation/styles.scoped.css +47 -47
- package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
- package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
- package/lib/internal/template/split-panel/icons/styles.scoped.css +27 -27
- package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
- package/lib/internal/template/table/body-cell/styles.css.js +47 -47
- package/lib/internal/template/table/body-cell/styles.scoped.css +377 -377
- package/lib/internal/template/table/body-cell/styles.selectors.js +47 -47
- package/lib/internal/template/table/header-cell/index.d.ts +1 -1
- package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/index.js +1 -1
- package/lib/internal/template/table/header-cell/index.js.map +1 -1
- package/lib/internal/template/table/header-cell/th-element.d.ts +1 -1
- package/lib/internal/template/table/header-cell/th-element.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/th-element.js.map +1 -1
- package/lib/internal/template/table/resizer/index.d.ts +2 -1
- package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
- package/lib/internal/template/table/resizer/index.js +8 -5
- package/lib/internal/template/table/resizer/index.js.map +1 -1
- package/lib/internal/template/table/resizer/styles.css.js +13 -12
- package/lib/internal/template/table/resizer/styles.scoped.css +22 -22
- package/lib/internal/template/table/resizer/styles.selectors.js +13 -12
- package/lib/internal/template/table/thead.d.ts +1 -1
- package/lib/internal/template/table/thead.d.ts.map +1 -1
- package/lib/internal/template/table/thead.js.map +1 -1
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/test-utils/dom/drawer/index.d.ts +1 -0
- package/lib/internal/template/test-utils/dom/drawer/index.js +3 -0
- package/lib/internal/template/test-utils/dom/drawer/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/drawer/index.d.ts +1 -0
- package/lib/internal/template/test-utils/selectors/drawer/index.js +3 -0
- package/lib/internal/template/test-utils/selectors/drawer/index.js.map +1 -1
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +66 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +29 -29
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +66 -66
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/package.json +1 -1
|
@@ -6631,8 +6631,8 @@ module.exports.preset = {
|
|
|
6631
6631
|
"dark": "{colorNeutral100}"
|
|
6632
6632
|
},
|
|
6633
6633
|
"colorTextBodySecondary": {
|
|
6634
|
-
"light": "{
|
|
6635
|
-
"dark": "{
|
|
6634
|
+
"light": "{colorNeutral100}",
|
|
6635
|
+
"dark": "{colorNeutral100}"
|
|
6636
6636
|
},
|
|
6637
6637
|
"colorTextBreadcrumbCurrent": {
|
|
6638
6638
|
"light": "{colorNeutral600}",
|
|
@@ -6883,8 +6883,8 @@ module.exports.preset = {
|
|
|
6883
6883
|
"dark": "{colorNeutral950}"
|
|
6884
6884
|
},
|
|
6885
6885
|
"colorTextLabel": {
|
|
6886
|
-
"light": "{
|
|
6887
|
-
"dark": "{
|
|
6886
|
+
"light": "{colorNeutral100}",
|
|
6887
|
+
"dark": "{colorNeutral100}"
|
|
6888
6888
|
},
|
|
6889
6889
|
"colorTextLayoutToggle": {
|
|
6890
6890
|
"light": "{colorWhite}",
|
|
@@ -6903,12 +6903,12 @@ module.exports.preset = {
|
|
|
6903
6903
|
"dark": "{colorNeutral950}"
|
|
6904
6904
|
},
|
|
6905
6905
|
"colorTextLinkDefault": {
|
|
6906
|
-
"light": "{
|
|
6907
|
-
"dark": "{
|
|
6906
|
+
"light": "{colorNeutral100}",
|
|
6907
|
+
"dark": "{colorNeutral100}"
|
|
6908
6908
|
},
|
|
6909
6909
|
"colorTextLinkHover": {
|
|
6910
|
-
"light": "{
|
|
6911
|
-
"dark": "{
|
|
6910
|
+
"light": "{colorWhite}",
|
|
6911
|
+
"dark": "{colorWhite}"
|
|
6912
6912
|
},
|
|
6913
6913
|
"colorTextLinkInvertedHover": {
|
|
6914
6914
|
"light": "{colorWhite}",
|
|
@@ -7745,8 +7745,8 @@ module.exports.preset = {
|
|
|
7745
7745
|
"dark": "{colorTextNotificationYellow}"
|
|
7746
7746
|
},
|
|
7747
7747
|
"colorTextBodySecondary": {
|
|
7748
|
-
"light": "{
|
|
7749
|
-
"dark": "{
|
|
7748
|
+
"light": "{colorTextNotificationYellow}",
|
|
7749
|
+
"dark": "{colorTextNotificationYellow}"
|
|
7750
7750
|
},
|
|
7751
7751
|
"colorTextBreadcrumbCurrent": {
|
|
7752
7752
|
"light": "{colorNeutral600}",
|
|
@@ -7997,8 +7997,8 @@ module.exports.preset = {
|
|
|
7997
7997
|
"dark": "{colorNeutral950}"
|
|
7998
7998
|
},
|
|
7999
7999
|
"colorTextLabel": {
|
|
8000
|
-
"light": "{
|
|
8001
|
-
"dark": "{
|
|
8000
|
+
"light": "{colorTextNotificationYellow}",
|
|
8001
|
+
"dark": "{colorTextNotificationYellow}"
|
|
8002
8002
|
},
|
|
8003
8003
|
"colorTextLayoutToggle": {
|
|
8004
8004
|
"light": "{colorWhite}",
|
|
@@ -8017,12 +8017,12 @@ module.exports.preset = {
|
|
|
8017
8017
|
"dark": "{colorNeutral950}"
|
|
8018
8018
|
},
|
|
8019
8019
|
"colorTextLinkDefault": {
|
|
8020
|
-
"light": "{
|
|
8021
|
-
"dark": "{
|
|
8020
|
+
"light": "{colorTextNotificationYellow}",
|
|
8021
|
+
"dark": "{colorTextNotificationYellow}"
|
|
8022
8022
|
},
|
|
8023
8023
|
"colorTextLinkHover": {
|
|
8024
|
-
"light": "{
|
|
8025
|
-
"dark": "{
|
|
8024
|
+
"light": "{colorTextNotificationYellow}",
|
|
8025
|
+
"dark": "{colorTextNotificationYellow}"
|
|
8026
8026
|
},
|
|
8027
8027
|
"colorTextLinkInvertedHover": {
|
|
8028
8028
|
"light": "{colorTextNotificationYellow}",
|
|
@@ -13269,18 +13269,18 @@ module.exports.preset = {
|
|
|
13269
13269
|
"colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-vqrb6s",
|
|
13270
13270
|
"colorTextAccent": "--color-text-accent-n1kmht",
|
|
13271
13271
|
"colorTextBodyDefault": "--color-text-body-default-vvtq8u",
|
|
13272
|
-
"colorTextBodySecondary": "--color-text-body-secondary-
|
|
13272
|
+
"colorTextBodySecondary": "--color-text-body-secondary-yna5sb",
|
|
13273
13273
|
"colorTextBreadcrumbCurrent": "--color-text-breadcrumb-current-2mqnkk",
|
|
13274
13274
|
"colorTextBreadcrumbIcon": "--color-text-breadcrumb-icon-9j48ot",
|
|
13275
|
-
"colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-
|
|
13275
|
+
"colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-sm4ql6",
|
|
13276
13276
|
"colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-82hho0",
|
|
13277
|
-
"colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-
|
|
13277
|
+
"colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-rbyzfc",
|
|
13278
13278
|
"colorTextButtonNormalActive": "--color-text-button-normal-active-vihsxh",
|
|
13279
13279
|
"colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-wnx2zl",
|
|
13280
13280
|
"colorTextButtonNormalDefault": "--color-text-button-normal-default-nzalii",
|
|
13281
13281
|
"colorTextButtonNormalHover": "--color-text-button-normal-hover-gusgyv",
|
|
13282
|
-
"colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-
|
|
13283
|
-
"colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-
|
|
13282
|
+
"colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-srprth",
|
|
13283
|
+
"colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-jrnyw3",
|
|
13284
13284
|
"colorTextLinkButtonNormalActive": "--color-text-link-button-normal-active-js9ryu",
|
|
13285
13285
|
"colorTextButtonPrimaryActive": "--color-text-button-primary-active-refmba",
|
|
13286
13286
|
"colorTextButtonPrimaryDefault": "--color-text-button-primary-default-mwl31m",
|
|
@@ -13332,13 +13332,13 @@ module.exports.preset = {
|
|
|
13332
13332
|
"colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-xlc0d5",
|
|
13333
13333
|
"colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
|
|
13334
13334
|
"colorTextInverted": "--color-text-inverted-4v4dmq",
|
|
13335
|
-
"colorTextLabel": "--color-text-label-
|
|
13335
|
+
"colorTextLabel": "--color-text-label-28gfmc",
|
|
13336
13336
|
"colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
|
|
13337
13337
|
"colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
|
|
13338
13338
|
"colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
|
|
13339
13339
|
"colorTextLayoutToggleSelected": "--color-text-layout-toggle-selected-xpximc",
|
|
13340
|
-
"colorTextLinkDefault": "--color-text-link-default-
|
|
13341
|
-
"colorTextLinkHover": "--color-text-link-hover-
|
|
13340
|
+
"colorTextLinkDefault": "--color-text-link-default-hude44",
|
|
13341
|
+
"colorTextLinkHover": "--color-text-link-hover-2hfec2",
|
|
13342
13342
|
"colorTextLinkInvertedHover": "--color-text-link-inverted-hover-ocd3u3",
|
|
13343
13343
|
"colorTextLinkButtonUnderline": "--color-text-link-button-underline-z4wjnv",
|
|
13344
13344
|
"colorTextLinkButtonUnderlineHover": "--color-text-link-button-underline-hover-cn3mqh",
|
|
@@ -6631,8 +6631,8 @@ export var preset = {
|
|
|
6631
6631
|
"dark": "{colorNeutral100}"
|
|
6632
6632
|
},
|
|
6633
6633
|
"colorTextBodySecondary": {
|
|
6634
|
-
"light": "{
|
|
6635
|
-
"dark": "{
|
|
6634
|
+
"light": "{colorNeutral100}",
|
|
6635
|
+
"dark": "{colorNeutral100}"
|
|
6636
6636
|
},
|
|
6637
6637
|
"colorTextBreadcrumbCurrent": {
|
|
6638
6638
|
"light": "{colorNeutral600}",
|
|
@@ -6883,8 +6883,8 @@ export var preset = {
|
|
|
6883
6883
|
"dark": "{colorNeutral950}"
|
|
6884
6884
|
},
|
|
6885
6885
|
"colorTextLabel": {
|
|
6886
|
-
"light": "{
|
|
6887
|
-
"dark": "{
|
|
6886
|
+
"light": "{colorNeutral100}",
|
|
6887
|
+
"dark": "{colorNeutral100}"
|
|
6888
6888
|
},
|
|
6889
6889
|
"colorTextLayoutToggle": {
|
|
6890
6890
|
"light": "{colorWhite}",
|
|
@@ -6903,12 +6903,12 @@ export var preset = {
|
|
|
6903
6903
|
"dark": "{colorNeutral950}"
|
|
6904
6904
|
},
|
|
6905
6905
|
"colorTextLinkDefault": {
|
|
6906
|
-
"light": "{
|
|
6907
|
-
"dark": "{
|
|
6906
|
+
"light": "{colorNeutral100}",
|
|
6907
|
+
"dark": "{colorNeutral100}"
|
|
6908
6908
|
},
|
|
6909
6909
|
"colorTextLinkHover": {
|
|
6910
|
-
"light": "{
|
|
6911
|
-
"dark": "{
|
|
6910
|
+
"light": "{colorWhite}",
|
|
6911
|
+
"dark": "{colorWhite}"
|
|
6912
6912
|
},
|
|
6913
6913
|
"colorTextLinkInvertedHover": {
|
|
6914
6914
|
"light": "{colorWhite}",
|
|
@@ -7745,8 +7745,8 @@ export var preset = {
|
|
|
7745
7745
|
"dark": "{colorTextNotificationYellow}"
|
|
7746
7746
|
},
|
|
7747
7747
|
"colorTextBodySecondary": {
|
|
7748
|
-
"light": "{
|
|
7749
|
-
"dark": "{
|
|
7748
|
+
"light": "{colorTextNotificationYellow}",
|
|
7749
|
+
"dark": "{colorTextNotificationYellow}"
|
|
7750
7750
|
},
|
|
7751
7751
|
"colorTextBreadcrumbCurrent": {
|
|
7752
7752
|
"light": "{colorNeutral600}",
|
|
@@ -7997,8 +7997,8 @@ export var preset = {
|
|
|
7997
7997
|
"dark": "{colorNeutral950}"
|
|
7998
7998
|
},
|
|
7999
7999
|
"colorTextLabel": {
|
|
8000
|
-
"light": "{
|
|
8001
|
-
"dark": "{
|
|
8000
|
+
"light": "{colorTextNotificationYellow}",
|
|
8001
|
+
"dark": "{colorTextNotificationYellow}"
|
|
8002
8002
|
},
|
|
8003
8003
|
"colorTextLayoutToggle": {
|
|
8004
8004
|
"light": "{colorWhite}",
|
|
@@ -8017,12 +8017,12 @@ export var preset = {
|
|
|
8017
8017
|
"dark": "{colorNeutral950}"
|
|
8018
8018
|
},
|
|
8019
8019
|
"colorTextLinkDefault": {
|
|
8020
|
-
"light": "{
|
|
8021
|
-
"dark": "{
|
|
8020
|
+
"light": "{colorTextNotificationYellow}",
|
|
8021
|
+
"dark": "{colorTextNotificationYellow}"
|
|
8022
8022
|
},
|
|
8023
8023
|
"colorTextLinkHover": {
|
|
8024
|
-
"light": "{
|
|
8025
|
-
"dark": "{
|
|
8024
|
+
"light": "{colorTextNotificationYellow}",
|
|
8025
|
+
"dark": "{colorTextNotificationYellow}"
|
|
8026
8026
|
},
|
|
8027
8027
|
"colorTextLinkInvertedHover": {
|
|
8028
8028
|
"light": "{colorTextNotificationYellow}",
|
|
@@ -13269,18 +13269,18 @@ export var preset = {
|
|
|
13269
13269
|
"colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-vqrb6s",
|
|
13270
13270
|
"colorTextAccent": "--color-text-accent-n1kmht",
|
|
13271
13271
|
"colorTextBodyDefault": "--color-text-body-default-vvtq8u",
|
|
13272
|
-
"colorTextBodySecondary": "--color-text-body-secondary-
|
|
13272
|
+
"colorTextBodySecondary": "--color-text-body-secondary-yna5sb",
|
|
13273
13273
|
"colorTextBreadcrumbCurrent": "--color-text-breadcrumb-current-2mqnkk",
|
|
13274
13274
|
"colorTextBreadcrumbIcon": "--color-text-breadcrumb-icon-9j48ot",
|
|
13275
|
-
"colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-
|
|
13275
|
+
"colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-sm4ql6",
|
|
13276
13276
|
"colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-82hho0",
|
|
13277
|
-
"colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-
|
|
13277
|
+
"colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-rbyzfc",
|
|
13278
13278
|
"colorTextButtonNormalActive": "--color-text-button-normal-active-vihsxh",
|
|
13279
13279
|
"colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-wnx2zl",
|
|
13280
13280
|
"colorTextButtonNormalDefault": "--color-text-button-normal-default-nzalii",
|
|
13281
13281
|
"colorTextButtonNormalHover": "--color-text-button-normal-hover-gusgyv",
|
|
13282
|
-
"colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-
|
|
13283
|
-
"colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-
|
|
13282
|
+
"colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-srprth",
|
|
13283
|
+
"colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-jrnyw3",
|
|
13284
13284
|
"colorTextLinkButtonNormalActive": "--color-text-link-button-normal-active-js9ryu",
|
|
13285
13285
|
"colorTextButtonPrimaryActive": "--color-text-button-primary-active-refmba",
|
|
13286
13286
|
"colorTextButtonPrimaryDefault": "--color-text-button-primary-default-mwl31m",
|
|
@@ -13332,13 +13332,13 @@ export var preset = {
|
|
|
13332
13332
|
"colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-xlc0d5",
|
|
13333
13333
|
"colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
|
|
13334
13334
|
"colorTextInverted": "--color-text-inverted-4v4dmq",
|
|
13335
|
-
"colorTextLabel": "--color-text-label-
|
|
13335
|
+
"colorTextLabel": "--color-text-label-28gfmc",
|
|
13336
13336
|
"colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
|
|
13337
13337
|
"colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
|
|
13338
13338
|
"colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
|
|
13339
13339
|
"colorTextLayoutToggleSelected": "--color-text-layout-toggle-selected-xpximc",
|
|
13340
|
-
"colorTextLinkDefault": "--color-text-link-default-
|
|
13341
|
-
"colorTextLinkHover": "--color-text-link-hover-
|
|
13340
|
+
"colorTextLinkDefault": "--color-text-link-default-hude44",
|
|
13341
|
+
"colorTextLinkHover": "--color-text-link-hover-2hfec2",
|
|
13342
13342
|
"colorTextLinkInvertedHover": "--color-text-link-inverted-hover-ocd3u3",
|
|
13343
13343
|
"colorTextLinkButtonUnderline": "--color-text-link-button-underline-z4wjnv",
|
|
13344
13344
|
"colorTextLinkButtonUnderlineHover": "--color-text-link-button-underline-hover-cn3mqh",
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function usePortalModeClasses(ref: React.RefObject<HTMLElement
|
|
2
|
+
export declare function usePortalModeClasses(ref: React.RefObject<HTMLElement>, options?: {
|
|
3
|
+
resetVisualContext?: boolean;
|
|
4
|
+
}): string;
|
|
3
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE;IAAE,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAAE,UAYjH"}
|
|
@@ -3,7 +3,7 @@ import { useCurrentMode, useDensityMode } from '@cloudscape-design/component-too
|
|
|
3
3
|
import { useVisualContext } from '../../components/visual-context';
|
|
4
4
|
import { ALWAYS_VISUAL_REFRESH } from '../../environment';
|
|
5
5
|
import { useVisualRefresh } from '../use-visual-mode';
|
|
6
|
-
export function usePortalModeClasses(ref) {
|
|
6
|
+
export function usePortalModeClasses(ref, options) {
|
|
7
7
|
const colorMode = useCurrentMode(ref);
|
|
8
8
|
const densityMode = useDensityMode(ref);
|
|
9
9
|
const context = useVisualContext(ref);
|
|
@@ -12,7 +12,7 @@ export function usePortalModeClasses(ref) {
|
|
|
12
12
|
'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',
|
|
13
13
|
'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',
|
|
14
14
|
'awsui-visual-refresh': visualRefreshWithClass,
|
|
15
|
-
[`awsui-context-${context}`]: context,
|
|
15
|
+
[`awsui-context-${context}`]: context && !(options === null || options === void 0 ? void 0 : options.resetVisualContext),
|
|
16
16
|
});
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,oBAAoB,CAAC,GAAiC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAGA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,oBAAoB,CAAC,GAAiC,EAAE,OAA0C;IAChH,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,sBAAsB,GAAG,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAE5E,OAAO,IAAI,CAAC;QACV,yCAAyC,EAAE,SAAS,KAAK,MAAM;QAC/D,+CAA+C,EAAE,WAAW,KAAK,SAAS;QAC1E,sBAAsB,EAAE,sBAAsB;QAC9C,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,CAAA;KACtE,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useCurrentMode, useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualContext } from '../../components/visual-context';\nimport { ALWAYS_VISUAL_REFRESH } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function usePortalModeClasses(ref: React.RefObject<HTMLElement>, options?: { resetVisualContext?: boolean }) {\n const colorMode = useCurrentMode(ref);\n const densityMode = useDensityMode(ref);\n const context = useVisualContext(ref);\n const visualRefreshWithClass = useVisualRefresh() && !ALWAYS_VISUAL_REFRESH;\n\n return clsx({\n 'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',\n 'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',\n 'awsui-visual-refresh': visualRefreshWithClass,\n [`awsui-context-${context}`]: context && !options?.resetVisualContext,\n });\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonGroupProps } from '../../../button-group/interfaces';
|
|
1
|
+
import { ButtonGroupProps, ItemRuntime } from '../../../button-group/interfaces';
|
|
2
2
|
import { NonCancelableEventHandler } from '../../events';
|
|
3
3
|
type DrawerVisibilityChange = (callback: (isVisible: boolean) => void) => void;
|
|
4
4
|
interface MountContentContext {
|
|
@@ -36,7 +36,7 @@ export interface DrawerConfig {
|
|
|
36
36
|
unmountContent: (container: HTMLElement) => void;
|
|
37
37
|
preserveInactiveContent?: boolean;
|
|
38
38
|
onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
|
|
39
|
-
headerActions?: ReadonlyArray<
|
|
39
|
+
headerActions?: ReadonlyArray<ItemRuntime>;
|
|
40
40
|
onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
|
|
41
41
|
}
|
|
42
42
|
declare const updatableProperties: readonly ["badge", "resizable", "defaultSize", "orderPriority", "defaultActive", "onResize"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawers.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonGroupProps } from '../../../button-group/interfaces';\nimport debounce from '../../debounce';\nimport { NonCancelableEventHandler } from '../../events';\nimport { reportRuntimeApiWarning } from '../helpers/metrics';\n\ntype DrawerVisibilityChange = (callback: (isVisible: boolean) => void) => void;\n\ninterface MountContentContext {\n onVisibilityChange: DrawerVisibilityChange;\n}\n\nexport interface DrawerStateChangeParams {\n isOpen: boolean;\n initiatedByUserAction?: boolean;\n}\n\nexport interface DrawerConfig {\n id: string;\n type?: 'local' | 'global';\n ariaLabels: {\n content?: string;\n closeButton?: string;\n triggerButton?: string;\n resizeHandle?: string;\n resizeHandleTooltipText?: string;\n expandedModeButton?: string;\n };\n isExpandable?: boolean;\n badge?: boolean;\n resizable?: boolean;\n defaultSize?: number;\n onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n orderPriority?: number;\n defaultActive?: boolean;\n trigger?: {\n iconSvg?: string;\n };\n mountContent: (container: HTMLElement, mountContext: MountContentContext) => void;\n unmountContent: (container: HTMLElement) => void;\n preserveInactiveContent?: boolean;\n onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n}\n\nconst updatableProperties = [\n 'badge',\n 'resizable',\n 'defaultSize',\n 'orderPriority',\n 'defaultActive',\n 'onResize',\n] as const;\n\nexport type UpdateDrawerConfig = { id: DrawerConfig['id'] } & Partial<\n Pick<DrawerConfig, (typeof updatableProperties)[number]>\n>;\n\ntype DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;\ntype DrawersUpdateListener = (drawers: Array<DrawerConfig>) => void;\n\nexport type DrawersToggledListener = (drawerId: string, params?: OpenCloseDrawerParams) => void;\ntype DrawersResizeListener = (drawerId: string, size: number) => void;\n\ninterface OpenCloseDrawerParams {\n initiatedByUserAction: boolean;\n}\n\nexport interface DrawersApiPublic {\n registerDrawer(config: DrawerConfig): void;\n updateDrawer(config: UpdateDrawerConfig): void;\n openDrawer(drawerId: string, params?: OpenCloseDrawerParams): void;\n closeDrawer(drawerId: string, params?: OpenCloseDrawerParams): void;\n resizeDrawer(drawerId: string, size: number): void;\n}\n\nexport interface DrawersApiInternal {\n clearRegisteredDrawers(): void;\n onDrawersRegistered(listener: DrawersRegistrationListener): () => void;\n onDrawerOpened(listener: DrawersToggledListener): () => void;\n onDrawerClosed(listener: DrawersToggledListener): () => void;\n onDrawerResize(listener: DrawersResizeListener): () => void;\n onDrawersUpdated(listener: DrawersUpdateListener): void;\n getDrawersState(): Array<DrawerConfig>;\n}\n\nexport class DrawersController {\n private drawers: Array<DrawerConfig> = [];\n private drawersRegistrationListener: DrawersRegistrationListener | null = null;\n private drawerOpenedListener: DrawersToggledListener | null = null;\n private drawerClosedListener: DrawersToggledListener | null = null;\n private drawersUpdateListeners: Array<DrawersUpdateListener> = [];\n private drawerResizeListener: DrawersResizeListener | null = null;\n\n scheduleUpdate = debounce(() => {\n this.drawersRegistrationListener?.(this.drawers);\n this.drawersUpdateListeners.forEach(drawersUpdateListeners => {\n drawersUpdateListeners?.(this.drawers);\n });\n }, 0);\n\n registerDrawer = (config: DrawerConfig) => {\n if (this.drawers.find(drawer => drawer.id === config.id)) {\n reportRuntimeApiWarning('app-layout-drawers', `drawer with id \"${config.id}\" is already registered`);\n }\n this.drawers = this.drawers.concat(config);\n this.scheduleUpdate();\n };\n\n updateDrawer = ({ id: drawerId, ...rest }: UpdateDrawerConfig) => {\n const drawerIndex = this.drawers.findIndex(({ id }) => id === drawerId);\n const oldDrawerConfig = this.drawers?.[drawerIndex];\n if (!oldDrawerConfig) {\n throw new Error(`[AwsUi] [runtime drawers] drawer with id ${drawerId} not found`);\n }\n const drawers = this.drawers.slice();\n const updatedDrawer = { ...oldDrawerConfig };\n for (const key of updatableProperties) {\n if (key in rest) {\n updatedDrawer[key] = (rest as any)[key];\n }\n }\n drawers[drawerIndex] = updatedDrawer;\n this.drawers = drawers;\n this.scheduleUpdate();\n };\n\n onDrawersRegistered = (listener: DrawersRegistrationListener) => {\n if (this.drawersRegistrationListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawersRegistered'\n );\n }\n this.drawersRegistrationListener = listener;\n this.scheduleUpdate();\n return () => {\n this.drawersRegistrationListener = null;\n this.drawersUpdateListeners = [];\n };\n };\n\n clearRegisteredDrawers = () => {\n this.drawers = [];\n };\n\n onDrawerOpened = (listener: DrawersToggledListener) => {\n if (this.drawerOpenedListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawerOpened'\n );\n }\n\n this.drawerOpenedListener = listener;\n\n return () => {\n this.drawerOpenedListener = null;\n };\n };\n\n onDrawerClosed = (listener: DrawersToggledListener) => {\n if (this.drawerClosedListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawerClosed'\n );\n }\n\n this.drawerClosedListener = listener;\n\n return () => {\n this.drawerClosedListener = null;\n };\n };\n\n openDrawer = (drawerId: string, params?: OpenCloseDrawerParams) => {\n this.drawerOpenedListener?.(drawerId, params);\n };\n\n closeDrawer = (drawerId: string, params?: OpenCloseDrawerParams) => {\n this.drawerClosedListener?.(drawerId, params);\n };\n\n onDrawersUpdated = (listener: DrawersUpdateListener) => {\n this.drawersUpdateListeners.push(listener);\n\n return () => {\n this.drawersUpdateListeners = this.drawersUpdateListeners.filter(item => item !== listener);\n };\n };\n\n onDrawerResize = (listener: DrawersResizeListener) => {\n if (this.drawerResizeListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawerResize'\n );\n }\n\n this.drawerResizeListener = listener;\n\n return () => {\n this.drawerResizeListener = null;\n };\n };\n\n resizeDrawer = (drawerId: string, size: number) => {\n this.drawerResizeListener?.(drawerId, size);\n };\n\n getDrawersState = () => {\n return this.drawers;\n };\n\n installPublic(api: Partial<DrawersApiPublic> = {}): DrawersApiPublic {\n api.registerDrawer ??= this.registerDrawer;\n api.updateDrawer ??= this.updateDrawer;\n api.openDrawer ??= this.openDrawer;\n api.closeDrawer ??= this.closeDrawer;\n api.resizeDrawer ??= this.resizeDrawer;\n return api as DrawersApiPublic;\n }\n\n installInternal(internalApi: Partial<DrawersApiInternal> = {}): DrawersApiInternal {\n internalApi.clearRegisteredDrawers ??= this.clearRegisteredDrawers;\n internalApi.onDrawersRegistered ??= this.onDrawersRegistered;\n internalApi.onDrawerOpened ??= this.onDrawerOpened;\n internalApi.onDrawerClosed ??= this.onDrawerClosed;\n internalApi.onDrawerResize ??= this.onDrawerResize;\n internalApi.onDrawersUpdated ??= this.onDrawersUpdated;\n internalApi.getDrawersState ??= this.getDrawersState;\n return internalApi as DrawersApiInternal;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"drawers.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonGroupProps, ItemRuntime } from '../../../button-group/interfaces';\nimport debounce from '../../debounce';\nimport { NonCancelableEventHandler } from '../../events';\nimport { reportRuntimeApiWarning } from '../helpers/metrics';\n\ntype DrawerVisibilityChange = (callback: (isVisible: boolean) => void) => void;\n\ninterface MountContentContext {\n onVisibilityChange: DrawerVisibilityChange;\n}\n\nexport interface DrawerStateChangeParams {\n isOpen: boolean;\n initiatedByUserAction?: boolean;\n}\n\nexport interface DrawerConfig {\n id: string;\n type?: 'local' | 'global';\n ariaLabels: {\n content?: string;\n closeButton?: string;\n triggerButton?: string;\n resizeHandle?: string;\n resizeHandleTooltipText?: string;\n expandedModeButton?: string;\n };\n isExpandable?: boolean;\n badge?: boolean;\n resizable?: boolean;\n defaultSize?: number;\n onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n orderPriority?: number;\n defaultActive?: boolean;\n trigger?: {\n iconSvg?: string;\n };\n mountContent: (container: HTMLElement, mountContext: MountContentContext) => void;\n unmountContent: (container: HTMLElement) => void;\n preserveInactiveContent?: boolean;\n onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n headerActions?: ReadonlyArray<ItemRuntime>;\n onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n}\n\nconst updatableProperties = [\n 'badge',\n 'resizable',\n 'defaultSize',\n 'orderPriority',\n 'defaultActive',\n 'onResize',\n] as const;\n\nexport type UpdateDrawerConfig = { id: DrawerConfig['id'] } & Partial<\n Pick<DrawerConfig, (typeof updatableProperties)[number]>\n>;\n\ntype DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;\ntype DrawersUpdateListener = (drawers: Array<DrawerConfig>) => void;\n\nexport type DrawersToggledListener = (drawerId: string, params?: OpenCloseDrawerParams) => void;\ntype DrawersResizeListener = (drawerId: string, size: number) => void;\n\ninterface OpenCloseDrawerParams {\n initiatedByUserAction: boolean;\n}\n\nexport interface DrawersApiPublic {\n registerDrawer(config: DrawerConfig): void;\n updateDrawer(config: UpdateDrawerConfig): void;\n openDrawer(drawerId: string, params?: OpenCloseDrawerParams): void;\n closeDrawer(drawerId: string, params?: OpenCloseDrawerParams): void;\n resizeDrawer(drawerId: string, size: number): void;\n}\n\nexport interface DrawersApiInternal {\n clearRegisteredDrawers(): void;\n onDrawersRegistered(listener: DrawersRegistrationListener): () => void;\n onDrawerOpened(listener: DrawersToggledListener): () => void;\n onDrawerClosed(listener: DrawersToggledListener): () => void;\n onDrawerResize(listener: DrawersResizeListener): () => void;\n onDrawersUpdated(listener: DrawersUpdateListener): void;\n getDrawersState(): Array<DrawerConfig>;\n}\n\nexport class DrawersController {\n private drawers: Array<DrawerConfig> = [];\n private drawersRegistrationListener: DrawersRegistrationListener | null = null;\n private drawerOpenedListener: DrawersToggledListener | null = null;\n private drawerClosedListener: DrawersToggledListener | null = null;\n private drawersUpdateListeners: Array<DrawersUpdateListener> = [];\n private drawerResizeListener: DrawersResizeListener | null = null;\n\n scheduleUpdate = debounce(() => {\n this.drawersRegistrationListener?.(this.drawers);\n this.drawersUpdateListeners.forEach(drawersUpdateListeners => {\n drawersUpdateListeners?.(this.drawers);\n });\n }, 0);\n\n registerDrawer = (config: DrawerConfig) => {\n if (this.drawers.find(drawer => drawer.id === config.id)) {\n reportRuntimeApiWarning('app-layout-drawers', `drawer with id \"${config.id}\" is already registered`);\n }\n this.drawers = this.drawers.concat(config);\n this.scheduleUpdate();\n };\n\n updateDrawer = ({ id: drawerId, ...rest }: UpdateDrawerConfig) => {\n const drawerIndex = this.drawers.findIndex(({ id }) => id === drawerId);\n const oldDrawerConfig = this.drawers?.[drawerIndex];\n if (!oldDrawerConfig) {\n throw new Error(`[AwsUi] [runtime drawers] drawer with id ${drawerId} not found`);\n }\n const drawers = this.drawers.slice();\n const updatedDrawer = { ...oldDrawerConfig };\n for (const key of updatableProperties) {\n if (key in rest) {\n updatedDrawer[key] = (rest as any)[key];\n }\n }\n drawers[drawerIndex] = updatedDrawer;\n this.drawers = drawers;\n this.scheduleUpdate();\n };\n\n onDrawersRegistered = (listener: DrawersRegistrationListener) => {\n if (this.drawersRegistrationListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawersRegistered'\n );\n }\n this.drawersRegistrationListener = listener;\n this.scheduleUpdate();\n return () => {\n this.drawersRegistrationListener = null;\n this.drawersUpdateListeners = [];\n };\n };\n\n clearRegisteredDrawers = () => {\n this.drawers = [];\n };\n\n onDrawerOpened = (listener: DrawersToggledListener) => {\n if (this.drawerOpenedListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawerOpened'\n );\n }\n\n this.drawerOpenedListener = listener;\n\n return () => {\n this.drawerOpenedListener = null;\n };\n };\n\n onDrawerClosed = (listener: DrawersToggledListener) => {\n if (this.drawerClosedListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawerClosed'\n );\n }\n\n this.drawerClosedListener = listener;\n\n return () => {\n this.drawerClosedListener = null;\n };\n };\n\n openDrawer = (drawerId: string, params?: OpenCloseDrawerParams) => {\n this.drawerOpenedListener?.(drawerId, params);\n };\n\n closeDrawer = (drawerId: string, params?: OpenCloseDrawerParams) => {\n this.drawerClosedListener?.(drawerId, params);\n };\n\n onDrawersUpdated = (listener: DrawersUpdateListener) => {\n this.drawersUpdateListeners.push(listener);\n\n return () => {\n this.drawersUpdateListeners = this.drawersUpdateListeners.filter(item => item !== listener);\n };\n };\n\n onDrawerResize = (listener: DrawersResizeListener) => {\n if (this.drawerResizeListener !== null) {\n reportRuntimeApiWarning(\n 'app-layout-drawers',\n 'multiple app layout instances detected when calling onDrawerResize'\n );\n }\n\n this.drawerResizeListener = listener;\n\n return () => {\n this.drawerResizeListener = null;\n };\n };\n\n resizeDrawer = (drawerId: string, size: number) => {\n this.drawerResizeListener?.(drawerId, size);\n };\n\n getDrawersState = () => {\n return this.drawers;\n };\n\n installPublic(api: Partial<DrawersApiPublic> = {}): DrawersApiPublic {\n api.registerDrawer ??= this.registerDrawer;\n api.updateDrawer ??= this.updateDrawer;\n api.openDrawer ??= this.openDrawer;\n api.closeDrawer ??= this.closeDrawer;\n api.resizeDrawer ??= this.resizeDrawer;\n return api as DrawersApiPublic;\n }\n\n installInternal(internalApi: Partial<DrawersApiInternal> = {}): DrawersApiInternal {\n internalApi.clearRegisteredDrawers ??= this.clearRegisteredDrawers;\n internalApi.onDrawersRegistered ??= this.onDrawersRegistered;\n internalApi.onDrawerOpened ??= this.onDrawerOpened;\n internalApi.onDrawerClosed ??= this.onDrawerClosed;\n internalApi.onDrawerResize ??= this.onDrawerResize;\n internalApi.onDrawersUpdated ??= this.onDrawersUpdated;\n internalApi.getDrawersState ??= this.getDrawersState;\n return internalApi as DrawersApiInternal;\n }\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonGroupProps } from '../../../button-group/interfaces';
|
|
1
|
+
import { ButtonGroupProps, ItemRuntime } from '../../../button-group/interfaces';
|
|
2
2
|
import { NonCancelableEventHandler } from '../../events';
|
|
3
3
|
interface Message<Type, Payload> {
|
|
4
4
|
type: Type;
|
|
@@ -44,7 +44,7 @@ export interface DrawerPayload {
|
|
|
44
44
|
onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;
|
|
45
45
|
mountHeader?: (container: HTMLElement) => void;
|
|
46
46
|
unmountHeader?: (container: HTMLElement) => void;
|
|
47
|
-
headerActions?: ReadonlyArray<
|
|
47
|
+
headerActions?: ReadonlyArray<ItemRuntime>;
|
|
48
48
|
onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
|
|
49
49
|
onToggleFocusMode?: NonCancelableEventHandler<{
|
|
50
50
|
isExpanded: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonGroupProps } from '../../../button-group/interfaces';\nimport { NonCancelableEventHandler } from '../../events';\n\ninterface Message<Type, Payload> {\n type: Type;\n payload: Payload;\n}\n\ntype DrawerVisibilityChange = (callback: (isVisible: boolean) => void) => void;\n\ninterface MountContentContext {\n onVisibilityChange: DrawerVisibilityChange;\n}\n\ninterface DrawerStateChangeParams {\n isOpen: boolean;\n initiatedByUserAction?: boolean;\n}\n\nexport interface DrawerPayload {\n id: string;\n ariaLabels: {\n content?: string;\n closeButton?: string;\n triggerButton?: string;\n resizeHandle?: string;\n resizeHandleTooltipText?: string;\n expandedModeButton?: string;\n exitExpandedModeButton?: string;\n };\n isExpandable?: boolean;\n resizable?: boolean;\n defaultSize?: number;\n onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n defaultActive?: boolean;\n trigger?: {\n iconSvg?: string;\n customIcon?: string;\n };\n exitExpandedModeTrigger?: {\n customIcon?: string;\n };\n mountContent: (container: HTMLElement, mountContext: MountContentContext) => void;\n unmountContent: (container: HTMLElement) => void;\n preserveInactiveContent?: boolean;\n onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n mountHeader?: (container: HTMLElement) => void;\n unmountHeader?: (container: HTMLElement) => void;\n headerActions?: ReadonlyArray<
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/widget/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonGroupProps, ItemRuntime } from '../../../button-group/interfaces';\nimport { NonCancelableEventHandler } from '../../events';\n\ninterface Message<Type, Payload> {\n type: Type;\n payload: Payload;\n}\n\ntype DrawerVisibilityChange = (callback: (isVisible: boolean) => void) => void;\n\ninterface MountContentContext {\n onVisibilityChange: DrawerVisibilityChange;\n}\n\ninterface DrawerStateChangeParams {\n isOpen: boolean;\n initiatedByUserAction?: boolean;\n}\n\nexport interface DrawerPayload {\n id: string;\n ariaLabels: {\n content?: string;\n closeButton?: string;\n triggerButton?: string;\n resizeHandle?: string;\n resizeHandleTooltipText?: string;\n expandedModeButton?: string;\n exitExpandedModeButton?: string;\n };\n isExpandable?: boolean;\n resizable?: boolean;\n defaultSize?: number;\n onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n defaultActive?: boolean;\n trigger?: {\n iconSvg?: string;\n customIcon?: string;\n };\n exitExpandedModeTrigger?: {\n customIcon?: string;\n };\n mountContent: (container: HTMLElement, mountContext: MountContentContext) => void;\n unmountContent: (container: HTMLElement) => void;\n preserveInactiveContent?: boolean;\n onToggle?: NonCancelableEventHandler<DrawerStateChangeParams>;\n mountHeader?: (container: HTMLElement) => void;\n unmountHeader?: (container: HTMLElement) => void;\n headerActions?: ReadonlyArray<ItemRuntime>;\n onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n position?: 'side' | 'bottom';\n}\n\nexport type RegisterDrawerMessage = Message<'registerLeftDrawer' | 'registerBottomDrawer', DrawerPayload>;\nexport type UpdateDrawerConfigMessage = Message<\n 'updateDrawerConfig',\n Pick<DrawerPayload, 'id'> &\n Partial<Omit<DrawerPayload, 'mountContent' | 'unmountContent' | 'mountHeader' | 'unmountHeader'>>\n>;\nexport type OpenDrawerMessage = Message<'openDrawer', { id: string }>;\nexport type CloseDrawerMessage = Message<'closeDrawer', { id: string }>;\nexport type ResizeDrawerMessage = Message<'resizeDrawer', { id: string; size: number }>;\nexport type ExpandDrawerMessage = Message<'expandDrawer', { id: string }>;\nexport interface ExitExpandedModeMessage {\n type: 'exitExpandedMode';\n}\n\nexport type AppLayoutUpdateMessage =\n | UpdateDrawerConfigMessage\n | OpenDrawerMessage\n | CloseDrawerMessage\n | ResizeDrawerMessage\n | ExpandDrawerMessage\n | ExitExpandedModeMessage;\n\nexport type InitialMessage = RegisterDrawerMessage;\n\nexport type WidgetMessage = InitialMessage | AppLayoutUpdateMessage;\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"key-value-pairs": "awsui_key-value-
|
|
5
|
-
"group-title": "awsui_group-
|
|
6
|
-
"group-list": "awsui_group-
|
|
7
|
-
"group-list-item": "awsui_group-list-
|
|
8
|
-
"term": "
|
|
9
|
-
"key-label": "awsui_key-
|
|
10
|
-
"detail": "
|
|
11
|
-
"info": "
|
|
4
|
+
"key-value-pairs": "awsui_key-value-pairs_1y9fy_1pdix_145",
|
|
5
|
+
"group-title": "awsui_group-title_1y9fy_1pdix_177",
|
|
6
|
+
"group-list": "awsui_group-list_1y9fy_1pdix_181",
|
|
7
|
+
"group-list-item": "awsui_group-list-item_1y9fy_1pdix_191",
|
|
8
|
+
"term": "awsui_term_1y9fy_1pdix_195",
|
|
9
|
+
"key-label": "awsui_key-label_1y9fy_1pdix_203",
|
|
10
|
+
"detail": "awsui_detail_1y9fy_1pdix_212",
|
|
11
|
+
"info": "awsui_info_1y9fy_1pdix_247"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_key-value-
|
|
145
|
+
.awsui_key-value-pairs_1y9fy_1pdix_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -174,11 +174,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
174
174
|
-moz-osx-font-smoothing: auto;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
.awsui_group-
|
|
177
|
+
.awsui_group-title_1y9fy_1pdix_177:not(#\9) {
|
|
178
178
|
padding-block-end: var(--space-scaled-m-sw9kcx, 16px);
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
-
.awsui_group-
|
|
181
|
+
.awsui_group-list_1y9fy_1pdix_181:not(#\9) {
|
|
182
182
|
margin-block-start: 0;
|
|
183
183
|
margin-block-end: 0;
|
|
184
184
|
margin-inline-start: 0;
|
|
@@ -188,28 +188,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
188
|
row-gap: var(--space-scaled-m-sw9kcx, 16px);
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
.awsui_group-list-
|
|
191
|
+
.awsui_group-list-item_1y9fy_1pdix_191:not(#\9) {
|
|
192
192
|
/* used in test-utils */
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
.
|
|
195
|
+
.awsui_term_1y9fy_1pdix_195:not(#\9) {
|
|
196
196
|
font-size: var(--font-size-body-m-vv54cm, 14px);
|
|
197
197
|
line-height: var(--line-height-body-m-bedeoh, 22px);
|
|
198
198
|
font-weight: var(--font-display-label-weight-ise9n2, 400);
|
|
199
|
-
color: var(--color-text-label-
|
|
199
|
+
color: var(--color-text-label-482ybi, #545b64);
|
|
200
200
|
margin-block-end: var(--space-key-value-gap-japbqo, 2px);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.awsui_key-
|
|
203
|
+
.awsui_key-label_1y9fy_1pdix_203:not(#\9) {
|
|
204
204
|
display: inline-flex;
|
|
205
205
|
margin-inline-end: var(--space-xs-kw7k3v, 8px);
|
|
206
206
|
}
|
|
207
|
-
.awsui_key-
|
|
207
|
+
.awsui_key-label_1y9fy_1pdix_203:not(#\9):only-child {
|
|
208
208
|
margin-block: 0;
|
|
209
209
|
margin-inline: 0;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
-
.
|
|
212
|
+
.awsui_detail_1y9fy_1pdix_212:not(#\9) {
|
|
213
213
|
border-collapse: separate;
|
|
214
214
|
border-spacing: 0;
|
|
215
215
|
box-sizing: border-box;
|
|
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
244
244
|
margin-block-end: 0;
|
|
245
245
|
}
|
|
246
246
|
|
|
247
|
-
.
|
|
247
|
+
.awsui_info_1y9fy_1pdix_247:not(#\9) {
|
|
248
248
|
display: inline-flex;
|
|
249
249
|
padding-inline-start: var(--space-xs-kw7k3v, 8px);
|
|
250
250
|
border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"key-value-pairs": "awsui_key-value-
|
|
6
|
-
"group-title": "awsui_group-
|
|
7
|
-
"group-list": "awsui_group-
|
|
8
|
-
"group-list-item": "awsui_group-list-
|
|
9
|
-
"term": "
|
|
10
|
-
"key-label": "awsui_key-
|
|
11
|
-
"detail": "
|
|
12
|
-
"info": "
|
|
5
|
+
"key-value-pairs": "awsui_key-value-pairs_1y9fy_1pdix_145",
|
|
6
|
+
"group-title": "awsui_group-title_1y9fy_1pdix_177",
|
|
7
|
+
"group-list": "awsui_group-list_1y9fy_1pdix_181",
|
|
8
|
+
"group-list-item": "awsui_group-list-item_1y9fy_1pdix_191",
|
|
9
|
+
"term": "awsui_term_1y9fy_1pdix_195",
|
|
10
|
+
"key-label": "awsui_key-label_1y9fy_1pdix_203",
|
|
11
|
+
"detail": "awsui_detail_1y9fy_1pdix_212",
|
|
12
|
+
"info": "awsui_info_1y9fy_1pdix_247"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"link": "
|
|
5
|
-
"variant-secondary": "awsui_variant-
|
|
6
|
-
"variant-primary": "awsui_variant-
|
|
7
|
-
"variant-info": "awsui_variant-
|
|
8
|
-
"variant-value-large": "awsui_variant-value-
|
|
9
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
10
|
-
"variant-recovery": "awsui_variant-
|
|
11
|
-
"button": "
|
|
12
|
-
"color-inverted": "awsui_color-
|
|
13
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
14
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
15
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
16
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
20
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
21
|
-
"font-size-inherit": "awsui_font-size-
|
|
22
|
-
"icon-wrapper": "awsui_icon-
|
|
23
|
-
"icon": "
|
|
4
|
+
"link": "awsui_link_4c84z_1nzv0_145",
|
|
5
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_1nzv0_212",
|
|
6
|
+
"variant-primary": "awsui_variant-primary_4c84z_1nzv0_247",
|
|
7
|
+
"variant-info": "awsui_variant-info_4c84z_1nzv0_280",
|
|
8
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_1nzv0_315",
|
|
9
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_1nzv0_347",
|
|
10
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_1nzv0_382",
|
|
11
|
+
"button": "awsui_button_4c84z_1nzv0_415",
|
|
12
|
+
"color-inverted": "awsui_color-inverted_4c84z_1nzv0_450",
|
|
13
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_1nzv0_471",
|
|
14
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_1nzv0_478",
|
|
15
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1nzv0_484",
|
|
16
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_1nzv0_490",
|
|
17
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_1nzv0_497",
|
|
18
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_1nzv0_504",
|
|
19
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1nzv0_511",
|
|
20
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_1nzv0_518",
|
|
21
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_1nzv0_525",
|
|
22
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_1nzv0_533",
|
|
23
|
+
"icon": "awsui_icon_4c84z_1nzv0_533"
|
|
24
24
|
};
|
|
25
25
|
|