@cloudscape-design/components-themeable 3.0.1382 → 3.0.1383

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -6,21 +6,21 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_gfwv3_153hh_9:not(#\9) {
+.awsui_root_gfwv3_l5n1z_9:not(#\9) {
   gap: var(--space-scaled-xs-pajbd1, 8px);
 }
-.awsui_root_gfwv3_153hh_9.awsui_horizontal_gfwv3_153hh_12:not(#\9) {
+.awsui_root_gfwv3_l5n1z_9.awsui_horizontal_gfwv3_l5n1z_12:not(#\9) {
   display: flex;
   gap: var(--space-xs-m9b7jf, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_153hh_9.awsui_vertical_gfwv3_153hh_18:not(#\9) {
+.awsui_root_gfwv3_l5n1z_9.awsui_vertical_gfwv3_l5n1z_18:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_153hh_23:not(#\9) {
+.awsui_list_gfwv3_l5n1z_23:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -28,43 +28,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_153hh_23.awsui_horizontal_gfwv3_153hh_12:not(#\9), .awsui_list_gfwv3_153hh_23.awsui_vertical_gfwv3_153hh_18:not(#\9) {
+.awsui_list_gfwv3_l5n1z_23.awsui_horizontal_gfwv3_l5n1z_12:not(#\9), .awsui_list_gfwv3_l5n1z_23.awsui_vertical_gfwv3_l5n1z_18:not(#\9) {
   display: flex;
   gap: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_list_gfwv3_153hh_23.awsui_horizontal_gfwv3_153hh_12:not(#\9) {
+.awsui_list_gfwv3_l5n1z_23.awsui_horizontal_gfwv3_l5n1z_12:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_153hh_23.awsui_vertical_gfwv3_153hh_18:not(#\9) {
+.awsui_list_gfwv3_l5n1z_23.awsui_vertical_gfwv3_l5n1z_18:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_153hh_23.awsui_grid_gfwv3_153hh_42:not(#\9) {
+.awsui_list_gfwv3_l5n1z_23.awsui_grid_gfwv3_l5n1z_42:not(#\9) {
   display: grid;
   gap: var(--space-xs-m9b7jf, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_153hh_23.awsui_grid_gfwv3_153hh_42:not(#\9) {
+  .awsui_list_gfwv3_l5n1z_23.awsui_grid_gfwv3_l5n1z_42:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_153hh_54:not(#\9) {
+.awsui_list-item_gfwv3_l5n1z_54:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_153hh_61:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_l5n1z_61:not(#\9) {
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_153hh_61:not(#\9) {
+.awsui_toggle_gfwv3_l5n1z_61:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -105,7 +105,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb));
+  color: var(--awsui-style-color-default-ka4djm, var(--color-text-link-secondary-default-urew28, #0073bb));
   font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
   letter-spacing: normal;
   text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -114,34 +114,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_153hh_61:not(#\9) {
+  .awsui_toggle_gfwv3_l5n1z_61:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_153hh_61:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_153hh_61:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_l5n1z_61:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_l5n1z_61:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_153hh_61:not(#\9):hover {
+.awsui_toggle_gfwv3_l5n1z_61:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+  color: var(--awsui-style-color-hover-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_toggle_gfwv3_153hh_61:not(#\9):focus {
+.awsui_toggle_gfwv3_l5n1z_61:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_153hh_61:not(#\9):active {
-  color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+.awsui_toggle_gfwv3_l5n1z_61:not(#\9):active {
+  color: var(--awsui-style-color-active-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_toggle_gfwv3_153hh_61:not(#\9):active, .awsui_toggle_gfwv3_153hh_61:not(#\9):focus, .awsui_toggle_gfwv3_153hh_61:not(#\9):hover {
+.awsui_toggle_gfwv3_l5n1z_61:not(#\9):active, .awsui_toggle_gfwv3_l5n1z_61:not(#\9):focus, .awsui_toggle_gfwv3_l5n1z_61:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_toggle_gfwv3_153hh_61:not(#\9):active, .awsui_toggle_gfwv3_153hh_61:not(#\9):focus, .awsui_toggle_gfwv3_153hh_61:not(#\9):hover {
+.awsui_toggle_gfwv3_l5n1z_61:not(#\9):active, .awsui_toggle_gfwv3_l5n1z_61:not(#\9):focus, .awsui_toggle_gfwv3_l5n1z_61:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_153hh_61:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_l5n1z_61:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-sewkzn, #0073bb);
   border-inline: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-sewkzn, #0073bb);
@@ -151,11 +151,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_153hh_61:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_toggle_gfwv3_153hh_61 > .awsui_description_gfwv3_153hh_154:not(#\9) {
+.awsui_toggle_gfwv3_l5n1z_61 > .awsui_description_gfwv3_l5n1z_154:not(#\9) {
   margin-inline-start: var(--space-xxs-3o1yoq, 4px);
 }
 
-.awsui_separator_gfwv3_153hh_158:not(#\9) {
+.awsui_separator_gfwv3_l5n1z_158:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-lfeh3i, 16px);
   inline-size: var(--border-divider-section-width-dlkb8v, 1px);

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_153hh_9",
-  "horizontal": "awsui_horizontal_gfwv3_153hh_12",
-  "vertical": "awsui_vertical_gfwv3_153hh_18",
-  "list": "awsui_list_gfwv3_153hh_23",
-  "grid": "awsui_grid_gfwv3_153hh_42",
-  "list-item": "awsui_list-item_gfwv3_153hh_54",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_153hh_61",
-  "toggle": "awsui_toggle_gfwv3_153hh_61",
-  "description": "awsui_description_gfwv3_153hh_154",
-  "separator": "awsui_separator_gfwv3_153hh_158"
+  "root": "awsui_root_gfwv3_l5n1z_9",
+  "horizontal": "awsui_horizontal_gfwv3_l5n1z_12",
+  "vertical": "awsui_vertical_gfwv3_l5n1z_18",
+  "list": "awsui_list_gfwv3_l5n1z_23",
+  "grid": "awsui_grid_gfwv3_l5n1z_42",
+  "list-item": "awsui_list-item_gfwv3_l5n1z_54",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_l5n1z_61",
+  "toggle": "awsui_toggle_gfwv3_l5n1z_61",
+  "description": "awsui_description_gfwv3_l5n1z_154",
+  "separator": "awsui_separator_gfwv3_l5n1z_158"
 };
   

package/lib/internal/template/internal/context/control-group-context.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type GroupedControlPosition = 'first' | 'middle' | 'last' | 'only';
+export interface GroupedControlContextProps {
+    /**
+     * The control's position within a control group,
+     * or `null` when the control is not in a control group.
+     */
+    position: GroupedControlPosition | null;
+}
+export declare const GroupedControlContext: React.Context<GroupedControlContextProps>;
+export declare function useGroupedControlContext(): GroupedControlContextProps;
+/**
+ * Resets the grouped-control context back to "not in a group" for a subtree.
+ *
+ * Controls that render caller-supplied content (for example, custom dropdown
+ * content) should wrap that content with this provider. Otherwise a nested
+ * control rendered inside such a slot would inherit the surrounding group's
+ * `position` and incorrectly pick up the grouped-control styling
+ * where adjacent borders lose their border radii.
+ */
+export declare function ResetGroupedControlContext({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+//# sourceMappingURL=control-group-context.d.ts.map

package/lib/internal/template/internal/context/control-group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-group-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/control-group-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,QAAQ,EAAE,sBAAsB,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,qBAAqB,2CAEhC,CAAC;AAEH,wBAAgB,wBAAwB,+BAEvC;AAED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAErF"}

package/lib/internal/template/internal/context/control-group-context.js

@@ -0,0 +1,22 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { createContext, useContext } from 'react';
+export const GroupedControlContext = createContext({
+    position: null,
+});
+export function useGroupedControlContext() {
+    return useContext(GroupedControlContext);
+}
+/**
+ * Resets the grouped-control context back to "not in a group" for a subtree.
+ *
+ * Controls that render caller-supplied content (for example, custom dropdown
+ * content) should wrap that content with this provider. Otherwise a nested
+ * control rendered inside such a slot would inherit the surrounding group's
+ * `position` and incorrectly pick up the grouped-control styling
+ * where adjacent borders lose their border radii.
+ */
+export function ResetGroupedControlContext({ children }) {
+    return React.createElement(GroupedControlContext.Provider, { value: { position: null } }, children);
+}
+//# sourceMappingURL=control-group-context.js.map

package/lib/internal/template/internal/context/control-group-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-group-context.js","sourceRoot":"","sources":["../../../../src/internal/context/control-group-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAA6B;IAC7E,QAAQ,EAAE,IAAI;CACf,CAAC,CAAC;AAEH,MAAM,UAAU,wBAAwB;IACtC,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,0BAA0B,CAAC,EAAE,QAAQ,EAAiC;IACpF,OAAO,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAG,QAAQ,CAAkC,CAAC;AAChH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { createContext, useContext } from 'react';\n\nexport type GroupedControlPosition = 'first' | 'middle' | 'last' | 'only';\n\nexport interface GroupedControlContextProps {\n  /**\n   * The control's position within a control group,\n   * or `null` when the control is not in a control group.\n   */\n  position: GroupedControlPosition | null;\n}\n\nexport const GroupedControlContext = createContext<GroupedControlContextProps>({\n  position: null,\n});\n\nexport function useGroupedControlContext() {\n  return useContext(GroupedControlContext);\n}\n\n/**\n * Resets the grouped-control context back to \"not in a group\" for a subtree.\n *\n * Controls that render caller-supplied content (for example, custom dropdown\n * content) should wrap that content with this provider. Otherwise a nested\n * control rendered inside such a slot would inherit the surrounding group's\n * `position` and incorrectly pick up the grouped-control styling\n * where adjacent borders lose their border radii.\n */\nexport function ResetGroupedControlContext({ children }: { children: React.ReactNode }) {\n  return <GroupedControlContext.Provider value={{ position: null }}>{children}</GroupedControlContext.Provider>;\n}\n"]}

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

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (ef70d2fa)";
-export var GIT_SHA = "ef70d2fa";
+export var PACKAGE_VERSION = "3.0.0 (3bc1f014)";
+export var GIT_SHA = "3bc1f014";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (ef70d2fa)",
-  "GIT_SHA": "ef70d2fa",
+  "PACKAGE_VERSION": "3.0.0 (3bc1f014)",
+  "GIT_SHA": "3bc1f014",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts

@@ -173,5 +173,6 @@ declare const customCSSPropertiesMap: {
   styleItemCardBorderWidthDefault: string;
   styleItemCardBoxShadowDefault: string;
   inlineLabelBackgroundColor: string;
+  containerStyleBorderRadius: string;
 };
 export default customCSSPropertiesMap;

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+K3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgL3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}