npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.826 → 3.0.828 - Mend

@cloudscape-design/components-themeable 3.0.826 → 3.0.828

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.

Files changed (50) hide show

package/lib/internal/template/internal/plugins/helpers/use-discovered-action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-discovered-action.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-action.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;~~AAG3D~~,~~OAAO~~,EAAE,~~qBAAqB~~,EAAE,MAAM,~~2BAA2B~~,CAAC;~~AAElE~~,SAAS,oBAAoB,CAAC,MAA2B,EAAE,OAAsB;IAC/E,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,~~qBAAqB~~,~~IACpB~~,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,EACnC,~~YAAY~~,EAAE,~~SAAS~~,~~CAAC~~,EAAE,~~CAAC,~~MAAM,CAAC,YAAY,~~CAAC~~,~~SAAS,EAAE,OAAO,CAAC,EAClE,~~cAAc,EAAE,~~SAAS,CAAC,EAAE,CAAC,~~MAAM,CAAC,cAAc,~~CAAC~~,~~SAAS,CAAC,GAC7D,~~CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,kBAAiE;IACzG,OAAO,SAAS,mBAAmB,CAAC,IAAY;QAK9C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;QACvF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAEhD,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,kBAAkB,CAAC,OAAO,CAAC,EAAE;gBAClC,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;YAC7G,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAEX,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;IACtD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { ActionButtonsController, ActionConfig, ActionContext } from '../controllers/action-buttons';\~~nimport~~ { ~~RuntimeContentWrapper~~ } ~~from~~ ~~'./runtime~~-~~content~~-~~wrapper'~~;\n\nfunction convertRuntimeAction(action: ActionConfig \| null, context: ActionContext) {\n if (!action) {\n return null;\n }\n return (\n <~~RuntimeContentWrapper~~\n key={action.id + '-' + context.type}\n mountContent={~~container =>~~ action.mountContent~~(container, context)~~}\n unmountContent={~~container =>~~ action.unmountContent~~(container)~~}\n />\n );\n}\n\nexport function createUseDiscoveredAction(onActionRegistered: ActionButtonsController['onActionRegistered']) {\n return function useDiscoveredAction(type: string): {\n discoveredActions: React.ReactNode[];\n headerRef: React.Ref<HTMLDivElement>;\n contentRef: React.Ref<HTMLDivElement>;\n } {\n const [discoveredActions, setDiscoveredActions] = useState<Array<React.ReactNode>>([]);\n const headerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n return onActionRegistered(actions => {\n setDiscoveredActions(actions.map(action => convertRuntimeAction(action, { type, headerRef, contentRef })));\n });\n }, [type]);\n\n return { discoveredActions, headerRef, contentRef };\n };\n}\n"]}
1	+ {"version":3,"file":"use-discovered-action.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-action.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU3D,SAAS,oBAAoB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAA6B;IAChG,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAQ,CAAC;QAC/B,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6BAAK,GAAG,EAAE,GAAG,GAAQ,CAAC;AAC/B,CAAC;AAED,SAAS,oBAAoB,CAAC,MAA2B,EAAE,OAAsB;IAC/E,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,EACnC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,cAAc,EAAE,MAAM,CAAC,cAAc,GACrC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,kBAAiE;IACzG,OAAO,SAAS,mBAAmB,CAAC,IAAY;QAK9C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;QACvF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAEhD,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,kBAAkB,CAAC,OAAO,CAAC,EAAE;gBAClC,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;YAC7G,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAEX,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;IACtD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { ActionButtonsController, ActionConfig, ActionContext } from '../controllers/action-buttons';\n\ninterface RuntimeActionWrapperProps {\n context: ActionContext;\n mountContent: ActionConfig['mountContent'];\n unmountContent: ActionConfig['unmountContent'];\n}\n\nfunction RuntimeActionWrapper({ mountContent, unmountContent, context }: RuntimeActionWrapperProps) {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const container = ref.current!;\n mountContent(container, context);\n return () => {\n unmountContent(container);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return <div ref={ref}></div>;\n}\n\nfunction convertRuntimeAction(action: ActionConfig \| null, context: ActionContext) {\n if (!action) {\n return null;\n }\n return (\n <RuntimeActionWrapper\n key={action.id + '-' + context.type}\n context={context}\n mountContent={action.mountContent}\n unmountContent={action.unmountContent}\n />\n );\n}\n\nexport function createUseDiscoveredAction(onActionRegistered: ActionButtonsController['onActionRegistered']) {\n return function useDiscoveredAction(type: string): {\n discoveredActions: React.ReactNode[];\n headerRef: React.Ref<HTMLDivElement>;\n contentRef: React.Ref<HTMLDivElement>;\n } {\n const [discoveredActions, setDiscoveredActions] = useState<Array<React.ReactNode>>([]);\n const headerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n return onActionRegistered(actions => {\n setDiscoveredActions(actions.map(action => convertRuntimeAction(action, { type, headerRef, contentRef })));\n });\n }, [type]);\n\n return { discoveredActions, headerRef, contentRef };\n };\n}\n"]}

