@cloudscape-design/components-themeable 3.0.3 → 3.0.6

package/lib/internal/template/internal/components/selectable-item/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_selectable-item_15o6u_1y7sx_93:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93:not(#\9) {
   font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: 22px;
@@ -122,7 +122,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
 ) calc(var(--space-field-horizontal-z3i1c8, 8px) + var(--border-item-width-yvnixs, 1px));
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_pad-bottom_15o6u_1y7sx_113:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_pad-bottom_15o6u_1aok0_113:not(#\9) {
   padding-bottom: calc(calc(
   4px + (1px - 1px)
 ) + 2px);
@@ -131,15 +131,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 ) + var(--space-xxxs-k2w98v, 2px));
   border-bottom-color: transparent;
 }
-.awsui_selectable-item_15o6u_1y7sx_93:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_1aok0_93:not(#\9):not(:first-child) {
   margin-top: calc(-1 * 1px);
   margin-top: calc(-1 * var(--border-item-width-yvnixs, 1px));
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_has-background_15o6u_1y7sx_122:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_has-background_15o6u_1aok0_122:not(#\9) {
   background-color: #f2f3f3;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_highlighted_15o6u_1y7sx_125:not(#\9), .awsui_selectable-item_15o6u_1y7sx_93.awsui_selected_15o6u_1y7sx_125:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_highlighted_15o6u_1aok0_125:not(#\9), .awsui_selectable-item_15o6u_1aok0_93.awsui_selected_15o6u_1aok0_125:not(#\9) {
   color: #16191f;
   color: var(--color-text-dropdown-item-highlighted-90ve2t, #16191f);
   border-width: 1px;
@@ -149,18 +149,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 4px 8px;
   padding: var(--space-xxs-ynfts5, 4px) var(--space-field-horizontal-z3i1c8, 8px);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_highlighted_15o6u_1y7sx_125.awsui_pad-bottom_15o6u_1y7sx_113:not(#\9), .awsui_selectable-item_15o6u_1y7sx_93.awsui_selected_15o6u_1y7sx_125.awsui_pad-bottom_15o6u_1y7sx_113:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_highlighted_15o6u_1aok0_125.awsui_pad-bottom_15o6u_1aok0_113:not(#\9), .awsui_selectable-item_15o6u_1aok0_93.awsui_selected_15o6u_1aok0_125.awsui_pad-bottom_15o6u_1aok0_113:not(#\9) {
   padding-bottom: calc(4px + 2px);
   padding-bottom: calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_highlighted_15o6u_1y7sx_125:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_highlighted_15o6u_1aok0_125:not(#\9) {
   z-index: 2;
   background-color: #f2f3f3;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
   border-color: #879596;
   border-color: var(--color-border-dropdown-item-hover-d32f3f, #879596);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_highlighted_15o6u_1y7sx_125.awsui_disabled_15o6u_1y7sx_139:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_highlighted_15o6u_1aok0_125.awsui_disabled_15o6u_1aok0_139:not(#\9) {
   color: #aab7b8;
   color: var(--color-text-dropdown-item-dimmed-rjvzsf, #aab7b8);
   border-color: #879596;
@@ -168,37 +168,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: transparent;
   background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_selected_15o6u_1y7sx_125:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_selected_15o6u_1aok0_125:not(#\9) {
   z-index: 3;
   background-color: #f1faff;
   background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
   border-color: #00a1c9;
   border-color: var(--color-border-dropdown-item-selected-bzuxys, #00a1c9);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_selected_15o6u_1y7sx_125.awsui_next-item-selected_15o6u_1y7sx_149:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_selected_15o6u_1aok0_125.awsui_next-item-selected_15o6u_1aok0_149:not(#\9) {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_selected_15o6u_1y7sx_125 + .awsui_selectable-item_15o6u_1y7sx_93.awsui_selected_15o6u_1y7sx_125:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_selected_15o6u_1aok0_125 + .awsui_selectable-item_15o6u_1aok0_93.awsui_selected_15o6u_1aok0_125:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_highlighted_15o6u_1y7sx_125.awsui_selected_15o6u_1y7sx_125.awsui_is-keyboard_15o6u_1y7sx_157:not(#\9) {
-  box-shadow: inset 0 0 0 1px #00a1c9;
-  box-shadow: inset 0 0 0 1px var(--color-border-item-focused-bs10w5, #00a1c9);
+.awsui_selectable-item_15o6u_1aok0_93.awsui_highlighted_15o6u_1aok0_125.awsui_selected_15o6u_1aok0_125.awsui_is-keyboard_15o6u_1aok0_157:not(#\9) {
+  box-shadow: inset 0 0 0 1px #0073bb;
+  box-shadow: inset 0 0 0 1px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_parent_15o6u_1y7sx_160:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_parent_15o6u_1aok0_160:not(#\9) {
   font-weight: bold;
   color: #545b64;
   color: var(--color-text-dropdown-group-label-45mv5a, #545b64);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_parent_15o6u_1y7sx_160:not(#\9):not(.awsui_interactiveGroups_15o6u_1y7sx_164) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_parent_15o6u_1aok0_160:not(#\9):not(.awsui_interactiveGroups_15o6u_1aok0_164) {
   border-top-color: #eaeded;
   border-top-color: var(--color-border-dropdown-group-lane4t, #eaeded);
   padding: 8px;
   padding: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_parent_15o6u_1y7sx_160.awsui_interactiveGroups_15o6u_1y7sx_164:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_parent_15o6u_1aok0_160.awsui_interactiveGroups_15o6u_1aok0_164:not(#\9) {
   padding: calc(
   8px + (1px - 1px)
 ) calc(8px + 1px);
@@ -206,29 +206,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   var(--space-xs-rsr2qu, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
 ) calc(var(--space-field-horizontal-z3i1c8, 8px) + var(--border-item-width-yvnixs, 1px));
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_parent_15o6u_1y7sx_160.awsui_interactiveGroups_15o6u_1y7sx_164.awsui_highlighted_15o6u_1y7sx_125:not(#\9), .awsui_selectable-item_15o6u_1y7sx_93.awsui_parent_15o6u_1y7sx_160.awsui_interactiveGroups_15o6u_1y7sx_164.awsui_selected_15o6u_1y7sx_125:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_parent_15o6u_1aok0_160.awsui_interactiveGroups_15o6u_1aok0_164.awsui_highlighted_15o6u_1aok0_125:not(#\9), .awsui_selectable-item_15o6u_1aok0_93.awsui_parent_15o6u_1aok0_160.awsui_interactiveGroups_15o6u_1aok0_164.awsui_selected_15o6u_1aok0_125:not(#\9) {
   padding: 8px 8px;
   padding: var(--space-xs-rsr2qu, 8px) var(--space-field-horizontal-z3i1c8, 8px);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_child_15o6u_1y7sx_176:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_child_15o6u_1aok0_176:not(#\9) {
   padding-left: calc(32px + 1px);
   padding-left: calc(var(--space-xxl-2nvmf1, 32px) + var(--border-item-width-yvnixs, 1px));
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_child_15o6u_1y7sx_176.awsui_highlighted_15o6u_1y7sx_125:not(#\9), .awsui_selectable-item_15o6u_1y7sx_93.awsui_child_15o6u_1y7sx_176.awsui_selected_15o6u_1y7sx_125:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_child_15o6u_1aok0_176.awsui_highlighted_15o6u_1aok0_125:not(#\9), .awsui_selectable-item_15o6u_1aok0_93.awsui_child_15o6u_1aok0_176.awsui_selected_15o6u_1aok0_125:not(#\9) {
   padding-left: 32px;
   padding-left: var(--space-xxl-2nvmf1, 32px);
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_disabled_15o6u_1y7sx_139:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_disabled_15o6u_1aok0_139:not(#\9) {
   color: #aab7b8;
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
 }
-.awsui_selectable-item_15o6u_1y7sx_93:not(#\9):not(.awsui_disabled_15o6u_1y7sx_139):not(.awsui_parent_15o6u_1y7sx_160) {
+.awsui_selectable-item_15o6u_1aok0_93:not(#\9):not(.awsui_disabled_15o6u_1aok0_139):not(.awsui_parent_15o6u_1aok0_160) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_interactiveGroups_15o6u_1y7sx_164:not(#\9):not(.awsui_disabled_15o6u_1y7sx_139) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_interactiveGroups_15o6u_1aok0_164:not(#\9):not(.awsui_disabled_15o6u_1aok0_139) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_virtual_15o6u_1y7sx_191:not(#\9) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_virtual_15o6u_1aok0_191:not(#\9) {
   position: absolute;
   top: 0px;
   top: var(--border-dropdown-virtual-offset-width-4yuah4, 0px);
@@ -236,12 +236,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_1y7sx_93.awsui_virtual_15o6u_1y7sx_191:not(#\9):first-of-type:not(.awsui_selected_15o6u_1y7sx_125, .awsui_highlighted_15o6u_1y7sx_125) {
+.awsui_selectable-item_15o6u_1aok0_93.awsui_virtual_15o6u_1aok0_191:not(#\9):first-of-type:not(.awsui_selected_15o6u_1aok0_125, .awsui_highlighted_15o6u_1aok0_125) {
   border-top-color: #eaeded;
   border-top-color: var(--color-border-dropdown-item-top-3kvhpl, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_1y7sx_202:not(#\9) {
+.awsui_measure-strut_15o6u_1aok0_202:not(#\9) {
   position: absolute;
   pointer-events: none;
   height: 100%;
@@ -251,17 +251,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-top: 1px;
   padding-top: var(--border-divider-list-width-hacikr, 1px);
 }
-.awsui_measure-strut-first_15o6u_1y7sx_211:not(#\9) {
+.awsui_measure-strut-first_15o6u_1aok0_211:not(#\9) {
   padding-bottom: 1px;
   padding-bottom: var(--border-divider-list-width-hacikr, 1px);
 }
 
-.awsui_screenreader-content_15o6u_1y7sx_215:not(#\9) {
+.awsui_screenreader-content_15o6u_1aok0_215:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
 }
 
-.awsui_option-content_15o6u_1y7sx_221:not(#\9) {
+.awsui_option-content_15o6u_1aok0_221:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/selectable-item/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_1y7sx_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1y7sx_113",
-  "has-background": "awsui_has-background_15o6u_1y7sx_122",
-  "highlighted": "awsui_highlighted_15o6u_1y7sx_125",
-  "selected": "awsui_selected_15o6u_1y7sx_125",
-  "disabled": "awsui_disabled_15o6u_1y7sx_139",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1y7sx_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1y7sx_157",
-  "parent": "awsui_parent_15o6u_1y7sx_160",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1y7sx_164",
-  "child": "awsui_child_15o6u_1y7sx_176",
-  "virtual": "awsui_virtual_15o6u_1y7sx_191",
-  "measure-strut": "awsui_measure-strut_15o6u_1y7sx_202",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1y7sx_211",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1y7sx_215",
-  "option-content": "awsui_option-content_15o6u_1y7sx_221"
+  "selectable-item": "awsui_selectable-item_15o6u_1aok0_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1aok0_113",
+  "has-background": "awsui_has-background_15o6u_1aok0_122",
+  "highlighted": "awsui_highlighted_15o6u_1aok0_125",
+  "selected": "awsui_selected_15o6u_1aok0_125",
+  "disabled": "awsui_disabled_15o6u_1aok0_139",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1aok0_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1aok0_157",
+  "parent": "awsui_parent_15o6u_1aok0_160",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1aok0_164",
+  "child": "awsui_child_15o6u_1aok0_176",
+  "virtual": "awsui_virtual_15o6u_1aok0_191",
+  "measure-strut": "awsui_measure-strut_15o6u_1aok0_202",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1aok0_211",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1aok0_215",
+  "option-content": "awsui_option-content_15o6u_1aok0_221"
 };
   

package/lib/internal/template/internal/context/app-layout-context.d.ts

@@ -2,7 +2,7 @@ export interface AppLayoutContextProps {
     stickyOffsetBottom: number;
     stickyOffsetTop: number;
 }
-export declare const AppLayoutDomContext: import("../hooks/dom-context").DomContextDeclaration<AppLayoutContextProps>;
+export declare const AppLayoutContext: import("react").Context<AppLayoutContextProps>;
 export declare function useAppLayoutContext(): {
     stickyOffsetBottom: number;
     stickyOffsetTop: number;

package/lib/internal/template/internal/context/app-layout-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/app-layout-context.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,6EAG9B,CAAC;AAEH,wBAAgB,mBAAmB;;;EAGlC"}
+{"version":3,"file":"app-layout-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/app-layout-context.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,gDAG3B,CAAC;AAEH,wBAAgB,mBAAmB;;;EAGlC"}

package/lib/internal/template/internal/context/app-layout-context.js

@@ -1,14 +1,13 @@
 import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useContext } from 'react';
-import { createDomContext } from '../hooks/dom-context';
-export var AppLayoutDomContext = createDomContext('app-layout-context', {
+import { useContext, createContext } from 'react';
+export var AppLayoutContext = createContext({
     stickyOffsetTop: 0,
     stickyOffsetBottom: 0
 });
 export function useAppLayoutContext() {
-    var context = useContext(AppLayoutDomContext.context);
+    var context = useContext(AppLayoutContext);
     return __assign({}, context);
 }
 //# sourceMappingURL=app-layout-context.js.map

package/lib/internal/template/internal/context/app-layout-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-context.js","sourceRoot":"","sources":["../../../../src/internal/context/app-layout-context.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAOxD,MAAM,CAAC,IAAM,mBAAmB,GAAG,gBAAgB,CAAwB,oBAAoB,EAAE;IAC/F,eAAe,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB;IACjC,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACxD,oBAAY,OAAO,EAAG;AACxB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext } from 'react';\nimport { createDomContext } from '../hooks/dom-context';\n\nexport interface AppLayoutContextProps {\n  stickyOffsetBottom: number;\n  stickyOffsetTop: number;\n}\n\nexport const AppLayoutDomContext = createDomContext<AppLayoutContextProps>('app-layout-context', {\n  stickyOffsetTop: 0,\n  stickyOffsetBottom: 0,\n});\n\nexport function useAppLayoutContext() {\n  const context = useContext(AppLayoutDomContext.context);\n  return { ...context };\n}\n"]}
+{"version":3,"file":"app-layout-context.js","sourceRoot":"","sources":["../../../../src/internal/context/app-layout-context.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOlD,MAAM,CAAC,IAAM,gBAAgB,GAAG,aAAa,CAAwB;IACnE,eAAe,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB;IACjC,IAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,oBAAY,OAAO,EAAG;AACxB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, createContext } from 'react';\n\nexport interface AppLayoutContextProps {\n  stickyOffsetBottom: number;\n  stickyOffsetTop: number;\n}\n\nexport const AppLayoutContext = createContext<AppLayoutContextProps>({\n  stickyOffsetTop: 0,\n  stickyOffsetBottom: 0,\n});\n\nexport function useAppLayoutContext() {\n  const context = useContext(AppLayoutContext);\n  return { ...context };\n}\n"]}

package/lib/internal/template/internal/context/form-field-context.d.ts

@@ -39,6 +39,6 @@ export interface FormFieldValidationControlProps extends FormFieldControlProps {
      */
     invalid?: boolean;
 }
-export declare const FormFieldDomContext: import("../hooks/dom-context").DomContextDeclaration<FormFieldValidationControlProps>;
+export declare const FormFieldContext: import("react").Context<FormFieldValidationControlProps>;
 export declare function useFormFieldContext(props: FormFieldValidationControlProps): FormFieldValidationControlProps;
 //# sourceMappingURL=form-field-context.d.ts.map

package/lib/internal/template/internal/context/form-field-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/form-field-context.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,+BAAgC,SAAQ,qBAAqB;IAC5E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,uFAA8E,CAAC;AAU/G,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,+BAA+B,mCAGzE"}
+{"version":3,"file":"form-field-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/form-field-context.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,+BAAgC,SAAQ,qBAAqB;IAC5E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,0DAAqD,CAAC;AAUnF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,+BAA+B,mCAGzE"}

package/lib/internal/template/internal/context/form-field-context.js

@@ -1,8 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useContext } from 'react';
-import { createDomContext } from '../hooks/dom-context';
-export var FormFieldDomContext = createDomContext('form-field-context', {});
+import { useContext, createContext } from 'react';
+export var FormFieldContext = createContext({});
 function applyDefault(fields, defaults, keys) {
     var result = {};
     keys.forEach(function (key) {
@@ -11,7 +10,7 @@ function applyDefault(fields, defaults, keys) {
     return result;
 }
 export function useFormFieldContext(props) {
-    var context = useContext(FormFieldDomContext.context);
+    var context = useContext(FormFieldContext);
     return applyDefault(props, context, ['invalid', 'controlId', 'ariaLabelledby', 'ariaDescribedby']);
 }
 //# sourceMappingURL=form-field-context.js.map

package/lib/internal/template/internal/context/form-field-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-context.js","sourceRoot":"","sources":["../../../../src/internal/context/form-field-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA+CxD,MAAM,CAAC,IAAM,mBAAmB,GAAG,gBAAgB,CAAkC,oBAAoB,EAAE,EAAE,CAAC,CAAC;AAE/G,SAAS,YAAY,CAAI,MAAS,EAAE,QAAW,EAAE,IAAiB;IAChE,IAAM,MAAM,GAAM,EAAE,CAAC;IACrB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;QACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAsC;IACxE,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACxD,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACrG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext } from 'react';\nimport { createDomContext } from '../hooks/dom-context';\n\nexport interface FormFieldControlProps {\n  /**\n   * Specifies the ID of the native form element. You can use it to relate\n   * a label element's `for` attribute to this control.\n   *\n   * It defaults to an automatically generated ID that\n   * is provided by its parent form field component.\n   */\n  controlId?: string;\n\n  /**\n   * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for each element that you want to use as a description\n   * and set the property to a string of each ID separated by spaces (for example, `\"id1 id2 id3\"`).\n   */\n  ariaDescribedby?: string;\n}\n\nexport interface FormFieldValidationControlProps extends FormFieldControlProps {\n  /**\n   * Overrides the invalidation state. Usually the invalid state\n   * comes from the parent `FormField`component,\n   * however sometimes you need to override its\n   * state when you have more than one input within a\n   * single form field.\n   */\n  invalid?: boolean;\n}\n\nexport const FormFieldDomContext = createDomContext<FormFieldValidationControlProps>('form-field-context', {});\n\nfunction applyDefault<T>(fields: T, defaults: T, keys: (keyof T)[]) {\n  const result = <T>{};\n  keys.forEach(key => {\n    result[key] = fields[key] === undefined ? defaults[key] : fields[key];\n  });\n  return result;\n}\n\nexport function useFormFieldContext(props: FormFieldValidationControlProps) {\n  const context = useContext(FormFieldDomContext.context);\n  return applyDefault(props, context, ['invalid', 'controlId', 'ariaLabelledby', 'ariaDescribedby']);\n}\n"]}
+{"version":3,"file":"form-field-context.js","sourceRoot":"","sources":["../../../../src/internal/context/form-field-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA+ClD,MAAM,CAAC,IAAM,gBAAgB,GAAG,aAAa,CAAkC,EAAE,CAAC,CAAC;AAEnF,SAAS,YAAY,CAAI,MAAS,EAAE,QAAW,EAAE,IAAiB;IAChE,IAAM,MAAM,GAAM,EAAE,CAAC;IACrB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;QACd,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAsC;IACxE,IAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACrG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, createContext } from 'react';\n\nexport interface FormFieldControlProps {\n  /**\n   * Specifies the ID of the native form element. You can use it to relate\n   * a label element's `for` attribute to this control.\n   *\n   * It defaults to an automatically generated ID that\n   * is provided by its parent form field component.\n   */\n  controlId?: string;\n\n  /**\n   * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the component. If you're using this component within a form field,\n   * don't set this property because the form field component automatically sets it.\n   *\n   * Use this property if the component isn't surrounded by a form field, or you want to override the value\n   * automatically set by the form field (for example, if you have two components within a single form field).\n   *\n   * To use it correctly, define an ID for each element that you want to use as a description\n   * and set the property to a string of each ID separated by spaces (for example, `\"id1 id2 id3\"`).\n   */\n  ariaDescribedby?: string;\n}\n\nexport interface FormFieldValidationControlProps extends FormFieldControlProps {\n  /**\n   * Overrides the invalidation state. Usually the invalid state\n   * comes from the parent `FormField`component,\n   * however sometimes you need to override its\n   * state when you have more than one input within a\n   * single form field.\n   */\n  invalid?: boolean;\n}\n\nexport const FormFieldContext = createContext<FormFieldValidationControlProps>({});\n\nfunction applyDefault<T>(fields: T, defaults: T, keys: (keyof T)[]) {\n  const result = <T>{};\n  keys.forEach(key => {\n    result[key] = fields[key] === undefined ? defaults[key] : fields[key];\n  });\n  return result;\n}\n\nexport function useFormFieldContext(props: FormFieldValidationControlProps) {\n  const context = useContext(FormFieldContext);\n  return applyDefault(props, context, ['invalid', 'controlId', 'ariaLabelledby', 'ariaDescribedby']);\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,5 +1,5 @@
 
-    export var PACKAGE_VERSION = '3.0.0 (fda2a3d)';
+    export var PACKAGE_VERSION = '3.0.0 (f3388c5)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -2203,6 +2203,10 @@ module.exports.preset = {
       "shadowSticky": {
         "light": "{shadowDropdown}",
         "dark": "{shadowDropdown}"
+      },
+      "shadowStickyEmbedded": {
+        "light": "0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10)",
+        "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
       }
     },
     "contexts": {
@@ -3108,6 +3112,10 @@ module.exports.preset = {
             "light": "{shadowDropdown}",
             "dark": "{shadowDropdown}"
           },
+          "shadowStickyEmbedded": {
+            "light": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)",
+            "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
+          },
           "colorGreyOpaque25": {
             "light": "rgba(255, 255, 255, 0.25)",
             "dark": "rgba(255, 255, 255, 0.25)"
@@ -6165,7 +6173,8 @@ module.exports.preset = {
       "shadowPopover": "color",
       "shadowSplitBottom": "color",
       "shadowSplitSide": "color",
-      "shadowSticky": "color"
+      "shadowSticky": "color",
+      "shadowStickyEmbedded": "color"
     }
   },
   "secondary": [],
@@ -7214,7 +7223,8 @@ module.exports.preset = {
     "shadowPopover": "shadow-popover",
     "shadowSplitBottom": "shadow-split-bottom",
     "shadowSplitSide": "shadow-split-side",
-    "shadowSticky": "shadow-sticky"
+    "shadowSticky": "shadow-sticky",
+    "shadowStickyEmbedded": "shadow-sticky-embedded"
   },
   "propertiesMap": {
     "colorAmazonOrange": "--color-amazon-orange-ds51uu",
@@ -7852,6 +7862,7 @@ module.exports.preset = {
     "shadowPopover": "--shadow-popover-kzy6rd",
     "shadowSplitBottom": "--shadow-split-bottom-otfetg",
     "shadowSplitSide": "--shadow-split-side-qv353u",
-    "shadowSticky": "--shadow-sticky-aijlo6"
+    "shadowSticky": "--shadow-sticky-aijlo6",
+    "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba"
   }
 };

package/lib/internal/template/internal/generated/theming/index.js

@@ -2203,6 +2203,10 @@ export var preset = {
       "shadowSticky": {
         "light": "{shadowDropdown}",
         "dark": "{shadowDropdown}"
+      },
+      "shadowStickyEmbedded": {
+        "light": "0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10)",
+        "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
       }
     },
     "contexts": {
@@ -3108,6 +3112,10 @@ export var preset = {
             "light": "{shadowDropdown}",
             "dark": "{shadowDropdown}"
           },
+          "shadowStickyEmbedded": {
+            "light": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)",
+            "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
+          },
           "colorGreyOpaque25": {
             "light": "rgba(255, 255, 255, 0.25)",
             "dark": "rgba(255, 255, 255, 0.25)"
@@ -6165,7 +6173,8 @@ export var preset = {
       "shadowPopover": "color",
       "shadowSplitBottom": "color",
       "shadowSplitSide": "color",
-      "shadowSticky": "color"
+      "shadowSticky": "color",
+      "shadowStickyEmbedded": "color"
     }
   },
   "secondary": [],
@@ -7214,7 +7223,8 @@ export var preset = {
     "shadowPopover": "shadow-popover",
     "shadowSplitBottom": "shadow-split-bottom",
     "shadowSplitSide": "shadow-split-side",
-    "shadowSticky": "shadow-sticky"
+    "shadowSticky": "shadow-sticky",
+    "shadowStickyEmbedded": "shadow-sticky-embedded"
   },
   "propertiesMap": {
     "colorAmazonOrange": "--color-amazon-orange-ds51uu",
@@ -7852,6 +7862,7 @@ export var preset = {
     "shadowPopover": "--shadow-popover-kzy6rd",
     "shadowSplitBottom": "--shadow-split-bottom-otfetg",
     "shadowSplitSide": "--shadow-split-side-qv353u",
-    "shadowSticky": "--shadow-sticky-aijlo6"
+    "shadowSticky": "--shadow-sticky-aijlo6",
+    "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba"
   }
 };

package/lib/internal/template/link/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1jc1o_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1jc1o_138",
-  "variant-primary": "awsui_variant-primary_4c84z_1jc1o_173",
-  "variant-info": "awsui_variant-info_4c84z_1jc1o_208",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1jc1o_243",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1jc1o_277",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1jc1o_312",
-  "button": "awsui_button_4c84z_1jc1o_347",
-  "color-inverted": "awsui_color-inverted_4c84z_1jc1o_382",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1jc1o_401",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1jc1o_406",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1jc1o_410",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1jc1o_414",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1jc1o_419",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1jc1o_424",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1jc1o_429",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1jc1o_434",
-  "icon": "awsui_icon_4c84z_1jc1o_440"
+  "link": "awsui_link_4c84z_14p2h_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_14p2h_138",
+  "variant-primary": "awsui_variant-primary_4c84z_14p2h_173",
+  "variant-info": "awsui_variant-info_4c84z_14p2h_208",
+  "variant-value-large": "awsui_variant-value-large_4c84z_14p2h_243",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_14p2h_277",
+  "variant-recovery": "awsui_variant-recovery_4c84z_14p2h_312",
+  "button": "awsui_button_4c84z_14p2h_347",
+  "color-inverted": "awsui_color-inverted_4c84z_14p2h_382",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_14p2h_401",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_14p2h_406",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_14p2h_410",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_14p2h_414",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_14p2h_419",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_14p2h_424",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_14p2h_429",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_14p2h_434",
+  "icon": "awsui_icon_4c84z_14p2h_440"
 };