@cloudscape-design/components 3.0.1259 → 3.0.1261

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/container/interfaces.d.ts +1 -0
  2. package/container/interfaces.d.ts.map +1 -1
  3. package/container/interfaces.js.map +1 -1
  4. package/container/style.d.ts +2 -0
  5. package/container/style.d.ts.map +1 -1
  6. package/container/style.js +2 -1
  7. package/container/style.js.map +1 -1
  8. package/internal/base-component/styles.scoped.css +1 -1
  9. package/internal/environment.js +2 -2
  10. package/internal/environment.json +2 -2
  11. package/internal/manifest.json +1 -1
  12. package/package.json +1 -1
  13. package/segmented-control/styles.css.js +16 -16
  14. package/segmented-control/styles.scoped.css +36 -36
  15. package/segmented-control/styles.selectors.js +16 -16
package/container/interfaces.d.ts CHANGED
@@ -112,6 +112,7 @@ export declare namespace ContainerProps {
112
112
  borderRadius?: string;
113
113
  borderWidth?: string;
114
114
  boxShadow?: string;
115
+ color?: string;
115
116
  };
116
117
  content?: {
117
118
  paddingBlock?: string;
package/container/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAC9B;AAED,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB;;WAEG;QACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QAEzB;;WAEG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QAE1B;;;;;;WAMG;QACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAExB;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,IAAI,EAAE;gBACJ,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,OAAO,EAAE;gBACP,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAC9B;AAED,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB;;WAEG;QACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QAEzB;;WAEG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QAE1B;;;;;;WAMG;QACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAExB;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,IAAI,EAAE;gBACJ,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,OAAO,EAAE;gBACP,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}
package/container/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/container/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';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ContainerProps extends BaseComponentProps {\n /**\n * Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * @analytics\n */\n analyticsMetadata?: ContainerProps.AnalyticsMetadata;\n\n /**\n * Heading element of the container. Use the [header component](/components/header/).\n */\n header?: React.ReactNode;\n\n /**\n * Determines whether the container header has padding. If `true`, removes the default padding from the header.\n */\n disableHeaderPaddings?: boolean;\n\n /**\n *\n * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.\n * You can define different positions and sizes for the media element within the container.\n *\n * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n *\n * * `position` - Defines the media slot's position within the container. Defaults to `top`.\n *\n * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.\n * Note: This value is considered only when `position` is set to `side`.\n * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n *\n * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it. * Note: This value is only considered if `position` is set to `top`.\n * If no height is provided, the media slot will be displayed at its full height.\n *\n */\n media?: ContainerProps.Media;\n\n /**\n * Main content of the container.\n */\n children?: React.ReactNode;\n\n /**\n * Determines whether the container content has padding. If `true`, removes the default padding from the content area.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Enabling this property will make the container to fit into available height. If content is too short, the container\n * will stretch, if too long, the container will shrink and show vertical scrollbar.\n *\n * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch\n * all containers to the height of the longest one, to avoid extra vertical scroll areas.\n */\n fitHeight?: boolean;\n\n /**\n * Footer of the container.\n */\n footer?: React.ReactNode;\n\n /**\n * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.\n * @awsuiSystem core\n */\n disableFooterPaddings?: boolean;\n\n /**\n * Specify a container variant with one of the following:\n * * `default` - Use this variant in standalone context.\n * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n * table).\n * @visualrefresh `stacked` variant\n */\n variant?: 'default' | 'stacked';\n\n /**\n * An object containing CSS properties to customize the container's visual appearance.\n * Refer to the [style](/components/container/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: ContainerProps.Style;\n}\n\nexport namespace ContainerProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n }\n export interface Media {\n /**\n * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n */\n content: React.ReactNode;\n\n /**\n * Defines the media slot's position within the container. Defaults to `top`.\n */\n position?: 'top' | 'side';\n\n /**\n * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n *\n * Note: This value is considered only when `position` is set to `side`.\n * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n */\n width?: string | number;\n\n /**\n * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n *\n * Note: This value is only considered if `position` is set to `top`.\n * If no height is provided, the media slot will be displayed at its full height.\n */\n height?: string | number;\n }\n\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: string;\n };\n content?: {\n paddingBlock?: string;\n paddingInline?: string;\n };\n header?: {\n paddingBlock?: string;\n paddingInline?: string;\n };\n footer?: {\n root: {\n paddingBlock?: string;\n paddingInline?: string;\n };\n divider: {\n borderColor?: string;\n borderWidth?: string;\n };\n };\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/container/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';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ContainerProps extends BaseComponentProps {\n /**\n * Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * @analytics\n */\n analyticsMetadata?: ContainerProps.AnalyticsMetadata;\n\n /**\n * Heading element of the container. Use the [header component](/components/header/).\n */\n header?: React.ReactNode;\n\n /**\n * Determines whether the container header has padding. If `true`, removes the default padding from the header.\n */\n disableHeaderPaddings?: boolean;\n\n /**\n *\n * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.\n * You can define different positions and sizes for the media element within the container.\n *\n * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n *\n * * `position` - Defines the media slot's position within the container. Defaults to `top`.\n *\n * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.\n * Note: This value is considered only when `position` is set to `side`.\n * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n *\n * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it. * Note: This value is only considered if `position` is set to `top`.\n * If no height is provided, the media slot will be displayed at its full height.\n *\n */\n media?: ContainerProps.Media;\n\n /**\n * Main content of the container.\n */\n children?: React.ReactNode;\n\n /**\n * Determines whether the container content has padding. If `true`, removes the default padding from the content area.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Enabling this property will make the container to fit into available height. If content is too short, the container\n * will stretch, if too long, the container will shrink and show vertical scrollbar.\n *\n * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch\n * all containers to the height of the longest one, to avoid extra vertical scroll areas.\n */\n fitHeight?: boolean;\n\n /**\n * Footer of the container.\n */\n footer?: React.ReactNode;\n\n /**\n * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.\n * @awsuiSystem core\n */\n disableFooterPaddings?: boolean;\n\n /**\n * Specify a container variant with one of the following:\n * * `default` - Use this variant in standalone context.\n * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n * table).\n * @visualrefresh `stacked` variant\n */\n variant?: 'default' | 'stacked';\n\n /**\n * An object containing CSS properties to customize the container's visual appearance.\n * Refer to the [style](/components/container/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: ContainerProps.Style;\n}\n\nexport namespace ContainerProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n }\n export interface Media {\n /**\n * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n */\n content: React.ReactNode;\n\n /**\n * Defines the media slot's position within the container. Defaults to `top`.\n */\n position?: 'top' | 'side';\n\n /**\n * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n *\n * Note: This value is considered only when `position` is set to `side`.\n * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n */\n width?: string | number;\n\n /**\n * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n *\n * Note: This value is only considered if `position` is set to `top`.\n * If no height is provided, the media slot will be displayed at its full height.\n */\n height?: string | number;\n }\n\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: string;\n color?: string;\n };\n content?: {\n paddingBlock?: string;\n paddingInline?: string;\n };\n header?: {\n paddingBlock?: string;\n paddingInline?: string;\n };\n footer?: {\n root: {\n paddingBlock?: string;\n paddingInline?: string;\n };\n divider: {\n borderColor?: string;\n borderWidth?: string;\n };\n };\n }\n}\n"]}
package/container/style.d.ts CHANGED
@@ -5,12 +5,14 @@ export declare function getRootStyles(style: ContainerProps.Style | undefined):
5
5
  borderRadius?: undefined;