package/lib/internal/template/side-navigation/styles.css.js CHANGED Viewed

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_1nwqb_141",
-  "header": "awsui_header_l0dv0_1nwqb_178",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_1nwqb_190",
-  "header-link": "awsui_header-link_l0dv0_1nwqb_194",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1nwqb_204",
-  "header-link-text": "awsui_header-link-text_l0dv0_1nwqb_204",
-  "header-logo": "awsui_header-logo_l0dv0_1nwqb_209",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1nwqb_215",
-  "items-control": "awsui_items-control_l0dv0_1nwqb_220",
-  "list-container": "awsui_list-container_l0dv0_1nwqb_225",
-  "list": "awsui_list_l0dv0_1nwqb_225",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1nwqb_240",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1nwqb_247",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1nwqb_251",
-  "list-item": "awsui_list-item_l0dv0_1nwqb_255",
-  "section": "awsui_section_l0dv0_1nwqb_263",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1nwqb_264",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1nwqb_267",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1nwqb_268",
-  "refresh": "awsui_refresh_l0dv0_1nwqb_276",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1nwqb_284",
-  "section-group": "awsui_section-group_l0dv0_1nwqb_291",
-  "section-group-title": "awsui_section-group-title_l0dv0_1nwqb_302",
-  "link": "awsui_link_l0dv0_1nwqb_306",
-  "link-active": "awsui_link-active_l0dv0_1nwqb_315",
-  "info": "awsui_info_l0dv0_1nwqb_352",
-  "external-icon": "awsui_external-icon_l0dv0_1nwqb_356",
-  "divider": "awsui_divider_l0dv0_1nwqb_360",
-  "divider-default": "awsui_divider-default_l0dv0_1nwqb_365",
-  "divider-header": "awsui_divider-header_l0dv0_1nwqb_371"
+  "root": "awsui_root_l0dv0_wpou1_141",
+  "header": "awsui_header_l0dv0_wpou1_178",
+  "header-link": "awsui_header-link_l0dv0_wpou1_191",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_wpou1_201",
+  "header-link-text": "awsui_header-link-text_l0dv0_wpou1_201",
+  "header-logo": "awsui_header-logo_l0dv0_wpou1_206",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_wpou1_212",
+  "items-control": "awsui_items-control_l0dv0_wpou1_217",
+  "list-container": "awsui_list-container_l0dv0_wpou1_221",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_wpou1_224",
+  "divider": "awsui_divider_l0dv0_wpou1_224",
+  "list": "awsui_list_l0dv0_wpou1_221",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_wpou1_236",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_wpou1_243",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_wpou1_247",
+  "list-item": "awsui_list-item_l0dv0_wpou1_251",
+  "section": "awsui_section_l0dv0_wpou1_263",
+  "refresh": "awsui_refresh_l0dv0_wpou1_263",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_wpou1_275",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_wpou1_278",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_wpou1_279",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_wpou1_299",
+  "section-group": "awsui_section-group_l0dv0_wpou1_306",
+  "section-group-title": "awsui_section-group-title_l0dv0_wpou1_317",
+  "link": "awsui_link_l0dv0_wpou1_321",
+  "link-active": "awsui_link-active_l0dv0_wpou1_330",
+  "info": "awsui_info_l0dv0_wpou1_367",
+  "external-icon": "awsui_external-icon_l0dv0_wpou1_371",
+  "divider-default": "awsui_divider-default_l0dv0_wpou1_380",
+  "divider-header": "awsui_divider-header_l0dv0_wpou1_386"
 };

