@cloudscape-design/components 3.0.44 → 3.0.47

package/date-range-picker/styles.selectors.js

@@ -2,46 +2,46 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_622o7_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_622o7_1",
-  "root": "awsui_root_mgja0_622o7_120",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_622o7_132",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_622o7_136",
-  "one-grid": "awsui_one-grid_mgja0_622o7_144",
-  "calendar-header": "awsui_calendar-header_mgja0_622o7_147",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_622o7_153",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_622o7_153",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_622o7_173",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_622o7_176",
-  "calendar-day-names": "awsui_calendar-day-names_mgja0_622o7_179",
-  "calendar-day-name": "awsui_calendar-day-name_mgja0_622o7_179",
-  "calendar-week": "awsui_calendar-week_mgja0_622o7_194",
-  "first-grid": "awsui_first-grid_mgja0_622o7_199",
-  "second-grid": "awsui_second-grid_mgja0_622o7_200",
-  "grid": "awsui_grid_mgja0_622o7_204",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_622o7_208",
-  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_622o7_212",
-  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_622o7_215",
-  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_622o7_219",
-  "footer": "awsui_footer_mgja0_622o7_226",
-  "has-clear-button": "awsui_has-clear-button_mgja0_622o7_233",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_622o7_240",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_622o7_244",
-  "label": "awsui_label_mgja0_622o7_249",
-  "label-enabled": "awsui_label-enabled_mgja0_622o7_254",
-  "label-text": "awsui_label-text_mgja0_622o7_258",
-  "mode-switch": "awsui_mode-switch_mgja0_622o7_263",
-  "dropdown": "awsui_dropdown_mgja0_622o7_267",
-  "dropdown-content": "awsui_dropdown-content_mgja0_622o7_283",
-  "start-date-input": "awsui_start-date-input_mgja0_622o7_292",
-  "start-time-input": "awsui_start-time-input_mgja0_622o7_293",
-  "end-date-input": "awsui_end-date-input_mgja0_622o7_294",
-  "end-time-input": "awsui_end-time-input_mgja0_622o7_295",
-  "validation-section": "awsui_validation-section_mgja0_622o7_299",
-  "validation-error": "awsui_validation-error_mgja0_622o7_303",
-  "clear-button": "awsui_clear-button_mgja0_622o7_307",
-  "apply-button": "awsui_apply-button_mgja0_622o7_311",
-  "cancel-button": "awsui_cancel-button_mgja0_622o7_315",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_622o7_319"
+  "calendar": "awsui_calendar_mgja0_z4fdg_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1",
+  "root": "awsui_root_mgja0_z4fdg_120",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_z4fdg_132",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_z4fdg_136",
+  "one-grid": "awsui_one-grid_mgja0_z4fdg_144",
+  "calendar-header": "awsui_calendar-header_mgja0_z4fdg_147",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_z4fdg_153",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_z4fdg_153",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_z4fdg_173",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_z4fdg_176",
+  "calendar-day-names": "awsui_calendar-day-names_mgja0_z4fdg_179",
+  "calendar-day-name": "awsui_calendar-day-name_mgja0_z4fdg_179",
+  "calendar-week": "awsui_calendar-week_mgja0_z4fdg_194",
+  "first-grid": "awsui_first-grid_mgja0_z4fdg_199",
+  "second-grid": "awsui_second-grid_mgja0_z4fdg_200",
+  "grid": "awsui_grid_mgja0_z4fdg_204",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_z4fdg_208",
+  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_z4fdg_212",
+  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_z4fdg_215",
+  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_z4fdg_219",
+  "footer": "awsui_footer_mgja0_z4fdg_226",
+  "has-clear-button": "awsui_has-clear-button_mgja0_z4fdg_233",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_z4fdg_240",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_z4fdg_244",
+  "label": "awsui_label_mgja0_z4fdg_249",
+  "label-enabled": "awsui_label-enabled_mgja0_z4fdg_254",
+  "label-text": "awsui_label-text_mgja0_z4fdg_258",
+  "mode-switch": "awsui_mode-switch_mgja0_z4fdg_263",
+  "dropdown": "awsui_dropdown_mgja0_z4fdg_267",
+  "dropdown-content": "awsui_dropdown-content_mgja0_z4fdg_283",
+  "start-date-input": "awsui_start-date-input_mgja0_z4fdg_292",
+  "start-time-input": "awsui_start-time-input_mgja0_z4fdg_293",
+  "end-date-input": "awsui_end-date-input_mgja0_z4fdg_294",
+  "end-time-input": "awsui_end-time-input_mgja0_z4fdg_295",
+  "validation-section": "awsui_validation-section_mgja0_z4fdg_299",
+  "validation-error": "awsui_validation-error_mgja0_z4fdg_303",
+  "clear-button": "awsui_clear-button_mgja0_z4fdg_307",
+  "apply-button": "awsui_apply-button_mgja0_z4fdg_311",
+  "cancel-button": "awsui_cancel-button_mgja0_z4fdg_315",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_z4fdg_319"
 };
   