6
6
  borderWidth?: undefined;
7
7
  boxShadow?: undefined;
8
+ color?: undefined;
8
9
  } | {
9
10
  background: string | undefined;
10
11
  borderColor: string | undefined;
11
12
  borderRadius: string | undefined;
12
13
  borderWidth: string | undefined;
13
14
  boxShadow: string | undefined;
15
+ color: string | undefined;
14
16
  };
15
17
  export declare function getContentStyles(style: ContainerProps.Style | undefined): {
16
18
  paddingBlock?: undefined;
package/container/style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;;;EAYpE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;EASvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAWtE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;EAWtE;AAED,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAU5F"}
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;;;;;EAapE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;EASvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAWtE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;EAWtE;AAED,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAU5F"}
package/container/style.js CHANGED
@@ -2,7 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { SYSTEM } from '../internal/environment';
4
4
  export function getRootStyles(style) {
5
- var _a, _b, _c, _d, _e;
5
+ var _a, _b, _c, _d, _e, _f;
6
6
  if (SYSTEM !== 'core') {
7
7
  return {};
8
8
  }
@@ -12,6 +12,7 @@ export function getRootStyles(style) {
12
12
  borderRadius: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderRadius,
13
13
  borderWidth: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.borderWidth,
14
14
  boxShadow: (_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.boxShadow,
15
+ color: (_f = style === null || style === void 0 ? void 0 : style.root) === null || _f === void 0 ? void 0 : _f.color,
15
16
  };
16
17
  }
17
18
  export function getContentStyles(style) {
package/container/style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.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\nimport { SYSTEM } from '../internal/environment';\nimport { ContainerProps } from './interfaces';\n\nexport function getRootStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n background: style?.root?.background,\n borderColor: style?.root?.borderColor,\n borderRadius: style?.root?.borderRadius,\n borderWidth: style?.root?.borderWidth,\n boxShadow: style?.root?.boxShadow,\n };\n}\n\nexport function getContentStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n paddingBlock: style?.content?.paddingBlock,\n paddingInline: style?.content?.paddingInline,\n };\n}\n\nexport function getHeaderStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n ...(style?.root?.background && { background: 'transparent' }), // Fix for AWSUI-61442\n borderRadius: style?.root?.borderRadius,\n paddingBlock: style?.header?.paddingBlock,\n paddingInline: style?.header?.paddingInline,\n };\n}\n\nexport function getFooterStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n borderColor: style?.footer?.divider?.borderColor,\n borderWidth: style?.footer?.divider?.borderWidth,\n paddingBlock: style?.footer?.root?.paddingBlock,\n paddingInline: style?.footer?.root?.paddingInline,\n };\n}\n\nexport function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n borderRadius: style?.root?.borderRadius,\n ...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),\n ...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),\n };\n}\n"]}
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.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\nimport { SYSTEM } from '../internal/environment';\nimport { ContainerProps } from './interfaces';\n\nexport function getRootStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n background: style?.root?.background,\n borderColor: style?.root?.borderColor,\n borderRadius: style?.root?.borderRadius,\n borderWidth: style?.root?.borderWidth,\n boxShadow: style?.root?.boxShadow,\n color: style?.root?.color,\n };\n}\n\nexport function getContentStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n paddingBlock: style?.content?.paddingBlock,\n paddingInline: style?.content?.paddingInline,\n };\n}\n\nexport function getHeaderStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n ...(style?.root?.background && { background: 'transparent' }), // Fix for AWSUI-61442\n borderRadius: style?.root?.borderRadius,\n paddingBlock: style?.header?.paddingBlock,\n paddingInline: style?.header?.paddingInline,\n };\n}\n\nexport function getFooterStyles(style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n borderColor: style?.footer?.divider?.borderColor,\n borderWidth: style?.footer?.divider?.borderWidth,\n paddingBlock: style?.footer?.root?.paddingBlock,\n paddingInline: style?.footer?.root?.paddingInline,\n };\n}\n\nexport function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n borderRadius: style?.root?.borderRadius,\n ...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),\n ...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),\n };\n}\n"]}
package/internal/base-component/styles.scoped.css CHANGED
@@ -2061,5 +2061,5 @@ body {
2061
2061
  }