package/lib/internal/template/side-navigation/styles.scoped.css CHANGED Viewed

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_l0dv0_1nwqb_141:not(#\9) {
+.awsui_root_l0dv0_wpou1_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_header_l0dv0_1nwqb_178:not(#\9) {
+.awsui_header_l0dv0_wpou1_178:not(#\9) {
   font-size: var(--font-panel-header-size-197c0y, 18px);
   line-height: var(--font-panel-header-line-height-av95ns, 22px);
   font-weight: var(--font-weight-heading-l-ypbqtk, 700);
@@ -188,11 +188,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-panel-nav-left-n2yd9v, 32px);
   padding-inline-end: calc(var(--space-scaled-xxl-6fqphi, 32px) + var(--space-xl-vss8pc, 24px));
 }
-.awsui_with-toolbar_l0dv0_1nwqb_190 > .awsui_header_l0dv0_1nwqb_178:not(#\9) {
-  padding-block: var(--space-static-m-rufxr5, 16px);
-}
-.awsui_header-link_l0dv0_1nwqb_194:not(#\9) {
+.awsui_header-link_l0dv0_wpou1_191:not(#\9) {
   font-size: var(--font-panel-header-size-197c0y, 18px);
   line-height: var(--font-panel-header-line-height-av95ns, 22px);
   font-weight: var(--font-weight-heading-l-ypbqtk, 700);
@@ -202,35 +199,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-block-size: var(--font-panel-header-line-height-av95ns, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_1nwqb_204 > .awsui_header-link-text_l0dv0_1nwqb_204:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_wpou1_201 > .awsui_header-link-text_l0dv0_wpou1_201:not(#\9) {
   font-weight: 400;
   align-self: center;
 }
-.awsui_header-logo_l0dv0_1nwqb_209:not(#\9) {
+.awsui_header-logo_l0dv0_wpou1_206:not(#\9) {
   margin-inline-end: var(--space-s-vmutj3, 12px);
   margin-block-start: var(--space-xxxs-gn3248, 2px);
   max-inline-size: calc(1.25 * var(--size-icon-big-fdyugp, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_1nwqb_215:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_wpou1_212:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
-.awsui_items-control_l0dv0_1nwqb_220:not(#\9) {
-  margin-block-start: var(--space-panel-content-top-rr28ru, 20px);
+.awsui_items-control_l0dv0_wpou1_217:not(#\9) {
   padding-inline: var(--space-l-eenfqd, 20px);
 }
-.awsui_list-container_l0dv0_1nwqb_225:not(#\9) {
+.awsui_list-container_l0dv0_wpou1_221:not(#\9) {
   margin-block-start: var(--space-panel-content-top-rr28ru, 20px);
 }
-.awsui_with-toolbar_l0dv0_1nwqb_190 > .awsui_list-container_l0dv0_1nwqb_225:not(#\9) {
-  margin-block-start: 0px;
+.awsui_with-toolbar_l0dv0_wpou1_224 > .awsui_divider_l0dv0_wpou1_224 + .awsui_list-container_l0dv0_wpou1_221:not(#\9) {
+  margin-block-start: 0;
 }
-.awsui_list_l0dv0_1nwqb_225:not(#\9) {
+.awsui_list_l0dv0_wpou1_221:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -238,58 +234,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-l-eenfqd, 20px);
 }
-.awsui_list-variant-root_l0dv0_1nwqb_240:not(#\9) {
+.awsui_list-variant-root_l0dv0_wpou1_236:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline-start: var(--space-panel-nav-left-n2yd9v, 32px);
   padding-inline-end: var(--space-panel-side-right-otvpm8, 32px);
 }
-.awsui_list-variant-root--last_l0dv0_1nwqb_247:not(#\9) {
+.awsui_list-variant-root--last_l0dv0_wpou1_243:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-attpcy, 40px);
 }
-.awsui_list-variant-expandable-link-group_l0dv0_1nwqb_251:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_wpou1_247:not(#\9) {
   padding-inline-start: var(--space-xxxl-vkrt7p, 40px);
 }
-.awsui_list-item_l0dv0_1nwqb_255:not(#\9) {
+.awsui_list-item_l0dv0_wpou1_251:not(#\9) {
   margin-block: var(--space-scaled-xs-t3am3w, 8px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   list-style: none;
 }
+@supports selector(:has(*)) {
+  .awsui_list-item_l0dv0_wpou1_251:not(#\9) {
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  }
+  .awsui_list-item_l0dv0_wpou1_251:not(#\9):has(> .awsui_section_l0dv0_wpou1_263:not(.awsui_refresh_l0dv0_wpou1_263)) {
+    margin-block: calc(var(--space-scaled-2x-l-6bbwpr, 20px) - var(--border-divider-section-width-iueskx, 1px));
+  }
+  .awsui_list-item_l0dv0_wpou1_251:not(#\9):has(> .awsui_section_l0dv0_wpou1_263.awsui_refresh_l0dv0_wpou1_263) {
+    margin-block: calc(var(--space-scaled-2x-m-njhs97, 16px) - var(--border-divider-section-width-iueskx, 1px));
+  }
+}
+.awsui_list-variant-root_l0dv0_wpou1_236 > .awsui_list-item_l0dv0_wpou1_251:not(#\9):first-child {
+  margin-block-start: 0px;
+}
-.awsui_section_l0dv0_1nwqb_263:not(#\9),
-.awsui_expandable-link-group_l0dv0_1nwqb_264:not(#\9) {
+.awsui_section_l0dv0_wpou1_263:not(#\9),
+.awsui_expandable-link-group_l0dv0_wpou1_275:not(#\9) {
   margin-inline-start: calc(-1 * var(--space-l-eenfqd, 20px));
 }
-.awsui_section--no-ident_l0dv0_1nwqb_267:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_1nwqb_268:not(#\9) {
+.awsui_section--no-ident_l0dv0_wpou1_278:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_wpou1_279:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_section_l0dv0_1nwqb_263:not(#\9) {
-  margin-block: calc(var(--space-scaled-2x-l-6bbwpr, 20px) - var(--border-divider-section-width-iueskx, 1px));
+.awsui_section_l0dv0_wpou1_263:not(#\9) {
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_1nwqb_263.awsui_refresh_l0dv0_1nwqb_276:not(#\9) {
-  margin-block: calc(var(--space-scaled-2x-m-njhs97, 16px) - var(--border-divider-section-width-iueskx, 1px));
+@supports not selector(:has(*)) {
+  .awsui_section_l0dv0_wpou1_263:not(#\9) {
+    margin-block: calc(var(--space-scaled-2x-l-6bbwpr, 20px) - var(--border-divider-section-width-iueskx, 1px));
+  }
+  .awsui_section_l0dv0_wpou1_263.awsui_refresh_l0dv0_wpou1_263:not(#\9) {
+    margin-block: calc(var(--space-scaled-2x-m-njhs97, 16px) - var(--border-divider-section-width-iueskx, 1px));
+  }
 }
-.awsui_section_l0dv0_1nwqb_263 > div:not(#\9) {
+.awsui_section_l0dv0_wpou1_263 > div:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_list-variant-section-group_l0dv0_1nwqb_284:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_wpou1_299:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_section-group_l0dv0_1nwqb_291:not(#\9) {
+.awsui_section-group_l0dv0_wpou1_306:not(#\9) {
   font-size: var(--font-size-heading-m-abxcoe, 18px);
   line-height: var(--line-height-heading-m-v86qsm, 22px);
   letter-spacing: var(--letter-spacing-heading-m-790tuq, normal);
@@ -300,11 +315,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
-.awsui_section-group-title_l0dv0_1nwqb_302:not(#\9) {
+.awsui_section-group-title_l0dv0_wpou1_317:not(#\9) {
   /* used in test-utils */
 }
-.awsui_link_l0dv0_1nwqb_306:not(#\9) {
+.awsui_link_l0dv0_wpou1_321:not(#\9) {
   font-size: var(--font-size-body-m-6wxxs5, 14px);
   line-height: var(--line-height-body-m-gw0130, 22px);
   color: var(--color-text-body-secondary-z2wo4i, #545b64);
@@ -313,30 +328,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_link-active_l0dv0_1nwqb_315:not(#\9) {
+.awsui_link-active_l0dv0_wpou1_330:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-qpw3j2, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_header-link_l0dv0_1nwqb_194:not(#\9),
-.awsui_link_l0dv0_1nwqb_306:not(#\9) {
+.awsui_header-link_l0dv0_wpou1_191:not(#\9),
+.awsui_link_l0dv0_wpou1_321:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_1nwqb_194:not(#\9):hover,
-.awsui_link_l0dv0_1nwqb_306:not(#\9):hover {
+.awsui_header-link_l0dv0_wpou1_191:not(#\9):hover,
+.awsui_link_l0dv0_wpou1_321:not(#\9):hover {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_header-link_l0dv0_1nwqb_194:not(#\9):focus,
-.awsui_link_l0dv0_1nwqb_306:not(#\9):focus {
+.awsui_header-link_l0dv0_wpou1_191:not(#\9):focus,
+.awsui_link_l0dv0_wpou1_321:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_1nwqb_194:not(#\9):hover, .awsui_header-link_l0dv0_1nwqb_194:not(#\9):focus, .awsui_link_l0dv0_1nwqb_306:not(#\9):hover, .awsui_link_l0dv0_1nwqb_306:not(#\9):focus {
+.awsui_header-link_l0dv0_wpou1_191:not(#\9):hover, .awsui_header-link_l0dv0_wpou1_191:not(#\9):focus, .awsui_link_l0dv0_wpou1_321:not(#\9):hover, .awsui_link_l0dv0_wpou1_321:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1nwqb_194:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1nwqb_306:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_wpou1_191:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_wpou1_321:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
@@ -348,29 +363,31 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1nwqb_306:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_info_l0dv0_1nwqb_352:not(#\9) {
+.awsui_info_l0dv0_wpou1_367:not(#\9) {
   margin-inline-start: var(--space-xs-6dgkww, 8px);
 }
-.awsui_external-icon_l0dv0_1nwqb_356:not(#\9) {
+.awsui_external-icon_l0dv0_wpou1_371:not(#\9) {
   margin-inline-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_divider_l0dv0_1nwqb_360:not(#\9) {
+.awsui_divider_l0dv0_wpou1_224:not(#\9) {
   border-block: none;
   border-inline: none;
 }
-.awsui_divider-default_l0dv0_1nwqb_365:not(#\9) {
+.awsui_divider-default_l0dv0_wpou1_380:not(#\9) {
   margin-block: var(--space-scaled-2x-xl-bffrnr, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-ugd64r, 12px));
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_divider-header_l0dv0_1nwqb_371:not(#\9) {
+.awsui_divider-header_l0dv0_wpou1_386:not(#\9) {
   margin-block-start: 0;
+  margin-block-end: var(--space-panel-content-top-rr28ru, 20px);
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-panel-header-q2vg1j, #eaeded);
 }
-.awsui_with-toolbar_l0dv0_1nwqb_190 > .awsui_divider-header_l0dv0_1nwqb_371:not(#\9) {
+.awsui_with-toolbar_l0dv0_wpou1_224 > .awsui_divider-header_l0dv0_wpou1_386:not(#\9) {
   border-color: transparent;
+  margin-block-end: 0;
 }

package/lib/internal/template/side-navigation/styles.selectors.js CHANGED Viewed

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_1nwqb_141",
-  "header": "awsui_header_l0dv0_1nwqb_178",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_1nwqb_190",
-  "header-link": "awsui_header-link_l0dv0_1nwqb_194",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1nwqb_204",
-  "header-link-text": "awsui_header-link-text_l0dv0_1nwqb_204",
-  "header-logo": "awsui_header-logo_l0dv0_1nwqb_209",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1nwqb_215",
-  "items-control": "awsui_items-control_l0dv0_1nwqb_220",
-  "list-container": "awsui_list-container_l0dv0_1nwqb_225",
-  "list": "awsui_list_l0dv0_1nwqb_225",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1nwqb_240",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1nwqb_247",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1nwqb_251",
-  "list-item": "awsui_list-item_l0dv0_1nwqb_255",
-  "section": "awsui_section_l0dv0_1nwqb_263",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1nwqb_264",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1nwqb_267",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1nwqb_268",
-  "refresh": "awsui_refresh_l0dv0_1nwqb_276",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1nwqb_284",
-  "section-group": "awsui_section-group_l0dv0_1nwqb_291",
-  "section-group-title": "awsui_section-group-title_l0dv0_1nwqb_302",
-  "link": "awsui_link_l0dv0_1nwqb_306",
-  "link-active": "awsui_link-active_l0dv0_1nwqb_315",
-  "info": "awsui_info_l0dv0_1nwqb_352",
-  "external-icon": "awsui_external-icon_l0dv0_1nwqb_356",
-  "divider": "awsui_divider_l0dv0_1nwqb_360",
-  "divider-default": "awsui_divider-default_l0dv0_1nwqb_365",
-  "divider-header": "awsui_divider-header_l0dv0_1nwqb_371"
+  "root": "awsui_root_l0dv0_wpou1_141",
+  "header": "awsui_header_l0dv0_wpou1_178",
+  "header-link": "awsui_header-link_l0dv0_wpou1_191",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_wpou1_201",
+  "header-link-text": "awsui_header-link-text_l0dv0_wpou1_201",
+  "header-logo": "awsui_header-logo_l0dv0_wpou1_206",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_wpou1_212",
+  "items-control": "awsui_items-control_l0dv0_wpou1_217",
+  "list-container": "awsui_list-container_l0dv0_wpou1_221",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_wpou1_224",
+  "divider": "awsui_divider_l0dv0_wpou1_224",
+  "list": "awsui_list_l0dv0_wpou1_221",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_wpou1_236",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_wpou1_243",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_wpou1_247",
+  "list-item": "awsui_list-item_l0dv0_wpou1_251",
+  "section": "awsui_section_l0dv0_wpou1_263",
+  "refresh": "awsui_refresh_l0dv0_wpou1_263",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_wpou1_275",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_wpou1_278",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_wpou1_279",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_wpou1_299",
+  "section-group": "awsui_section-group_l0dv0_wpou1_306",
+  "section-group-title": "awsui_section-group-title_l0dv0_wpou1_317",
+  "link": "awsui_link_l0dv0_wpou1_321",
+  "link-active": "awsui_link-active_l0dv0_wpou1_330",
+  "info": "awsui_info_l0dv0_wpou1_367",
+  "external-icon": "awsui_external-icon_l0dv0_wpou1_371",
+  "divider-default": "awsui_divider-default_l0dv0_wpou1_380",
+  "divider-header": "awsui_divider-header_l0dv0_wpou1_386"
 };

package/lib/internal/template/split-panel/styles.css.js CHANGED Viewed

@@ -1,31 +1,31 @@
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_1kvwt_149",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1kvwt_189",
-  "refresh": "awsui_refresh_1r9lg_1kvwt_189",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1kvwt_194",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1kvwt_210",
-  "position-bottom": "awsui_position-bottom_1r9lg_1kvwt_217",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_1kvwt_234",
-  "position-side": "awsui_position-side_1r9lg_1kvwt_249",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1kvwt_258",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1kvwt_269",
-  "open-button-side": "awsui_open-button-side_1r9lg_1kvwt_283",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1kvwt_292",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1kvwt_302",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1kvwt_306",
-  "content-bottom": "awsui_content-bottom_1r9lg_1kvwt_318",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1kvwt_337",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1kvwt_342",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1kvwt_346",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1kvwt_350",
-  "content-side": "awsui_content-side_1r9lg_1kvwt_355",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1kvwt_367",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1kvwt_376",
-  "header": "awsui_header_1r9lg_1kvwt_387",
-  "header-text": "awsui_header-text_1r9lg_1kvwt_400",
-  "header-actions": "awsui_header-actions_1r9lg_1kvwt_413",
-  "divider": "awsui_divider_1r9lg_1kvwt_421"
+  "drawer": "awsui_drawer_1r9lg_gz9hx_149",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_gz9hx_189",
+  "refresh": "awsui_refresh_1r9lg_gz9hx_189",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_gz9hx_194",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_gz9hx_210",
+  "position-bottom": "awsui_position-bottom_1r9lg_gz9hx_217",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_gz9hx_234",
+  "position-side": "awsui_position-side_1r9lg_gz9hx_249",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_gz9hx_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_gz9hx_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_gz9hx_283",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_gz9hx_292",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_gz9hx_302",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_gz9hx_306",
+  "content-bottom": "awsui_content-bottom_1r9lg_gz9hx_318",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_gz9hx_337",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_gz9hx_342",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_gz9hx_346",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_gz9hx_350",
+  "content-side": "awsui_content-side_1r9lg_gz9hx_355",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_gz9hx_367",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_gz9hx_376",
+  "header": "awsui_header_1r9lg_gz9hx_387",
+  "header-text": "awsui_header-text_1r9lg_gz9hx_400",
+  "header-actions": "awsui_header-actions_1r9lg_gz9hx_413",
+  "divider": "awsui_divider_1r9lg_gz9hx_421"
 };