package/expandable-section/expandable-section-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,gBAuBjC,CAAC"}
+{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,gBAwBjC,CAAC"}

package/expandable-section/expandable-section-container.js

@@ -6,7 +6,7 @@ import React from 'react';
 export var ExpandableSectionContainer = function (_a) {
     var className = _a.className, children = _a.children, header = _a.header, variant = _a.variant, expanded = _a.expanded, disableContentPaddings = _a.disableContentPaddings, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["className", "children", "header", "variant", "expanded", "disableContentPaddings", "__internalRootRef"]);
     if (variant === 'container') {
-        return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __internalRootRef: __internalRootRef }), children));
+        return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __hiddenContent: !expanded, __internalRootRef: __internalRootRef }), children));
     }
     return (React.createElement("div", __assign({ className: className }, rest, { ref: __internalRootRef }),
         header,

package/expandable-section/expandable-section-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: ExpandableSectionProps.Variant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  if (variant === 'container') {\n    return (\n      <InternalContainer\n        {...rest}\n        className={className}\n        header={header}\n        variant=\"default\"\n        disableContentPaddings={disableContentPaddings || !expanded}\n        disableHeaderPaddings={true}\n        __internalRootRef={__internalRootRef}\n      >\n        {children}\n      </InternalContainer>\n    );\n  }\n\n  return (\n    <div className={className} {...rest} ref={__internalRootRef}>\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: ExpandableSectionProps.Variant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  if (variant === 'container') {\n    return (\n      <InternalContainer\n        {...rest}\n        className={className}\n        header={header}\n        variant=\"default\"\n        disableContentPaddings={disableContentPaddings || !expanded}\n        disableHeaderPaddings={true}\n        __hiddenContent={!expanded}\n        __internalRootRef={__internalRootRef}\n      >\n        {children}\n      </InternalContainer>\n    );\n  }\n\n  return (\n    <div className={className} {...rest} ref={__internalRootRef}>\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}

package/icon/interfaces.d.ts

@@ -27,7 +27,7 @@ export interface IconProps extends BaseComponentProps {
      */
     url?: string;
     /**
-     * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.
+     * Specifies alternate text for a custom icon (using the `url` attribute). We recommend that you provide this for accessibility.
      * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.
      */
     alt?: string;

package/icon/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n  /**\n   * Specifies the icon to be displayed.\n   */\n  name?: IconProps.Name;\n  /**\n   * Specifies the size of the icon.\n   *\n   * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n   * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n   * The icon will be vertically centered based on the height.\n   *\n   * @visualrefresh `medium` size\n   */\n  size?: IconProps.Size;\n\n  /**\n   * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n   */\n  variant?: IconProps.Variant;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n   * For SVG icons, use the `svg` slot instead.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   */\n  url?: string;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n   */\n  alt?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Name =\n    | 'add-plus'\n    | 'angle-left-double'\n    | 'angle-left'\n    | 'angle-right-double'\n    | 'angle-right'\n    | 'angle-up'\n    | 'angle-down'\n    | 'arrow-left'\n    | 'bug'\n    | 'call'\n    | 'calendar'\n    | 'caret-down-filled'\n    | 'caret-down'\n    | 'caret-left-filled'\n    | 'caret-right-filled'\n    | 'caret-up-filled'\n    | 'caret-up'\n    | 'check'\n    | 'contact'\n    | 'close'\n    | 'copy'\n    | 'download'\n    | 'edit'\n    | 'ellipsis'\n    | 'envelope'\n    | 'expand'\n    | 'external'\n    | 'file-open'\n    | 'file'\n    | 'filter'\n    | 'folder-open'\n    | 'folder'\n    | 'heart'\n    | 'key'\n    | 'lock-private'\n    | 'menu'\n    | 'microphone'\n    | 'notification'\n    | 'redo'\n    | 'refresh'\n    | 'search'\n    | 'settings'\n    | 'share'\n    | 'status-in-progress'\n    | 'status-info'\n    | 'status-negative'\n    | 'status-pending'\n    | 'status-positive'\n    | 'status-stopped'\n    | 'status-warning'\n    | 'treeview-collapse'\n    | 'treeview-expand'\n    | 'undo'\n    | 'unlocked'\n    | 'upload'\n    | 'user-profile'\n    | 'view-full'\n    | 'view-horizontal'\n    | 'view-vertical'\n    | 'zoom-in'\n    | 'zoom-out';\n\n  export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n  export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n  /**\n   * Specifies the icon to be displayed.\n   */\n  name?: IconProps.Name;\n  /**\n   * Specifies the size of the icon.\n   *\n   * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n   * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n   * The icon will be vertically centered based on the height.\n   *\n   * @visualrefresh `medium` size\n   */\n  size?: IconProps.Size;\n\n  /**\n   * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n   */\n  variant?: IconProps.Variant;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n   * For SVG icons, use the `svg` slot instead.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   */\n  url?: string;\n  /**\n   * Specifies alternate text for a custom icon (using the `url` attribute). We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n   */\n  alt?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Name =\n    | 'add-plus'\n    | 'angle-left-double'\n    | 'angle-left'\n    | 'angle-right-double'\n    | 'angle-right'\n    | 'angle-up'\n    | 'angle-down'\n    | 'arrow-left'\n    | 'bug'\n    | 'call'\n    | 'calendar'\n    | 'caret-down-filled'\n    | 'caret-down'\n    | 'caret-left-filled'\n    | 'caret-right-filled'\n    | 'caret-up-filled'\n    | 'caret-up'\n    | 'check'\n    | 'contact'\n    | 'close'\n    | 'copy'\n    | 'download'\n    | 'edit'\n    | 'ellipsis'\n    | 'envelope'\n    | 'expand'\n    | 'external'\n    | 'file-open'\n    | 'file'\n    | 'filter'\n    | 'folder-open'\n    | 'folder'\n    | 'heart'\n    | 'key'\n    | 'lock-private'\n    | 'menu'\n    | 'microphone'\n    | 'notification'\n    | 'redo'\n    | 'refresh'\n    | 'search'\n    | 'settings'\n    | 'share'\n    | 'status-in-progress'\n    | 'status-info'\n    | 'status-negative'\n    | 'status-pending'\n    | 'status-positive'\n    | 'status-stopped'\n    | 'status-warning'\n    | 'treeview-collapse'\n    | 'treeview-expand'\n    | 'undo'\n    | 'unlocked'\n    | 'upload'\n    | 'user-profile'\n    | 'view-full'\n    | 'view-horizontal'\n    | 'view-vertical'\n    | 'zoom-in'\n    | 'zoom-out';\n\n  export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n  export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}

package/{autosuggest/autosuggest-input.d.ts → internal/components/autosuggest-input/index.d.ts}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
-import { BaseComponentProps } from '../internal/base-component';
-import { NonCancelableEventHandler } from '../internal/events';
-import { BaseChangeDetail, BaseInputProps, InputKeyEvents, InputProps } from '../input/interfaces';
-import { ExpandToViewport } from '../internal/components/dropdown/interfaces';
-import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { FormFieldValidationControlProps } from '../../context/form-field-context';
+import { BaseComponentProps } from '../../base-component';
+import { NonCancelableEventHandler } from '../../events';
+import { BaseChangeDetail, BaseInputProps, InputKeyEvents, InputProps } from '../../../input/interfaces';
+import { ExpandToViewport } from '../dropdown/interfaces';
+import { InternalBaseComponentProps } from '../../hooks/use-base-component';
 export interface AutosuggestInputProps extends BaseComponentProps, BaseInputProps, InputKeyEvents, FormFieldValidationControlProps, ExpandToViewport, InternalBaseComponentProps {
     ariaControls?: string;
     ariaActivedescendant?: string;
@@ -25,4 +25,4 @@ export interface AutosuggestInputRef extends InputProps.Ref {
 }
 declare const AutosuggestInput: React.ForwardRefExoticComponent<AutosuggestInputProps & React.RefAttributes<AutosuggestInputRef>>;
 export default AutosuggestInput;
-//# sourceMappingURL=autosuggest-input.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/internal/components/autosuggest-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAIrF,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAKL,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAK5E,MAAM,WAAW,qBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,cAAc,EACd,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,GAAG;IACzD,WAAW,IAAI,IAAI,CAAC;IACpB,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAwNrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/{autosuggest/autosuggest-input.js → internal/components/autosuggest-input/index.js}

@@ -2,15 +2,16 @@
 // SPDX-License-Identifier: Apache-2.0
 import { __assign, __rest } from "tslib";
 import React, { useRef, useState, useImperativeHandle, useEffect } from 'react';
-import Dropdown from '../internal/components/dropdown';
-import { useFormFieldContext } from '../internal/context/form-field-context';
-import { getBaseProps } from '../internal/base-component';
-import { useUniqueId } from '../internal/hooks/use-unique-id';
-import { fireCancelableEvent, fireNonCancelableEvent, getBlurEventRelatedTarget, } from '../internal/events';
-import InternalInput from '../input/internal';
-import { getFocusables } from '../internal/components/focus-lock/utils';
-import { KeyCode } from '../internal/keycode';
+import Dropdown from '../dropdown';
+import { useFormFieldContext } from '../../context/form-field-context';
+import { getBaseProps } from '../../base-component';
+import { useUniqueId } from '../../hooks/use-unique-id';
+import { fireCancelableEvent, fireNonCancelableEvent, getBlurEventRelatedTarget, } from '../../events';
+import InternalInput from '../../../input/internal';
+import { getFocusables } from '../focus-lock/utils';
+import { KeyCode } from '../../keycode';
 import styles from './styles.css.js';
+import clsx from 'clsx';
 var AutosuggestInput = React.forwardRef(function (_a, ref) {
     var value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, name = _a.name, placeholder = _a.placeholder, disabled = _a.disabled, readOnly = _a.readOnly, autoFocus = _a.autoFocus, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, _b = _a.disableBrowserAutocorrect, disableBrowserAutocorrect = _b === void 0 ? false : _b, expandToViewport = _a.expandToViewport, ariaControls = _a.ariaControls, ariaActivedescendant = _a.ariaActivedescendant, dropdownExpanded = _a.dropdownExpanded, _c = _a.dropdownContent, dropdownContent = _c === void 0 ? null : _c, _d = _a.dropdownFooter, dropdownFooter = _d === void 0 ? null : _d, dropdownWidth = _a.dropdownWidth, onCloseDropdown = _a.onCloseDropdown, onDelayedInput = _a.onDelayedInput, onPressArrowDown = _a.onPressArrowDown, onPressArrowUp = _a.onPressArrowUp, onPressEnter = _a.onPressEnter, __internalRootRef = _a.__internalRootRef, restProps = __rest(_a, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onKeyDown", "name", "placeholder", "disabled", "readOnly", "autoFocus", "ariaLabel", "ariaRequired", "disableBrowserAutocorrect", "expandToViewport", "ariaControls", "ariaActivedescendant", "dropdownExpanded", "dropdownContent", "dropdownFooter", "dropdownWidth", "onCloseDropdown", "onDelayedInput", "onPressArrowDown", "onPressArrowUp", "onPressEnter", "__internalRootRef"]);
     var baseProps = getBaseProps(restProps);
@@ -132,9 +133,9 @@ var AutosuggestInput = React.forwardRef(function (_a, ref) {
         setTrapDropdownFocus((dropdownFooterRef.current ? getFocusables(dropdownFooterRef.current).length > 0 : false) ||
             (dropdownContentRef.current ? getFocusables(dropdownContentRef.current).length > 0 : false));
     });
-    return (React.createElement("div", __assign({}, baseProps, { ref: __internalRootRef, onBlur: handleBlur }),
+    return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef, onBlur: handleBlur }),
         React.createElement(Dropdown, { minWidth: dropdownWidth, stretchWidth: !dropdownWidth, trigger: React.createElement(InternalInput, __assign({ type: "search", value: value, onChange: function (event) { return handleChange(event.detail.value); }, __onDelayedInput: function (event) { return handleDelayedInput(event.detail.value); }, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: onKeyUp, disabled: disabled, disableBrowserAutocorrect: disableBrowserAutocorrect, readOnly: readOnly, ariaRequired: ariaRequired, ref: inputRef, autoComplete: false, __nativeAttributes: nativeAttributes }, formFieldContext)), onMouseDown: handleMouseDown, open: open, dropdownId: dropdownId, footer: dropdownFooterRef && (React.createElement("div", { ref: dropdownFooterRef, className: styles['dropdown-footer'] }, dropdownFooter)), expandToViewport: expandToViewport, hasContent: expanded, trapFocus: trapDropdownFocus },
             React.createElement("div", { ref: dropdownContentRef, className: styles['dropdown-content'] }, open && dropdownContent))));
 });
 export default AutosuggestInput;
-//# sourceMappingURL=autosuggest-input.js.map
+//# sourceMappingURL=index.js.map

package/internal/components/autosuggest-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useRef, useState, useImperativeHandle, useEffect } from 'react';\n\nimport Dropdown from '../dropdown';\n\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport {\n  BaseKeyDetail,\n  fireCancelableEvent,\n  fireNonCancelableEvent,\n  getBlurEventRelatedTarget,\n  NonCancelableEventHandler,\n} from '../../events';\nimport InternalInput from '../../../input/internal';\nimport { BaseChangeDetail, BaseInputProps, InputKeyEvents, InputProps } from '../../../input/interfaces';\nimport { getFocusables } from '../focus-lock/utils';\nimport { ExpandToViewport } from '../dropdown/interfaces';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\n\nexport interface AutosuggestInputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputKeyEvents,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    InternalBaseComponentProps {\n  ariaControls?: string;\n  ariaActivedescendant?: string;\n  dropdownExpanded?: boolean;\n  dropdownContent?: React.ReactNode;\n  dropdownFooter?: React.ReactNode;\n  dropdownWidth?: number;\n  onCloseDropdown?: NonCancelableEventHandler<null>;\n  onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n  onPressArrowDown?: () => void;\n  onPressArrowUp?: () => void;\n  onPressEnter?: () => boolean;\n}\n\nexport interface AutosuggestInputRef extends InputProps.Ref {\n  focusNoOpen(): void;\n  open(): void;\n  close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n  (\n    {\n      value,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyUp,\n      onKeyDown,\n      name,\n      placeholder,\n      disabled,\n      readOnly,\n      autoFocus,\n      ariaLabel,\n      ariaRequired,\n      disableBrowserAutocorrect = false,\n      expandToViewport,\n      ariaControls,\n      ariaActivedescendant,\n      dropdownExpanded,\n      dropdownContent = null,\n      dropdownFooter = null,\n      dropdownWidth,\n      onCloseDropdown,\n      onDelayedInput,\n      onPressArrowDown,\n      onPressArrowUp,\n      onPressEnter,\n      __internalRootRef,\n      ...restProps\n    }: AutosuggestInputProps,\n    ref: Ref<AutosuggestInputRef>\n  ) => {\n    const baseProps = getBaseProps(restProps);\n    const formFieldContext = useFormFieldContext(restProps);\n\n    const dropdownId = useUniqueId('dropdown');\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const dropdownContentRef = useRef<HTMLDivElement>(null);\n    const dropdownFooterRef = useRef<HTMLDivElement>(null);\n    const preventOpenOnFocusRef = useRef(false);\n\n    const [open, setOpen] = useState(false);\n\n    const openDropdown = () => !readOnly && setOpen(true);\n\n    const closeDropdown = () => {\n      setOpen(false);\n      fireNonCancelableEvent(onCloseDropdown, null);\n    };\n\n    useImperativeHandle(ref, () => ({\n      focus() {\n        inputRef.current?.focus();\n      },\n      select() {\n        inputRef.current?.select();\n      },\n      focusNoOpen() {\n        preventOpenOnFocusRef.current = true;\n        inputRef.current?.focus();\n      },\n      open: openDropdown,\n      close: closeDropdown,\n    }));\n\n    const handleBlur: React.FocusEventHandler = event => {\n      const relatedTarget = getBlurEventRelatedTarget(event.nativeEvent);\n      if (event.currentTarget.contains(relatedTarget) || dropdownFooterRef.current?.contains(relatedTarget)) {\n        return;\n      }\n      closeDropdown();\n      fireNonCancelableEvent(onBlur, null);\n    };\n\n    const handleFocus = () => {\n      if (!preventOpenOnFocusRef.current) {\n        openDropdown();\n        fireNonCancelableEvent(onFocus, null);\n      }\n      preventOpenOnFocusRef.current = false;\n    };\n\n    const handleMouseDown: React.MouseEventHandler = event => {\n      // Prevent currently focused element from losing focus.\n      event.preventDefault();\n    };\n\n    const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.down: {\n          onPressArrowDown?.();\n          openDropdown();\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.up: {\n          onPressArrowUp?.();\n          openDropdown();\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.enter: {\n          if (open) {\n            if (!onPressEnter?.()) {\n              closeDropdown();\n            }\n            e.preventDefault();\n          }\n          fireCancelableEvent(onKeyDown, e.detail);\n          break;\n        }\n        case KeyCode.escape: {\n          if (open) {\n            closeDropdown();\n          } else if (value) {\n            fireNonCancelableEvent(onChange, { value: '' });\n          }\n          e.preventDefault();\n          fireCancelableEvent(onKeyDown, e.detail);\n          break;\n        }\n        default: {\n          fireCancelableEvent(onKeyDown, e.detail);\n        }\n      }\n    };\n\n    const handleChange = (value: string) => {\n      openDropdown();\n      fireNonCancelableEvent(onChange, { value });\n    };\n\n    const handleDelayedInput = (value: string) => {\n      fireNonCancelableEvent(onDelayedInput, { value });\n    };\n\n    const expanded = open && (dropdownExpanded ?? !!dropdownContent);\n    const nativeAttributes = {\n      name,\n      placeholder,\n      autoFocus,\n      onClick: openDropdown,\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': expanded,\n      'aria-controls': ariaControls,\n      // 'aria-owns' needed for safari+vo to announce activedescendant content\n      'aria-owns': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-activedescendant': ariaActivedescendant,\n    };\n\n    const [trapDropdownFocus, setTrapDropdownFocus] = useState(false);\n\n    // Run this effect on every render to determine if necessary to trap focus around input and dropdown.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      setTrapDropdownFocus(\n        (dropdownFooterRef.current ? getFocusables(dropdownFooterRef.current).length > 0 : false) ||\n          (dropdownContentRef.current ? getFocusables(dropdownContentRef.current).length > 0 : false)\n      );\n    });\n\n    return (\n      <div\n        {...baseProps}\n        className={clsx(baseProps.className, styles.root)}\n        ref={__internalRootRef}\n        onBlur={handleBlur}\n      >\n        <Dropdown\n          minWidth={dropdownWidth}\n          stretchWidth={!dropdownWidth}\n          trigger={\n            <InternalInput\n              type=\"search\"\n              value={value}\n              onChange={event => handleChange(event.detail.value)}\n              __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n              onFocus={handleFocus}\n              onKeyDown={handleKeyDown}\n              onKeyUp={onKeyUp}\n              disabled={disabled}\n              disableBrowserAutocorrect={disableBrowserAutocorrect}\n              readOnly={readOnly}\n              ariaRequired={ariaRequired}\n              ref={inputRef}\n              autoComplete={false}\n              __nativeAttributes={nativeAttributes}\n              {...formFieldContext}\n            />\n          }\n          onMouseDown={handleMouseDown}\n          open={open}\n          dropdownId={dropdownId}\n          footer={\n            dropdownFooterRef && (\n              <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n                {dropdownFooter}\n              </div>\n            )\n          }\n          expandToViewport={expandToViewport}\n          hasContent={expanded}\n          trapFocus={trapDropdownFocus}\n        >\n          <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n            {open && dropdownContent}\n          </div>\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\nexport default AutosuggestInput;\n"]}

package/internal/components/autosuggest-input/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "dropdown-footer": "awsui_dropdown-footer_vm8qf_jxdvh_5",
+  "dropdown-content": "awsui_dropdown-content_vm8qf_jxdvh_10"
+};
+  

package/internal/components/autosuggest-input/styles.scoped.css

@@ -0,0 +1,12 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_dropdown-footer_vm8qf_jxdvh_5:not(#\9) {
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.awsui_dropdown-content_vm8qf_jxdvh_10:not(#\9) {
+  display: contents;
+}

package/internal/components/autosuggest-input/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "dropdown-footer": "awsui_dropdown-footer_vm8qf_jxdvh_5",
+  "dropdown-content": "awsui_dropdown-content_vm8qf_jxdvh_10"
+};
+  

package/internal/environment.js

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

package/internal/generated/styles/tokens.d.ts

@@ -229,6 +229,23 @@ export const colorTextStatusSuccess: string;
 export const colorTextStatusWarning: string;
 export const fontFamilyBase: string;
 export const fontFamilyMonospace: string;
+export const borderRadiusAlert: string;
+export const borderRadiusBadge: string;
+export const borderRadiusButton: string;
+export const borderRadiusCalendarDayFocusRing: string;
+export const borderRadiusCodeEditor: string;
+export const borderRadiusContainer: string;
+export const borderRadiusControlCircularFocusRing: string;
+export const borderRadiusControlDefaultFocusRing: string;
+export const borderRadiusDropdown: string;
+export const borderRadiusFlashbar: string;
+export const borderRadiusItem: string;
+export const borderRadiusInput: string;
+export const borderRadiusPopover: string;
+export const borderRadiusTabsFocusRing: string;
+export const borderRadiusTiles: string;
+export const borderRadiusToken: string;
+export const borderRadiusTutorialPanelItem: string;
 export const motionEasingResponsive: string;
 export const motionEasingSticky: string;
 export const motionEasingExpressive: string;

package/internal/generated/styles/tokens.js

@@ -229,6 +229,23 @@ export var colorTextStatusSuccess = "var(--color-text-status-success-0fzhv9, #03
 export var colorTextStatusWarning = "var(--color-text-status-warning-27nlyh, #d91515)";
 export var fontFamilyBase = "var(--font-family-base-qnistn, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyMonospace = "var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
+export var borderRadiusAlert = "var(--border-radius-alert-n0skwy, 12px)";
+export var borderRadiusBadge = "var(--border-radius-badge-x5oehc, 4px)";
+export var borderRadiusButton = "var(--border-radius-button-axewzv, 20px)";
+export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px)";
+export var borderRadiusCodeEditor = "var(--border-radius-code-editor-fuck6b, 8px)";
+export var borderRadiusContainer = "var(--border-radius-container-gh9ysk, 16px)";
+export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-qawzn7, 4px)";
+export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-7661kz, 4px)";
+export var borderRadiusDropdown = "var(--border-radius-dropdown-ujknaf, 8px)";
+export var borderRadiusFlashbar = "var(--border-radius-flashbar-i7jm55, 12px)";
+export var borderRadiusItem = "var(--border-radius-item-u2ibpi, 8px)";
+export var borderRadiusInput = "var(--border-radius-input-txq8zy, 8px)";
+export var borderRadiusPopover = "var(--border-radius-popover-8g1bwn, 8px)";
+export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-j968on, 20px)";
+export var borderRadiusTiles = "var(--border-radius-tiles-kl8mtb, 8px)";
+export var borderRadiusToken = "var(--border-radius-token-wohc9e, 8px)";
+export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-5wuccf, 8px)";
 export var motionEasingResponsive = "var(--motion-easing-responsive-5yj747, cubic-bezier(0, 0, 0, 1))";
 export var motionEasingSticky = "var(--motion-easing-sticky-yt83ho, cubic-bezier(1, 0, 0.83, 1))";
 export var motionEasingExpressive = "var(--motion-easing-expressive-zns6oe, cubic-bezier(0.84, 0, 0.16, 1))";