2062
2062
  }
2063
2063
  :root {
2064
- --awsui-version-info-a6cdcd03: true;
2064
+ --awsui-version-info-dbcec2d6: true;
2065
2065
  }
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (a6cdcd03)";
3
- export var GIT_SHA = "a6cdcd03";
2
+ export var PACKAGE_VERSION = "3.0.0 (dbcec2d6)";
3
+ export var GIT_SHA = "dbcec2d6";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (a6cdcd03)",
4
- "GIT_SHA": "a6cdcd03",
3
+ "PACKAGE_VERSION": "3.0.0 (dbcec2d6)",
4
+ "GIT_SHA": "dbcec2d6",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "a6cdcd03477aaf701725532465ccc8beec1150e9"
2
+ "commit": "dbcec2d678db5f87c32ca9cc8fa9cd467f3e6d3b"
3
3
  }
package/package.json CHANGED
@@ -163,7 +163,7 @@
163
163
  "./internal/base-component/index.js",
164
164
  "./internal/base-component/styles.css.js"
165
165
  ],
166
- "version": "3.0.1259",
166
+ "version": "3.0.1261",
167
167
  "repository": {
168
168
  "type": "git",
169
169
  "url": "https://github.com/cloudscape-design/components.git"
package/segmented-control/styles.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_1idps_161",
5
- "refresh": "awsui_refresh_8cbea_1idps_188",
6
- "disabled": "awsui_disabled_8cbea_1idps_194",
7
- "selected": "awsui_selected_8cbea_1idps_251",
8
- "icon": "awsui_icon_8cbea_1idps_261",
9
- "with-text": "awsui_with-text_8cbea_1idps_265",
10
- "with-no-text": "awsui_with-no-text_8cbea_1idps_271",
11
- "root": "awsui_root_8cbea_1idps_276",
12
- "segment-part": "awsui_segment-part_8cbea_1idps_308",
13
- "select": "awsui_select_8cbea_1idps_251",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_1idps_343",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_1idps_347",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_1idps_351",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_1idps_355",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_1idps_359",
19
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1idps_363"
4
+ "segment": "awsui_segment_8cbea_qf7d6_161",
5
+ "refresh": "awsui_refresh_8cbea_qf7d6_188",
6
+ "disabled": "awsui_disabled_8cbea_qf7d6_194",
7
+ "selected": "awsui_selected_8cbea_qf7d6_251",
8
+ "icon": "awsui_icon_8cbea_qf7d6_261",
9
+ "with-text": "awsui_with-text_8cbea_qf7d6_265",
10
+ "with-no-text": "awsui_with-no-text_8cbea_qf7d6_271",
11
+ "root": "awsui_root_8cbea_qf7d6_276",
12
+ "segment-part": "awsui_segment-part_8cbea_qf7d6_308",
13
+ "select": "awsui_select_8cbea_qf7d6_251",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_qf7d6_343",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_qf7d6_347",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_qf7d6_351",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_qf7d6_355",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_qf7d6_359",
19
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_qf7d6_363"
20
20
  };
