@cloudscape-design/components-themeable 3.0.984 → 3.0.985
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/test-classes/styles.scss +2 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +147 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss +21 -0
- package/lib/internal/scss/drawer/styles.scss +22 -6
- package/lib/internal/scss/internal/components/chart-popover/test-classes/styles.scss +1 -1
- package/lib/internal/scss/internal/components/panel-resize-handle/styles.scss +2 -1
- package/lib/internal/template/app-layout/test-classes/styles.css.js +24 -23
- package/lib/internal/template/app-layout/test-classes/styles.scoped.css +24 -23
- package/lib/internal/template/app-layout/test-classes/styles.selectors.js +24 -23
- package/lib/internal/template/app-layout/utils/use-drawers.d.ts +2 -0
- package/lib/internal/template/app-layout/utils/use-drawers.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-drawers.js +6 -0
- package/lib/internal/template/app-layout/utils/use-drawers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +27 -15
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawers.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -10
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +145 -11
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -10
- package/lib/internal/template/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js +10 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +6 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.d.ts +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.js +4 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +6 -5
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +21 -19
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +45 -35
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +21 -19
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts +3 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.js +33 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +12 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
- package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
- package/lib/internal/template/drawer/implementation.js +4 -1
- package/lib/internal/template/drawer/implementation.js.map +1 -1
- package/lib/internal/template/drawer/styles.css.js +8 -6
- package/lib/internal/template/drawer/styles.scoped.css +32 -17
- package/lib/internal/template/drawer/styles.selectors.js +8 -6
- package/lib/internal/template/icon/generated/icons.js +1 -1
- package/lib/internal/template/icon/generated/icons.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +11 -0
- package/lib/internal/template/internal/components/drag-handle/resize-icon.d.ts.map +1 -1
- package/lib/internal/template/internal/components/drag-handle/resize-icon.js +1 -2
- package/lib/internal/template/internal/components/drag-handle/resize-icon.js.map +1 -1
- package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +2 -2
- package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +8 -7
- package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +2 -2
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
- package/lib/internal/template/internal/generated/theming/index.cjs +31 -0
- package/lib/internal/template/internal/generated/theming/index.js +31 -0
- package/lib/internal/template/internal/plugins/controllers/drawers.d.ts +2 -0
- 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/package.json +1 -1
|
@@ -428,6 +428,7 @@
|
|
|
428
428
|
--color-dropzone-text-hover-b42d11:#545b64;
|
|
429
429
|
--color-dropzone-border-default-e0szdw:#879596;
|
|
430
430
|
--color-dropzone-border-hover-wnroid:#002b66;
|
|
431
|
+
--color-gap-global-drawer-lmfj7c:#eaeded;
|
|
431
432
|
--font-box-value-large-weight-zc1blz:300;
|
|
432
433
|
--font-button-letter-spacing-9h7rbb:0.25px;
|
|
433
434
|
--font-chart-detail-size-drm2a6:14px;
|
|
@@ -1044,6 +1045,7 @@
|
|
|
1044
1045
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
1045
1046
|
--color-dropzone-border-default-e0szdw:#687078;
|
|
1046
1047
|
--color-dropzone-border-hover-wnroid:#44b9d6;
|
|
1048
|
+
--color-gap-global-drawer-lmfj7c:#16191f;
|
|
1047
1049
|
--shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
|
|
1048
1050
|
--shadow-dropdown-skxpuu:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
|
|
1049
1051
|
--shadow-dropup-44quix:0 -1px 1px 0 rgba(0, 0, 0, 0.3), 1px -1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 1px 0 rgba(0, 0, 0, 0.3);
|
|
@@ -1362,6 +1364,7 @@
|
|
|
1362
1364
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
1363
1365
|
--color-dropzone-border-default-e0szdw:#687078;
|
|
1364
1366
|
--color-dropzone-border-hover-wnroid:#44b9d6;
|
|
1367
|
+
--color-gap-global-drawer-lmfj7c:#16191f;
|
|
1365
1368
|
}
|
|
1366
1369
|
|
|
1367
1370
|
.awsui-context-flashbar:not(#\9) {
|
|
@@ -1728,6 +1731,7 @@
|
|
|
1728
1731
|
--color-dropzone-text-default-pqvim4:#424650;
|
|
1729
1732
|
--color-dropzone-text-hover-b42d11:#424650;
|
|
1730
1733
|
--color-dropzone-border-default-e0szdw:#8c8c94;
|
|
1734
|
+
--color-gap-global-drawer-lmfj7c:#ebebf0;
|
|
1731
1735
|
--font-box-value-large-weight-zc1blz:700;
|
|
1732
1736
|
--font-button-letter-spacing-9h7rbb:0.005em;
|
|
1733
1737
|
--font-chart-detail-size-drm2a6:12px;
|
|
@@ -2093,6 +2097,7 @@
|
|
|
2093
2097
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
2094
2098
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
2095
2099
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
2100
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
2096
2101
|
--shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
2097
2102
|
--shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
2098
2103
|
--shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -2378,6 +2383,7 @@
|
|
|
2378
2383
|
--color-dropzone-background-hover-kyyg0k:#001129;
|
|
2379
2384
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
2380
2385
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
2386
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
2381
2387
|
}
|
|
2382
2388
|
|
|
2383
2389
|
.awsui-context-top-navigation.awsui-visual-refresh:not(#\9) {
|
|
@@ -2587,6 +2593,7 @@
|
|
|
2587
2593
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
2588
2594
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
2589
2595
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
2596
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
2590
2597
|
}
|
|
2591
2598
|
|
|
2592
2599
|
.awsui-visual-refresh .awsui-context-content-header:not(#\9) {
|
|
@@ -2798,6 +2805,7 @@
|
|
|
2798
2805
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
2799
2806
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
2800
2807
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
2808
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
2801
2809
|
--shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
2802
2810
|
--shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
2803
2811
|
--shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -3021,6 +3029,7 @@
|
|
|
3021
3029
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
3022
3030
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
3023
3031
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
3032
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
3024
3033
|
--shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
|
|
3025
3034
|
--shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
|
|
3026
3035
|
--shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
|
|
@@ -3456,6 +3465,7 @@
|
|
|
3456
3465
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
3457
3466
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
3458
3467
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
3468
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
3459
3469
|
}
|
|
3460
3470
|
|
|
3461
3471
|
.awsui-context-content-header .awsui-context-alert.awsui-visual-refresh:not(#\9) {
|
|
@@ -3667,6 +3677,7 @@
|
|
|
3667
3677
|
--color-dropzone-text-hover-b42d11:#c6c6cd;
|
|
3668
3678
|
--color-dropzone-border-default-e0szdw:#656871;
|
|
3669
3679
|
--color-dropzone-border-hover-wnroid:#75cfff;
|
|
3680
|
+
--color-gap-global-drawer-lmfj7c:#0f141a;
|
|
3670
3681
|
}
|
|
3671
3682
|
|
|
3672
3683
|
@media not print {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-icon.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/resize-icon.tsx"],"names":[],"mappings":";AAQA,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"resize-icon.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/resize-icon.tsx"],"names":[],"mappings":";AAQA,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,eActD"}
|
|
@@ -5,7 +5,6 @@ import clsx from 'clsx';
|
|
|
5
5
|
import styles from './styles.css.js';
|
|
6
6
|
export function ResizeIcon({ variant }) {
|
|
7
7
|
return (React.createElement("svg", { focusable: false, className: clsx(styles['resize-icon'], styles[`resize-icon-${variant}`]), xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": true },
|
|
8
|
-
React.createElement("
|
|
9
|
-
React.createElement("line", { strokeWidth: "2", x1: "14", y1: "10", x2: "2", y2: "10" })));
|
|
8
|
+
React.createElement("path", { d: "M2 8H14", strokeWidth: "2", strokeLinecap: "round" })));
|
|
10
9
|
}
|
|
11
10
|
//# sourceMappingURL=resize-icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-icon.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/resize-icon.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAmB;IACrD,OAAO,CACL,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,OAAO,EAAE,CAAC,CAAC,EACxE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACN,IAAI;QAEjB,8BAAM,
|
|
1
|
+
{"version":3,"file":"resize-icon.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/resize-icon.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAmB;IACrD,OAAO,CACL,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,OAAO,EAAE,CAAC,CAAC,EACxE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACN,IAAI;QAEjB,8BAAM,CAAC,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,CACtD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\n\ninterface ResizeIconProps {\n variant: 'horizontal' | 'vertical';\n}\n\nexport function ResizeIcon({ variant }: ResizeIconProps) {\n return (\n <svg\n focusable={false}\n className={clsx(styles['resize-icon'], styles[`resize-icon-${variant}`])}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n aria-hidden={true}\n >\n <path d=\"M2 8H14\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n </svg>\n );\n}\n"]}
|
|
@@ -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
|
-
.
|
|
145
|
+
.awsui_slider_cqzlk_1nvie_145:not(#\9) {
|
|
146
146
|
padding-block: 0;
|
|
147
147
|
padding-inline: 0;
|
|
148
148
|
cursor: ns-resize;
|
|
@@ -151,17 +151,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
151
151
|
block-size: 18px;
|
|
152
152
|
touch-action: none;
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.awsui_slider_cqzlk_1nvie_145:not(#\9):focus {
|
|
155
155
|
outline: none;
|
|
156
156
|
}
|
|
157
|
-
body[data-awsui-focus-visible=true] .
|
|
157
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1nvie_145:not(#\9):focus {
|
|
158
158
|
position: relative;
|
|
159
159
|
}
|
|
160
|
-
body[data-awsui-focus-visible=true] .
|
|
160
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1nvie_145:not(#\9):focus {
|
|
161
161
|
outline: 2px dotted transparent;
|
|
162
162
|
outline-offset: calc(0px - 1px);
|
|
163
163
|
}
|
|
164
|
-
body[data-awsui-focus-visible=true] .
|
|
164
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1nvie_145:not(#\9):focus::before {
|
|
165
165
|
content: " ";
|
|
166
166
|
display: block;
|
|
167
167
|
position: absolute;
|
|
@@ -176,7 +176,8 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1b9k5_145:not(#\9):focus
|
|
|
176
176
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.awsui_slider-
|
|
179
|
+
.awsui_slider-side_cqzlk_1nvie_179:not(#\9) {
|
|
180
180
|
cursor: ew-resize;
|
|
181
|
-
|
|
181
|
+
margin-block: 0;
|
|
182
|
+
margin-inline-end: 0;
|
|
182
183
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"slider": "
|
|
6
|
-
"slider-side": "awsui_slider-
|
|
5
|
+
"slider": "awsui_slider_cqzlk_1nvie_145",
|
|
6
|
+
"slider-side": "awsui_slider-side_cqzlk_1nvie_179"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -495,6 +495,7 @@ export const colorDropzoneTextDefault: string;
|
|
|
495
495
|
export const colorDropzoneTextHover: string;
|
|
496
496
|
export const colorDropzoneBorderDefault: string;
|
|
497
497
|
export const colorDropzoneBorderHover: string;
|
|
498
|
+
export const colorGapGlobalDrawer: string;
|
|
498
499
|
export const fontBoxValueLargeWeight: string;
|
|
499
500
|
export const fontButtonLetterSpacing: string;
|
|
500
501
|
export const fontChartDetailSize: string;
|
|
@@ -495,6 +495,7 @@ export var colorDropzoneTextDefault = "var(--color-dropzone-text-default-m7ucyv,
|
|
|
495
495
|
export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-yjnvhw, #424650)";
|
|
496
496
|
export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-lohkzd, #8c8c94)";
|
|
497
497
|
export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-ejc85p, #002b66)";
|
|
498
|
+
export var colorGapGlobalDrawer = "var(--color-gap-global-drawer-w5yxw2, #ebebf0)";
|
|
498
499
|
export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
|
|
499
500
|
export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
|
|
500
501
|
export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
|
|
@@ -1862,6 +1862,10 @@ module.exports.preset = {
|
|
|
1862
1862
|
"light": "{colorBlue800}",
|
|
1863
1863
|
"dark": "{colorBlue400}"
|
|
1864
1864
|
},
|
|
1865
|
+
"colorGapGlobalDrawer": {
|
|
1866
|
+
"light": "{colorGrey200}",
|
|
1867
|
+
"dark": "{colorGrey900}"
|
|
1868
|
+
},
|
|
1865
1869
|
"fontBoxValueLargeWeight": "700",
|
|
1866
1870
|
"fontButtonLetterSpacing": "0.005em",
|
|
1867
1871
|
"fontChartDetailSize": "{fontSizeBodyS}",
|
|
@@ -4129,6 +4133,10 @@ module.exports.preset = {
|
|
|
4129
4133
|
"colorDropzoneBorderHover": {
|
|
4130
4134
|
"light": "{colorBlue400}",
|
|
4131
4135
|
"dark": "{colorBlue400}"
|
|
4136
|
+
},
|
|
4137
|
+
"colorGapGlobalDrawer": {
|
|
4138
|
+
"light": "{colorGrey900}",
|
|
4139
|
+
"dark": "{colorGrey900}"
|
|
4132
4140
|
}
|
|
4133
4141
|
}
|
|
4134
4142
|
},
|
|
@@ -5295,6 +5303,10 @@ module.exports.preset = {
|
|
|
5295
5303
|
"colorDropzoneBorderHover": {
|
|
5296
5304
|
"light": "{colorBlue400}",
|
|
5297
5305
|
"dark": "{colorBlue400}"
|
|
5306
|
+
},
|
|
5307
|
+
"colorGapGlobalDrawer": {
|
|
5308
|
+
"light": "{colorGrey900}",
|
|
5309
|
+
"dark": "{colorGrey900}"
|
|
5298
5310
|
}
|
|
5299
5311
|
}
|
|
5300
5312
|
},
|
|
@@ -6393,6 +6405,10 @@ module.exports.preset = {
|
|
|
6393
6405
|
"colorDropzoneBorderHover": {
|
|
6394
6406
|
"light": "{colorBlue800}",
|
|
6395
6407
|
"dark": "{colorBlue400}"
|
|
6408
|
+
},
|
|
6409
|
+
"colorGapGlobalDrawer": {
|
|
6410
|
+
"light": "{colorGrey200}",
|
|
6411
|
+
"dark": "{colorGrey900}"
|
|
6396
6412
|
}
|
|
6397
6413
|
}
|
|
6398
6414
|
},
|
|
@@ -7491,6 +7507,10 @@ module.exports.preset = {
|
|
|
7491
7507
|
"colorDropzoneBorderHover": {
|
|
7492
7508
|
"light": "{colorBlue800}",
|
|
7493
7509
|
"dark": "{colorBlue400}"
|
|
7510
|
+
},
|
|
7511
|
+
"colorGapGlobalDrawer": {
|
|
7512
|
+
"light": "{colorGrey200}",
|
|
7513
|
+
"dark": "{colorGrey900}"
|
|
7494
7514
|
}
|
|
7495
7515
|
}
|
|
7496
7516
|
},
|
|
@@ -8590,6 +8610,10 @@ module.exports.preset = {
|
|
|
8590
8610
|
"light": "{colorBlue800}",
|
|
8591
8611
|
"dark": "{colorBlue400}"
|
|
8592
8612
|
},
|
|
8613
|
+
"colorGapGlobalDrawer": {
|
|
8614
|
+
"light": "{colorGrey200}",
|
|
8615
|
+
"dark": "{colorGrey900}"
|
|
8616
|
+
},
|
|
8593
8617
|
"fontExpandableHeadingSize": "14px",
|
|
8594
8618
|
"borderDividerSectionWidth": "1px"
|
|
8595
8619
|
}
|
|
@@ -9699,6 +9723,10 @@ module.exports.preset = {
|
|
|
9699
9723
|
"colorDropzoneBorderHover": {
|
|
9700
9724
|
"light": "{colorBlue400}",
|
|
9701
9725
|
"dark": "{colorBlue400}"
|
|
9726
|
+
},
|
|
9727
|
+
"colorGapGlobalDrawer": {
|
|
9728
|
+
"light": "{colorGrey900}",
|
|
9729
|
+
"dark": "{colorGrey900}"
|
|
9702
9730
|
}
|
|
9703
9731
|
}
|
|
9704
9732
|
}
|
|
@@ -10146,6 +10174,7 @@ module.exports.preset = {
|
|
|
10146
10174
|
"colorDropzoneTextHover": "color",
|
|
10147
10175
|
"colorDropzoneBorderDefault": "color",
|
|
10148
10176
|
"colorDropzoneBorderHover": "color",
|
|
10177
|
+
"colorGapGlobalDrawer": "color",
|
|
10149
10178
|
"motionDurationExtraFast": "motion",
|
|
10150
10179
|
"motionDurationExtraSlow": "motion",
|
|
10151
10180
|
"motionDurationFast": "motion",
|
|
@@ -11459,6 +11488,7 @@ module.exports.preset = {
|
|
|
11459
11488
|
"colorDropzoneTextHover": "color-dropzone-text-hover",
|
|
11460
11489
|
"colorDropzoneBorderDefault": "color-dropzone-border-default",
|
|
11461
11490
|
"colorDropzoneBorderHover": "color-dropzone-border-hover",
|
|
11491
|
+
"colorGapGlobalDrawer": "color-gap-global-drawer",
|
|
11462
11492
|
"fontBoxValueLargeWeight": "font-box-value-large-weight",
|
|
11463
11493
|
"fontButtonLetterSpacing": "font-button-letter-spacing",
|
|
11464
11494
|
"fontChartDetailSize": "font-chart-detail-size",
|
|
@@ -12217,6 +12247,7 @@ module.exports.preset = {
|
|
|
12217
12247
|
"colorDropzoneTextHover": "--color-dropzone-text-hover-yjnvhw",
|
|
12218
12248
|
"colorDropzoneBorderDefault": "--color-dropzone-border-default-lohkzd",
|
|
12219
12249
|
"colorDropzoneBorderHover": "--color-dropzone-border-hover-ejc85p",
|
|
12250
|
+
"colorGapGlobalDrawer": "--color-gap-global-drawer-w5yxw2",
|
|
12220
12251
|
"fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
|
|
12221
12252
|
"fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
|
|
12222
12253
|
"fontChartDetailSize": "--font-chart-detail-size-9qr25q",
|
|
@@ -1862,6 +1862,10 @@ export var preset = {
|
|
|
1862
1862
|
"light": "{colorBlue800}",
|
|
1863
1863
|
"dark": "{colorBlue400}"
|
|
1864
1864
|
},
|
|
1865
|
+
"colorGapGlobalDrawer": {
|
|
1866
|
+
"light": "{colorGrey200}",
|
|
1867
|
+
"dark": "{colorGrey900}"
|
|
1868
|
+
},
|
|
1865
1869
|
"fontBoxValueLargeWeight": "700",
|
|
1866
1870
|
"fontButtonLetterSpacing": "0.005em",
|
|
1867
1871
|
"fontChartDetailSize": "{fontSizeBodyS}",
|
|
@@ -4129,6 +4133,10 @@ export var preset = {
|
|
|
4129
4133
|
"colorDropzoneBorderHover": {
|
|
4130
4134
|
"light": "{colorBlue400}",
|
|
4131
4135
|
"dark": "{colorBlue400}"
|
|
4136
|
+
},
|
|
4137
|
+
"colorGapGlobalDrawer": {
|
|
4138
|
+
"light": "{colorGrey900}",
|
|
4139
|
+
"dark": "{colorGrey900}"
|
|
4132
4140
|
}
|
|
4133
4141
|
}
|
|
4134
4142
|
},
|
|
@@ -5295,6 +5303,10 @@ export var preset = {
|
|
|
5295
5303
|
"colorDropzoneBorderHover": {
|
|
5296
5304
|
"light": "{colorBlue400}",
|
|
5297
5305
|
"dark": "{colorBlue400}"
|
|
5306
|
+
},
|
|
5307
|
+
"colorGapGlobalDrawer": {
|
|
5308
|
+
"light": "{colorGrey900}",
|
|
5309
|
+
"dark": "{colorGrey900}"
|
|
5298
5310
|
}
|
|
5299
5311
|
}
|
|
5300
5312
|
},
|
|
@@ -6393,6 +6405,10 @@ export var preset = {
|
|
|
6393
6405
|
"colorDropzoneBorderHover": {
|
|
6394
6406
|
"light": "{colorBlue800}",
|
|
6395
6407
|
"dark": "{colorBlue400}"
|
|
6408
|
+
},
|
|
6409
|
+
"colorGapGlobalDrawer": {
|
|
6410
|
+
"light": "{colorGrey200}",
|
|
6411
|
+
"dark": "{colorGrey900}"
|
|
6396
6412
|
}
|
|
6397
6413
|
}
|
|
6398
6414
|
},
|
|
@@ -7491,6 +7507,10 @@ export var preset = {
|
|
|
7491
7507
|
"colorDropzoneBorderHover": {
|
|
7492
7508
|
"light": "{colorBlue800}",
|
|
7493
7509
|
"dark": "{colorBlue400}"
|
|
7510
|
+
},
|
|
7511
|
+
"colorGapGlobalDrawer": {
|
|
7512
|
+
"light": "{colorGrey200}",
|
|
7513
|
+
"dark": "{colorGrey900}"
|
|
7494
7514
|
}
|
|
7495
7515
|
}
|
|
7496
7516
|
},
|
|
@@ -8590,6 +8610,10 @@ export var preset = {
|
|
|
8590
8610
|
"light": "{colorBlue800}",
|
|
8591
8611
|
"dark": "{colorBlue400}"
|
|
8592
8612
|
},
|
|
8613
|
+
"colorGapGlobalDrawer": {
|
|
8614
|
+
"light": "{colorGrey200}",
|
|
8615
|
+
"dark": "{colorGrey900}"
|
|
8616
|
+
},
|
|
8593
8617
|
"fontExpandableHeadingSize": "14px",
|
|
8594
8618
|
"borderDividerSectionWidth": "1px"
|
|
8595
8619
|
}
|
|
@@ -9699,6 +9723,10 @@ export var preset = {
|
|
|
9699
9723
|
"colorDropzoneBorderHover": {
|
|
9700
9724
|
"light": "{colorBlue400}",
|
|
9701
9725
|
"dark": "{colorBlue400}"
|
|
9726
|
+
},
|
|
9727
|
+
"colorGapGlobalDrawer": {
|
|
9728
|
+
"light": "{colorGrey900}",
|
|
9729
|
+
"dark": "{colorGrey900}"
|
|
9702
9730
|
}
|
|
9703
9731
|
}
|
|
9704
9732
|
}
|
|
@@ -10146,6 +10174,7 @@ export var preset = {
|
|
|
10146
10174
|
"colorDropzoneTextHover": "color",
|
|
10147
10175
|
"colorDropzoneBorderDefault": "color",
|
|
10148
10176
|
"colorDropzoneBorderHover": "color",
|
|
10177
|
+
"colorGapGlobalDrawer": "color",
|
|
10149
10178
|
"motionDurationExtraFast": "motion",
|
|
10150
10179
|
"motionDurationExtraSlow": "motion",
|
|
10151
10180
|
"motionDurationFast": "motion",
|
|
@@ -11459,6 +11488,7 @@ export var preset = {
|
|
|
11459
11488
|
"colorDropzoneTextHover": "color-dropzone-text-hover",
|
|
11460
11489
|
"colorDropzoneBorderDefault": "color-dropzone-border-default",
|
|
11461
11490
|
"colorDropzoneBorderHover": "color-dropzone-border-hover",
|
|
11491
|
+
"colorGapGlobalDrawer": "color-gap-global-drawer",
|
|
11462
11492
|
"fontBoxValueLargeWeight": "font-box-value-large-weight",
|
|
11463
11493
|
"fontButtonLetterSpacing": "font-button-letter-spacing",
|
|
11464
11494
|
"fontChartDetailSize": "font-chart-detail-size",
|
|
@@ -12217,6 +12247,7 @@ export var preset = {
|
|
|
12217
12247
|
"colorDropzoneTextHover": "--color-dropzone-text-hover-yjnvhw",
|
|
12218
12248
|
"colorDropzoneBorderDefault": "--color-dropzone-border-default-lohkzd",
|
|
12219
12249
|
"colorDropzoneBorderHover": "--color-dropzone-border-hover-ejc85p",
|
|
12250
|
+
"colorGapGlobalDrawer": "--color-gap-global-drawer-w5yxw2",
|
|
12220
12251
|
"fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
|
|
12221
12252
|
"fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
|
|
12222
12253
|
"fontChartDetailSize": "--font-chart-detail-size-9qr25q",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawers.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/controllers/drawers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAGzD,KAAK,sBAAsB,GAAG,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;AAE/E,UAAU,mBAAmB;IAC3B,kBAAkB,EAAE,sBAAsB,CAAC;CAC5C;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,uBAAuB,CAAC,EAAE,MAAM,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":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAsC7D,MAAM,mBAAmB,GAAG;IAC1B,OAAO;IACP,WAAW;IACX,aAAa;IACb,eAAe;IACf,eAAe;IACf,UAAU;CACF,CAAC;AA+BX,MAAM,OAAO,iBAAiB;IAA9B;QACU,YAAO,GAAwB,EAAE,CAAC;QAClC,gCAA2B,GAAuC,IAAI,CAAC;QACvE,yBAAoB,GAAkC,IAAI,CAAC;QAC3D,yBAAoB,GAAkC,IAAI,CAAC;QAC3D,2BAAsB,GAAiC,EAAE,CAAC;QAElE,mBAAc,GAAG,QAAQ,CAAC,GAAG,EAAE;;YAC7B,MAAA,IAAI,CAAC,2BAA2B,qDAAG,IAAI,CAAC,OAAO,CAAC,CAAC;YACjD,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE;gBAC3D,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,IAAI,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,mBAAc,GAAG,CAAC,MAAoB,EAAE,EAAE;YACxC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,EAAE;gBACxD,uBAAuB,CAAC,oBAAoB,EAAE,mBAAmB,MAAM,CAAC,EAAE,yBAAyB,CAAC,CAAC;aACtG;YACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,iBAAY,GAAG,CAAC,EAA6C,EAAE,EAAE;;gBAAjD,EAAE,EAAE,EAAE,QAAQ,OAA+B,EAA1B,IAAI,cAAvB,MAAyB,CAAF;YACrC,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;YACxE,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAG,WAAW,CAAC,CAAC;YACpD,IAAI,CAAC,eAAe,EAAE;gBACpB,MAAM,IAAI,KAAK,CAAC,4CAA4C,QAAQ,YAAY,CAAC,CAAC;aACnF;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACrC,MAAM,aAAa,qBAAQ,eAAe,CAAE,CAAC;YAC7C,KAAK,MAAM,GAAG,IAAI,mBAAmB,EAAE;gBACrC,IAAI,GAAG,IAAI,IAAI,EAAE;oBACf,aAAa,CAAC,GAAG,CAAC,GAAI,IAAY,CAAC,GAAG,CAAC,CAAC;iBACzC;aACF;YACD,OAAO,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC;YACrC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,wBAAmB,GAAG,CAAC,QAAqC,EAAE,EAAE;YAC9D,IAAI,IAAI,CAAC,2BAA2B,KAAK,IAAI,EAAE;gBAC7C,uBAAuB,CACrB,oBAAoB,EACpB,yEAAyE,CAC1E,CAAC;aACH;YACD,IAAI,CAAC,2BAA2B,GAAG,QAAQ,CAAC;YAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;gBACxC,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,2BAAsB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,QAAgC,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;gBACtC,uBAAuB,CACrB,oBAAoB,EACpB,oEAAoE,CACrE,CAAC;aACH;YAED,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC;YAErC,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,QAAgC,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;gBACtC,uBAAuB,CACrB,oBAAoB,EACpB,oEAAoE,CACrE,CAAC;aACH;YAED,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC;YAErC,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,QAAgB,EAAE,MAA8B,EAAE,EAAE;;YAChE,MAAA,IAAI,CAAC,oBAAoB,qDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,QAAgB,EAAE,MAA8B,EAAE,EAAE;;YACjE,MAAA,IAAI,CAAC,oBAAoB,qDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC,CAAC;QAEF,qBAAgB,GAAG,CAAC,QAA+B,EAAE,EAAE;YACrD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE3C,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;YAC9F,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE;YACrB,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC,CAAC;IAmBJ,CAAC;IAjBC,aAAa,CAAC,MAAiC,EAAE;;QAC/C,MAAA,GAAG,CAAC,cAAc,oCAAlB,GAAG,CAAC,cAAc,GAAK,IAAI,CAAC,cAAc,EAAC;QAC3C,MAAA,GAAG,CAAC,YAAY,oCAAhB,GAAG,CAAC,YAAY,GAAK,IAAI,CAAC,YAAY,EAAC;QACvC,MAAA,GAAG,CAAC,UAAU,oCAAd,GAAG,CAAC,UAAU,GAAK,IAAI,CAAC,UAAU,EAAC;QACnC,MAAA,GAAG,CAAC,WAAW,oCAAf,GAAG,CAAC,WAAW,GAAK,IAAI,CAAC,WAAW,EAAC;QACrC,OAAO,GAAuB,CAAC;IACjC,CAAC;IAED,eAAe,CAAC,cAA2C,EAAE;;QAC3D,MAAA,WAAW,CAAC,sBAAsB,oCAAlC,WAAW,CAAC,sBAAsB,GAAK,IAAI,CAAC,sBAAsB,EAAC;QACnE,MAAA,WAAW,CAAC,mBAAmB,oCAA/B,WAAW,CAAC,mBAAmB,GAAK,IAAI,CAAC,mBAAmB,EAAC;QAC7D,MAAA,WAAW,CAAC,cAAc,oCAA1B,WAAW,CAAC,cAAc,GAAK,IAAI,CAAC,cAAc,EAAC;QACnD,MAAA,WAAW,CAAC,cAAc,oCAA1B,WAAW,CAAC,cAAc,GAAK,IAAI,CAAC,cAAc,EAAC;QACnD,MAAA,WAAW,CAAC,gBAAgB,oCAA5B,WAAW,CAAC,gBAAgB,GAAK,IAAI,CAAC,gBAAgB,EAAC;QACvD,MAAA,WAAW,CAAC,eAAe,oCAA3B,WAAW,CAAC,eAAe,GAAK,IAAI,CAAC,eAAe,EAAC;QACrD,OAAO,WAAiC,CAAC;IAC3C,CAAC;CACF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\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 };\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}\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;\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}\n\nexport interface DrawersApiInternal {\n clearRegisteredDrawers(): void;\n onDrawersRegistered(listener: DrawersRegistrationListener): () => void;\n onDrawerOpened(listener: DrawersToggledListener): () => void;\n onDrawerClosed(listener: DrawersToggledListener): () => 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\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 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 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.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":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAwC7D,MAAM,mBAAmB,GAAG;IAC1B,OAAO;IACP,WAAW;IACX,aAAa;IACb,eAAe;IACf,eAAe;IACf,UAAU;CACF,CAAC;AA+BX,MAAM,OAAO,iBAAiB;IAA9B;QACU,YAAO,GAAwB,EAAE,CAAC;QAClC,gCAA2B,GAAuC,IAAI,CAAC;QACvE,yBAAoB,GAAkC,IAAI,CAAC;QAC3D,yBAAoB,GAAkC,IAAI,CAAC;QAC3D,2BAAsB,GAAiC,EAAE,CAAC;QAElE,mBAAc,GAAG,QAAQ,CAAC,GAAG,EAAE;;YAC7B,MAAA,IAAI,CAAC,2BAA2B,qDAAG,IAAI,CAAC,OAAO,CAAC,CAAC;YACjD,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE;gBAC3D,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,IAAI,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,mBAAc,GAAG,CAAC,MAAoB,EAAE,EAAE;YACxC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,EAAE;gBACxD,uBAAuB,CAAC,oBAAoB,EAAE,mBAAmB,MAAM,CAAC,EAAE,yBAAyB,CAAC,CAAC;aACtG;YACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,iBAAY,GAAG,CAAC,EAA6C,EAAE,EAAE;;gBAAjD,EAAE,EAAE,EAAE,QAAQ,OAA+B,EAA1B,IAAI,cAAvB,MAAyB,CAAF;YACrC,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;YACxE,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAG,WAAW,CAAC,CAAC;YACpD,IAAI,CAAC,eAAe,EAAE;gBACpB,MAAM,IAAI,KAAK,CAAC,4CAA4C,QAAQ,YAAY,CAAC,CAAC;aACnF;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACrC,MAAM,aAAa,qBAAQ,eAAe,CAAE,CAAC;YAC7C,KAAK,MAAM,GAAG,IAAI,mBAAmB,EAAE;gBACrC,IAAI,GAAG,IAAI,IAAI,EAAE;oBACf,aAAa,CAAC,GAAG,CAAC,GAAI,IAAY,CAAC,GAAG,CAAC,CAAC;iBACzC;aACF;YACD,OAAO,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC;YACrC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,wBAAmB,GAAG,CAAC,QAAqC,EAAE,EAAE;YAC9D,IAAI,IAAI,CAAC,2BAA2B,KAAK,IAAI,EAAE;gBAC7C,uBAAuB,CACrB,oBAAoB,EACpB,yEAAyE,CAC1E,CAAC;aACH;YACD,IAAI,CAAC,2BAA2B,GAAG,QAAQ,CAAC;YAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;gBACxC,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,2BAAsB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,QAAgC,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;gBACtC,uBAAuB,CACrB,oBAAoB,EACpB,oEAAoE,CACrE,CAAC;aACH;YAED,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC;YAErC,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,QAAgC,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;gBACtC,uBAAuB,CACrB,oBAAoB,EACpB,oEAAoE,CACrE,CAAC;aACH;YAED,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC;YAErC,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,QAAgB,EAAE,MAA8B,EAAE,EAAE;;YAChE,MAAA,IAAI,CAAC,oBAAoB,qDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,QAAgB,EAAE,MAA8B,EAAE,EAAE;;YACjE,MAAA,IAAI,CAAC,oBAAoB,qDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;QAChD,CAAC,CAAC;QAEF,qBAAgB,GAAG,CAAC,QAA+B,EAAE,EAAE;YACrD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE3C,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;YAC9F,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE;YACrB,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC,CAAC;IAmBJ,CAAC;IAjBC,aAAa,CAAC,MAAiC,EAAE;;QAC/C,MAAA,GAAG,CAAC,cAAc,oCAAlB,GAAG,CAAC,cAAc,GAAK,IAAI,CAAC,cAAc,EAAC;QAC3C,MAAA,GAAG,CAAC,YAAY,oCAAhB,GAAG,CAAC,YAAY,GAAK,IAAI,CAAC,YAAY,EAAC;QACvC,MAAA,GAAG,CAAC,UAAU,oCAAd,GAAG,CAAC,UAAU,GAAK,IAAI,CAAC,UAAU,EAAC;QACnC,MAAA,GAAG,CAAC,WAAW,oCAAf,GAAG,CAAC,WAAW,GAAK,IAAI,CAAC,WAAW,EAAC;QACrC,OAAO,GAAuB,CAAC;IACjC,CAAC;IAED,eAAe,CAAC,cAA2C,EAAE;;QAC3D,MAAA,WAAW,CAAC,sBAAsB,oCAAlC,WAAW,CAAC,sBAAsB,GAAK,IAAI,CAAC,sBAAsB,EAAC;QACnE,MAAA,WAAW,CAAC,mBAAmB,oCAA/B,WAAW,CAAC,mBAAmB,GAAK,IAAI,CAAC,mBAAmB,EAAC;QAC7D,MAAA,WAAW,CAAC,cAAc,oCAA1B,WAAW,CAAC,cAAc,GAAK,IAAI,CAAC,cAAc,EAAC;QACnD,MAAA,WAAW,CAAC,cAAc,oCAA1B,WAAW,CAAC,cAAc,GAAK,IAAI,CAAC,cAAc,EAAC;QACnD,MAAA,WAAW,CAAC,gBAAgB,oCAA5B,WAAW,CAAC,gBAAgB,GAAK,IAAI,CAAC,gBAAgB,EAAC;QACvD,MAAA,WAAW,CAAC,eAAe,oCAA3B,WAAW,CAAC,eAAe,GAAK,IAAI,CAAC,eAAe,EAAC;QACrD,OAAO,WAAiC,CAAC;IAC3C,CAAC;CACF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\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}\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;\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}\n\nexport interface DrawersApiInternal {\n clearRegisteredDrawers(): void;\n onDrawersRegistered(listener: DrawersRegistrationListener): () => void;\n onDrawerOpened(listener: DrawersToggledListener): () => void;\n onDrawerClosed(listener: DrawersToggledListener): () => 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\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 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 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.onDrawersUpdated ??= this.onDrawersUpdated;\n internalApi.getDrawersState ??= this.getDrawersState;\n return internalApi as DrawersApiInternal;\n }\n}\n"]}
|