package/internal/generated/theming/index.cjs

@@ -6326,7 +6326,24 @@ module.exports.preset = {
     "colorTextStatusSuccess",
     "colorTextStatusWarning",
     "fontFamilyBase",
-    "fontFamilyMonospace"
+    "fontFamilyMonospace",
+    "borderRadiusAlert",
+    "borderRadiusBadge",
+    "borderRadiusButton",
+    "borderRadiusCalendarDayFocusRing",
+    "borderRadiusCodeEditor",
+    "borderRadiusContainer",
+    "borderRadiusControlCircularFocusRing",
+    "borderRadiusControlDefaultFocusRing",
+    "borderRadiusDropdown",
+    "borderRadiusFlashbar",
+    "borderRadiusItem",
+    "borderRadiusInput",
+    "borderRadiusPopover",
+    "borderRadiusTabsFocusRing",
+    "borderRadiusTiles",
+    "borderRadiusToken",
+    "borderRadiusTutorialPanelItem"
   ],
   "exposed": [
     "colorChartsRed300",
@@ -6560,6 +6577,23 @@ module.exports.preset = {
     "colorTextStatusWarning",
     "fontFamilyBase",
     "fontFamilyMonospace",
+    "borderRadiusAlert",
+    "borderRadiusBadge",
+    "borderRadiusButton",
+    "borderRadiusCalendarDayFocusRing",
+    "borderRadiusCodeEditor",
+    "borderRadiusContainer",
+    "borderRadiusControlCircularFocusRing",
+    "borderRadiusControlDefaultFocusRing",
+    "borderRadiusDropdown",
+    "borderRadiusFlashbar",
+    "borderRadiusItem",
+    "borderRadiusInput",
+    "borderRadiusPopover",
+    "borderRadiusTabsFocusRing",
+    "borderRadiusTiles",
+    "borderRadiusToken",
+    "borderRadiusTutorialPanelItem",
     "motionEasingResponsive",
     "motionEasingSticky",
     "motionEasingExpressive",

package/internal/generated/theming/index.cjs.d.ts

@@ -146,6 +146,23 @@ export declare interface TypedOverride {
     colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     fontFamilyBase?: GlobalValue;
     fontFamilyMonospace?: GlobalValue;
+    borderRadiusAlert?: GlobalValue;
+    borderRadiusBadge?: GlobalValue;
+    borderRadiusButton?: GlobalValue;
+    borderRadiusCalendarDayFocusRing?: GlobalValue;
+    borderRadiusCodeEditor?: GlobalValue;
+    borderRadiusContainer?: GlobalValue;
+    borderRadiusControlCircularFocusRing?: GlobalValue;
+    borderRadiusControlDefaultFocusRing?: GlobalValue;
+    borderRadiusDropdown?: GlobalValue;
+    borderRadiusFlashbar?: GlobalValue;
+    borderRadiusItem?: GlobalValue;
+    borderRadiusInput?: GlobalValue;
+    borderRadiusPopover?: GlobalValue;
+    borderRadiusTabsFocusRing?: GlobalValue;
+    borderRadiusTiles?: GlobalValue;
+    borderRadiusToken?: GlobalValue;
+    borderRadiusTutorialPanelItem?: GlobalValue;
   },
   contexts?: {
     'top-navigation'?: {
@@ -294,6 +311,23 @@ export declare interface TypedOverride {
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
+        borderRadiusAlert?: GlobalValue;
+        borderRadiusBadge?: GlobalValue;
+        borderRadiusButton?: GlobalValue;
+        borderRadiusCalendarDayFocusRing?: GlobalValue;
+        borderRadiusCodeEditor?: GlobalValue;
+        borderRadiusContainer?: GlobalValue;
+        borderRadiusControlCircularFocusRing?: GlobalValue;
+        borderRadiusControlDefaultFocusRing?: GlobalValue;
+        borderRadiusDropdown?: GlobalValue;
+        borderRadiusFlashbar?: GlobalValue;
+        borderRadiusItem?: GlobalValue;
+        borderRadiusInput?: GlobalValue;
+        borderRadiusPopover?: GlobalValue;
+        borderRadiusTabsFocusRing?: GlobalValue;
+        borderRadiusTiles?: GlobalValue;
+        borderRadiusToken?: GlobalValue;
+        borderRadiusTutorialPanelItem?: GlobalValue;
       }
     };
     'header'?: {
@@ -442,6 +476,23 @@ export declare interface TypedOverride {
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
+        borderRadiusAlert?: GlobalValue;
+        borderRadiusBadge?: GlobalValue;
+        borderRadiusButton?: GlobalValue;
+        borderRadiusCalendarDayFocusRing?: GlobalValue;
+        borderRadiusCodeEditor?: GlobalValue;
+        borderRadiusContainer?: GlobalValue;
+        borderRadiusControlCircularFocusRing?: GlobalValue;
+        borderRadiusControlDefaultFocusRing?: GlobalValue;
+        borderRadiusDropdown?: GlobalValue;
+        borderRadiusFlashbar?: GlobalValue;
+        borderRadiusItem?: GlobalValue;
+        borderRadiusInput?: GlobalValue;
+        borderRadiusPopover?: GlobalValue;
+        borderRadiusTabsFocusRing?: GlobalValue;
+        borderRadiusTiles?: GlobalValue;
+        borderRadiusToken?: GlobalValue;
+        borderRadiusTutorialPanelItem?: GlobalValue;
       }
     };
     'flashbar'?: {
@@ -590,6 +641,23 @@ export declare interface TypedOverride {
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
+        borderRadiusAlert?: GlobalValue;
+        borderRadiusBadge?: GlobalValue;
+        borderRadiusButton?: GlobalValue;
+        borderRadiusCalendarDayFocusRing?: GlobalValue;
+        borderRadiusCodeEditor?: GlobalValue;
+        borderRadiusContainer?: GlobalValue;
+        borderRadiusControlCircularFocusRing?: GlobalValue;
+        borderRadiusControlDefaultFocusRing?: GlobalValue;
+        borderRadiusDropdown?: GlobalValue;
+        borderRadiusFlashbar?: GlobalValue;
+        borderRadiusItem?: GlobalValue;
+        borderRadiusInput?: GlobalValue;
+        borderRadiusPopover?: GlobalValue;
+        borderRadiusTabsFocusRing?: GlobalValue;
+        borderRadiusTiles?: GlobalValue;
+        borderRadiusToken?: GlobalValue;
+        borderRadiusTutorialPanelItem?: GlobalValue;
       }
     };
     'alert'?: {
@@ -738,6 +806,23 @@ export declare interface TypedOverride {
         colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         fontFamilyBase?: GlobalValue;
         fontFamilyMonospace?: GlobalValue;
+        borderRadiusAlert?: GlobalValue;
+        borderRadiusBadge?: GlobalValue;
+        borderRadiusButton?: GlobalValue;
+        borderRadiusCalendarDayFocusRing?: GlobalValue;
+        borderRadiusCodeEditor?: GlobalValue;
+        borderRadiusContainer?: GlobalValue;
+        borderRadiusControlCircularFocusRing?: GlobalValue;
+        borderRadiusControlDefaultFocusRing?: GlobalValue;
+        borderRadiusDropdown?: GlobalValue;
+        borderRadiusFlashbar?: GlobalValue;
+        borderRadiusItem?: GlobalValue;
+        borderRadiusInput?: GlobalValue;
+        borderRadiusPopover?: GlobalValue;
+        borderRadiusTabsFocusRing?: GlobalValue;
+        borderRadiusTiles?: GlobalValue;
+        borderRadiusToken?: GlobalValue;
+        borderRadiusTutorialPanelItem?: GlobalValue;
       }
     }
   }