21
21
 
package/segmented-control/styles.scoped.css CHANGED
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_segment_8cbea_1idps_161:not(#\9) {
161
+ .awsui_segment_8cbea_qf7d6_161:not(#\9) {
162
162
  font-size: var(--font-size-body-m-a7nh2n, 14px);
163
163
  line-height: var(--line-height-body-m-2mh3ke, 20px);
164
164
  word-wrap: break-word;
@@ -173,10 +173,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
173
  background: var(--awsui-style-background-default-6b9ypa, var(--color-background-segment-default-b0r494, #ffffff));
174
174
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-segment-default-vi2vn9, #424650));
175
175
  overflow: visible;
176
- border-start-start-radius: var(--border-radius-button-7bgkcs, 20px);
177
- border-start-end-radius: var(--border-radius-button-7bgkcs, 20px);
178
- border-end-start-radius: var(--border-radius-button-7bgkcs, 20px);
179
- border-end-end-radius: var(--border-radius-button-7bgkcs, 20px);
176
+ border-start-start-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
177
+ border-start-end-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
178
+ border-end-start-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
179
+ border-end-end-radius: calc(var(--border-radius-button-7bgkcs, 20px) - 3px);
180
180
  position: relative;
181
181
  block-size: calc(100% - var(--space-static-xxs-ns94dp, 4px));
182
182
  display: flex;
@@ -185,24 +185,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
185
  border-block: none;
186
186
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
187
187
  }
188
- .awsui_segment_8cbea_1idps_161:not(#\9):not(.awsui_refresh_8cbea_1idps_188) {
188
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):not(.awsui_refresh_8cbea_qf7d6_188) {
189
189
  block-size: calc(100% - var(--space-static-xxs-ns94dp, 4px) - 2 * var(--border-width-field-2xc78x, 1px));
190
190
  }
191
- .awsui_segment_8cbea_1idps_161:not(#\9):focus {
191
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):focus {
192
192
  outline: none;
193
193
  }
194
- .awsui_segment_8cbea_1idps_161.awsui_disabled_8cbea_1idps_194:not(#\9) {
194
+ .awsui_segment_8cbea_qf7d6_161.awsui_disabled_8cbea_qf7d6_194:not(#\9) {
195
195
  background: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-segment-disabled-m2a5t7, #ffffff));
196
196
  color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-interactive-disabled-1bqmrl, #b4b4bb));
197
197
  }
198
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focus {
198
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_qf7d6_161:not(#\9):focus {
199
199
  position: relative;
200
200
  }
201
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focus {
201
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_qf7d6_161:not(#\9):focus {
202
202
  outline: 2px dotted transparent;
203
203
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px) - 1px);
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focus::before {
205
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_qf7d6_161:not(#\9):focus::before {
206
206
  content: " ";
207
207
  display: block;
208
208
  position: absolute;
@@ -217,7 +217,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
217
217
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
218
218
  z-index: 1;
219
219
  }
220
- .awsui_segment_8cbea_1idps_161:not(#\9):not(:last-child)::after {
220
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):not(:last-child)::after {
221
221
  content: "";
222
222
  position: absolute;
223
223
  inset-inline-end: calc(-1 * (var(--space-static-xxs-ns94dp, 4px) + 1px));
@@ -227,53 +227,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
227
227
  background: var(--color-border-input-default-317xk5, #8c8c94);
228
228
  z-index: 1;
229
229
  }
230
- .awsui_segment_8cbea_1idps_161:not(#\9):not(.awsui_refresh_8cbea_1idps_188):not(:last-child)::after {
230
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):not(.awsui_refresh_8cbea_qf7d6_188):not(:last-child)::after {
231
231
  inset-inline-end: calc(-1 * var(--space-static-xxs-ns94dp, 4px));
232
232
  }
233
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(1) {
233
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(1) {
234
234
  grid-column: 1;
235
235
  }
236
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(2) {
236
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(2) {
237
237
  grid-column: 2;
238
238
  }
239
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(3) {
239
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(3) {
240
240
  grid-column: 3;
241
241
  }
242
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(4) {
242
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(4) {
243
243
  grid-column: 4;
244
244
  }
245
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(5) {
245
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(5) {
246
246
  grid-column: 5;
247
247
  }
248
- .awsui_segment_8cbea_1idps_161:not(#\9):nth-child(6) {
248
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):nth-child(6) {
249
249
  grid-column: 6;
250
250
  }
251
- .awsui_segment_8cbea_1idps_161.awsui_selected_8cbea_1idps_251:not(#\9) {
251
+ .awsui_segment_8cbea_qf7d6_161.awsui_selected_8cbea_qf7d6_251:not(#\9) {
252
252
  background: var(--awsui-style-background-active-6b9ypa, var(--color-background-segment-active-1u2ldl, #006ce0));
253
253
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-segment-active-hlorbe, #ffffff));
254
254
  }
255
- .awsui_segment_8cbea_1idps_161:not(#\9):hover:not(.awsui_selected_8cbea_1idps_251):not(.awsui_disabled_8cbea_1idps_194):not(:focus) {
255
+ .awsui_segment_8cbea_qf7d6_161:not(#\9):hover:not(.awsui_selected_8cbea_qf7d6_251):not(.awsui_disabled_8cbea_qf7d6_194):not(:focus) {
256
256
  background: var(--awsui-style-background-hover-6b9ypa, var(--color-background-segment-hover-800sl4, #f0fbff));
257
257
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-segment-hover-65a2x8, #002b66));
258
258
  cursor: pointer;
259
259
  }
260
260
 
261
- .awsui_icon_8cbea_1idps_261:not(#\9) {
261
+ .awsui_icon_8cbea_qf7d6_261:not(#\9) {
262
262
  /* used in test-utils */
263
263
  }
264
264
 
265
- .awsui_with-text_8cbea_1idps_265:not(#\9) {
265
+ .awsui_with-text_8cbea_qf7d6_265:not(#\9) {
266
266
  position: relative;
267
267
  inset-inline-start: calc(-1 * var(--space-xxs-hwfkai, 4px));
268
268
  margin-inline-end: var(--space-xxs-hwfkai, 4px);
269
269
  }
270
270
 
271
- .awsui_with-no-text_8cbea_1idps_271:not(#\9) {
271
+ .awsui_with-no-text_8cbea_qf7d6_271:not(#\9) {
272
272
  margin-inline: auto;
273
273
  inset-inline: 0;
274
274
  }
275
275
 
276
- .awsui_root_8cbea_1idps_276:not(#\9) {
276
+ .awsui_root_8cbea_qf7d6_276:not(#\9) {
277
277
  border-collapse: separate;
278
278
  border-spacing: 0;
279
279
  box-sizing: border-box;
@@ -305,7 +305,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
305
305
  -moz-osx-font-smoothing: auto;
306
306
  }
307
307
 
308
- .awsui_segment-part_8cbea_1idps_308:not(#\9) {
308
+ .awsui_segment-part_8cbea_qf7d6_308:not(#\9) {
309
309
  display: inline-grid;
310
310
  border-inline: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-317xk5, #8c8c94);
311
311
  border-block: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-317xk5, #8c8c94);
@@ -320,46 +320,46 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1idps_161:not(#\9):focu
320
320
  padding-inline: calc(var(--space-static-xxs-ns94dp, 4px) - var(--border-width-field-2xc78x, 1px));
321
321
  gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 + 1px);
322
322
  }
323
- .awsui_segment-part_8cbea_1idps_308:not(#\9):not(.awsui_refresh_8cbea_1idps_188) {
323
+ .awsui_segment-part_8cbea_qf7d6_308:not(#\9):not(.awsui_refresh_8cbea_qf7d6_188) {
324
324
  padding-inline: calc(var(--space-static-xxxs-yidks1, 2px) + var(--border-width-field-2xc78x, 1px));
325
325
  padding-block: 0;
326
326
  gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 - 1px);
327
327
  }
328
328
  @media (max-width: 688px) {
329
- .awsui_segment-part_8cbea_1idps_308:not(#\9) {
329
+ .awsui_segment-part_8cbea_qf7d6_308:not(#\9) {
330
330
  display: none;
331
331
  }
332
332
  }
333
333
 
334
- .awsui_select_8cbea_1idps_251:not(#\9) {
334
+ .awsui_select_8cbea_qf7d6_251:not(#\9) {
335
335
  display: none;
336
336
  }
337
337
  @media (max-width: 688px) {
338
- .awsui_select_8cbea_1idps_251:not(#\9) {
338
+ .awsui_select_8cbea_qf7d6_251:not(#\9) {
339
339
  display: block;
340
340
  }
341
341
  }
342
342
 
343
- .awsui_segment-count-2_8cbea_1idps_343:not(#\9) {
343
+ .awsui_segment-count-2_8cbea_qf7d6_343:not(#\9) {
344
344
  grid-template-columns: repeat(2, auto);
345
345
  }
346
346
 
347
- .awsui_segment-count-3_8cbea_1idps_347:not(#\9) {
347
+ .awsui_segment-count-3_8cbea_qf7d6_347:not(#\9) {
348
348
  grid-template-columns: repeat(3, auto);
349
349
  }
350
350
 
351
- .awsui_segment-count-4_8cbea_1idps_351:not(#\9) {
351
+ .awsui_segment-count-4_8cbea_qf7d6_351:not(#\9) {
352
352
  grid-template-columns: repeat(4, auto);
353
353
  }
354
354
 
355
- .awsui_segment-count-5_8cbea_1idps_355:not(#\9) {
355
+ .awsui_segment-count-5_8cbea_qf7d6_355:not(#\9) {
356
356
  grid-template-columns: repeat(5, auto);
357
357
  }
358
358
 
359
- .awsui_segment-count-6_8cbea_1idps_359:not(#\9) {
359
+ .awsui_segment-count-6_8cbea_qf7d6_359:not(#\9) {
360
360
  grid-template-columns: repeat(6, auto);
361
361
  }
362
362
 
363
- .awsui_disabled-reason-tooltip_8cbea_1idps_363:not(#\9) {
363
+ .awsui_disabled-reason-tooltip_8cbea_qf7d6_363:not(#\9) {
364
364
  /* used in test-utils or tests */
365
365
  }
package/segmented-control/styles.selectors.js CHANGED
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_1idps_161",
6
- "refresh": "awsui_refresh_8cbea_1idps_188",
7
- "disabled": "awsui_disabled_8cbea_1idps_194",
8
- "selected": "awsui_selected_8cbea_1idps_251",
9
- "icon": "awsui_icon_8cbea_1idps_261",
10
- "with-text": "awsui_with-text_8cbea_1idps_265",
11
- "with-no-text": "awsui_with-no-text_8cbea_1idps_271",
12
- "root": "awsui_root_8cbea_1idps_276",
13
- "segment-part": "awsui_segment-part_8cbea_1idps_308",
14
- "select": "awsui_select_8cbea_1idps_251",
15
- "segment-count-2": "awsui_segment-count-2_8cbea_1idps_343",
16
- "segment-count-3": "awsui_segment-count-3_8cbea_1idps_347",
17
- "segment-count-4": "awsui_segment-count-4_8cbea_1idps_351",
18
- "segment-count-5": "awsui_segment-count-5_8cbea_1idps_355",
19
- "segment-count-6": "awsui_segment-count-6_8cbea_1idps_359",
20
- "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1idps_363"
5
+ "segment": "awsui_segment_8cbea_qf7d6_161",
6
+ "refresh": "awsui_refresh_8cbea_qf7d6_188",
7
+ "disabled": "awsui_disabled_8cbea_qf7d6_194",
8
+ "selected": "awsui_selected_8cbea_qf7d6_251",
9
+ "icon": "awsui_icon_8cbea_qf7d6_261",
10
+ "with-text": "awsui_with-text_8cbea_qf7d6_265",
11
+ "with-no-text": "awsui_with-no-text_8cbea_qf7d6_271",
12
+ "root": "awsui_root_8cbea_qf7d6_276",
13
+ "segment-part": "awsui_segment-part_8cbea_qf7d6_308",
14
+ "select": "awsui_select_8cbea_qf7d6_251",
15
+ "segment-count-2": "awsui_segment-count-2_8cbea_qf7d6_343",
16
+ "segment-count-3": "awsui_segment-count-3_8cbea_qf7d6_347",
17
+ "segment-count-4": "awsui_segment-count-4_8cbea_qf7d6_351",
18
+ "segment-count-5": "awsui_segment-count-5_8cbea_qf7d6_355",
19
+ "segment-count-6": "awsui_segment-count-6_8cbea_qf7d6_359",
20
+ "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_qf7d6_363"
21
21
  };
22
22