npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1384 → 3.0.1385 - Mend

@cloudscape-design/components-themeable 3.0.1384 → 3.0.1385

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 (17) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "ea381b71fcac6b61d0a81b1c96a90ae8419d9943"
+  "commit": "708448a8dd8fcd371362391f23b3355850ead7a8"
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "ea381b71";
+    $awsui-commit-hash: "708448a8";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-ka4djm;
 $minContentWidth: --awsui-min-content-width-ka4djm;

package/lib/internal/scss/key-value-pairs/styles.scss CHANGED Viewed

@@ -26,13 +26,20 @@
 }
 .term {
+  color: awsui.$color-text-label;
+  margin-block-end: awsui.$space-key-value-gap;
+  // Prevent inline elements in the label from adding extra space below the term.
+  // The internal label and info elements reset the line height to the desired value.
+  line-height: 0;
+}
+.key-label,
+.info {
   @include styles.font-label(
     awsui.$font-size-key-value-pairs-label,
     awsui.$line-height-key-value-pairs-label,
     awsui.$font-weight-key-value-pairs-label
   );
-  color: awsui.$color-text-label;
-  margin-block-end: awsui.$space-key-value-gap;
 }
 .key-label {

package/lib/internal/scss/space-between/styles.scss CHANGED Viewed

@@ -80,3 +80,11 @@ $sizes-vertical: (
 .align-end {
   align-items: end;
 }
+// Propagate `align-items` to the internal wrapper element to prevent possible misalignments.
+// When the consumer-provided content is an inline element shorter than the line height,
+// this component-rendered child can be taller than it, giving room for misalignment.
+.child-aligned {
+  display: flex;
+  align-items: inherit;
+}

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -56,5 +56,5 @@
   }
 }
 :root {
-  --awsui-version-info-ea381b71: true;
+  --awsui-version-info-708448a8: true;
 }

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

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

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

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (ea381b71)",
-  "GIT_SHA": "ea381b71",
+  "PACKAGE_VERSION": "3.0.0 (708448a8)",
+  "GIT_SHA": "708448a8",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

package/lib/internal/template/key-value-pairs/styles.css.js CHANGED Viewed

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "key-value-pairs": "awsui_key-value-pairs_1y9fy_19juz_9",
-  "group-title": "awsui_group-title_1y9fy_19juz_41",
-  "group-list": "awsui_group-list_1y9fy_19juz_45",
-  "group-list-item": "awsui_group-list-item_1y9fy_19juz_55",
-  "term": "awsui_term_1y9fy_19juz_59",
-  "key-label": "awsui_key-label_1y9fy_19juz_67",
-  "detail": "awsui_detail_1y9fy_19juz_76",
-  "info": "awsui_info_1y9fy_19juz_112"
+  "key-value-pairs": "awsui_key-value-pairs_1y9fy_13xqm_9",
+  "group-title": "awsui_group-title_1y9fy_13xqm_41",
+  "group-list": "awsui_group-list_1y9fy_13xqm_45",
+  "group-list-item": "awsui_group-list-item_1y9fy_13xqm_55",
+  "term": "awsui_term_1y9fy_13xqm_59",
+  "key-label": "awsui_key-label_1y9fy_13xqm_65",
+  "info": "awsui_info_1y9fy_13xqm_66",
+  "detail": "awsui_detail_1y9fy_13xqm_81"
 };

package/lib/internal/template/key-value-pairs/styles.scoped.css CHANGED Viewed

@@ -6,7 +6,7 @@
 /* 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_key-value-pairs_1y9fy_19juz_9:not(#\9) {
+.awsui_key-value-pairs_1y9fy_13xqm_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -38,11 +38,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_group-title_1y9fy_19juz_41:not(#\9) {
+.awsui_group-title_1y9fy_13xqm_41:not(#\9) {
   padding-block-end: var(--space-scaled-m-lfeh3i, 16px);
 }
-.awsui_group-list_1y9fy_19juz_45:not(#\9) {
+.awsui_group-list_1y9fy_13xqm_45:not(#\9) {
   margin-block-start: 0;
   margin-block-end: 0;
   margin-inline-start: 0;
@@ -52,28 +52,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   row-gap: var(--space-scaled-m-lfeh3i, 16px);
 }
-.awsui_group-list-item_1y9fy_19juz_55:not(#\9) {
+.awsui_group-list-item_1y9fy_13xqm_55:not(#\9) {
   /* used in test-utils */
 }
-.awsui_term_1y9fy_19juz_59:not(#\9) {
+.awsui_term_1y9fy_13xqm_59:not(#\9) {
+  color: var(--color-text-label-g80qnu, #545b64);
+  margin-block-end: var(--space-key-value-gap-ju2jyr, 2px);
+  line-height: 0;
+}
+.awsui_key-label_1y9fy_13xqm_65:not(#\9),
+.awsui_info_1y9fy_13xqm_66:not(#\9) {
   font-size: var(--font-size-key-value-pairs-label-3n21ly, 14px);
   line-height: var(--line-height-key-value-pairs-label-hztspf, 22px);
   font-weight: var(--font-weight-key-value-pairs-label-zp4d0l, 400);
-  color: var(--color-text-label-g80qnu, #545b64);
-  margin-block-end: var(--space-key-value-gap-ju2jyr, 2px);
 }
-.awsui_key-label_1y9fy_19juz_67:not(#\9) {
+.awsui_key-label_1y9fy_13xqm_65:not(#\9) {
   display: inline-flex;
   margin-inline-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_key-label_1y9fy_19juz_67:not(#\9):only-child {
+.awsui_key-label_1y9fy_13xqm_65:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_detail_1y9fy_19juz_76:not(#\9) {
+.awsui_detail_1y9fy_13xqm_81:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -109,7 +114,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-key-value-pairs-value-i86dvj, #16191f);
 }
-.awsui_info_1y9fy_19juz_112:not(#\9) {
+.awsui_info_1y9fy_13xqm_66:not(#\9) {
   display: inline-flex;
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
   border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);

package/lib/internal/template/key-value-pairs/styles.selectors.js CHANGED Viewed

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "key-value-pairs": "awsui_key-value-pairs_1y9fy_19juz_9",
-  "group-title": "awsui_group-title_1y9fy_19juz_41",
-  "group-list": "awsui_group-list_1y9fy_19juz_45",
-  "group-list-item": "awsui_group-list-item_1y9fy_19juz_55",
-  "term": "awsui_term_1y9fy_19juz_59",
-  "key-label": "awsui_key-label_1y9fy_19juz_67",
-  "detail": "awsui_detail_1y9fy_19juz_76",
-  "info": "awsui_info_1y9fy_19juz_112"
+  "key-value-pairs": "awsui_key-value-pairs_1y9fy_13xqm_9",
+  "group-title": "awsui_group-title_1y9fy_13xqm_41",
+  "group-list": "awsui_group-list_1y9fy_13xqm_45",
+  "group-list-item": "awsui_group-list-item_1y9fy_13xqm_55",
+  "term": "awsui_term_1y9fy_13xqm_59",
+  "key-label": "awsui_key-label_1y9fy_13xqm_65",
+  "info": "awsui_info_1y9fy_13xqm_66",
+  "detail": "awsui_detail_1y9fy_13xqm_81"
 };

package/lib/internal/template/space-between/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,QAAA,MAAM,oBAAoB,~~uHAiDzB~~,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,QAAA,MAAM,oBAAoB,uHAsDzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/internal/template/space-between/internal.js CHANGED Viewed

@@ -14,10 +14,11 @@ const InternalSpaceBetween = forwardRef(({ direction = 'vertical', size, childre
    Flattening the children allows us to "see through" React Fragments and nested arrays.
    */
     const flattenedChildren = flattenChildren(children, 'SpaceBetween');
+    const propagateAlignment = alignItems && direction === 'horizontal';
     return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "div", componentName: "SpaceBetween", nativeAttributes: nativeAttributes, className: clsx(baseProps.className, styles.root, styles[direction], styles[`${direction}-${size}`], alignItems && styles[`align-${alignItems}`]), ref: mergedRef }, flattenedChildren.map(child => {
         // If this react child is a primitive value, the key will be undefined
         const key = child && typeof child === 'object' ? child.key : undefined;
-        return (React.createElement("div", { key: key ? String(key) : undefined, className: styles.child }, child));
+        return (React.createElement("div", { key: key ? String(key) : undefined, className: clsx(styles.child, propagateAlignment && styles['child-aligned']) }, child));
     })));
 });
 export default InternalSpaceBetween;

package/lib/internal/template/space-between/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACkB,EAC5B,GAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;KAEC;IACD,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,cAAc,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,SAAS,IAEb,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,sEAAsE;QACtE,MAAM,GAAG,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,KAAgC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEnG,OAAO,CACL,~~6BAAK~~,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,~~EAAE~~,SAAS,EAAE,MAAM,CAAC,KAAK,~~IAC7D~~,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { flattenChildren } from '../internal/utils/flatten-children';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nconst InternalSpaceBetween = forwardRef(\n (\n {\n direction = 'vertical',\n size,\n children,\n alignItems,\n nativeAttributes,\n __internalRootRef,\n ...props\n }: InternalSpaceBetweenProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n const mergedRef = useMergeRefs(ref, __internalRootRef);\n const baseProps = getBaseProps(props);\n\n /\n Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n /\n const flattenedChildren = flattenChildren(children, 'SpaceBetween');\n\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"div\"\n componentName=\"SpaceBetween\"\n nativeAttributes={nativeAttributes}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[direction],\n styles[`${direction}-${size}`],\n alignItems && styles[`align-${alignItems}`]\n )}\n ref={mergedRef}\n >\n {flattenedChildren.map(child => {\n // If this react child is a primitive value, the key will be undefined\n const key = child && typeof child === 'object' ? (child as Record<'key', unknown>).key : undefined;\n\n return (\n <div key={key ? String(key) : undefined} className={styles.child}>\n {child}\n </div>\n );\n })}\n </WithNativeAttributes>\n );\n }\n);\n\nexport default InternalSpaceBetween;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACkB,EAC5B,GAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;KAEC;IACD,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,UAAU,IAAI,SAAS,KAAK,YAAY,CAAC;IAEpE,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,cAAc,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,SAAS,IAEb,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,sEAAsE;QACtE,MAAM,GAAG,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,KAAgC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEnG,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAClC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,kBAAkB,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,IAE3E,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { flattenChildren } from '../internal/utils/flatten-children';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nconst InternalSpaceBetween = forwardRef(\n (\n {\n direction = 'vertical',\n size,\n children,\n alignItems,\n nativeAttributes,\n __internalRootRef,\n ...props\n }: InternalSpaceBetweenProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n const mergedRef = useMergeRefs(ref, __internalRootRef);\n const baseProps = getBaseProps(props);\n\n /\n Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n /\n const flattenedChildren = flattenChildren(children, 'SpaceBetween');\n\n const propagateAlignment = alignItems && direction === 'horizontal';\n\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"div\"\n componentName=\"SpaceBetween\"\n nativeAttributes={nativeAttributes}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[direction],\n styles[`${direction}-${size}`],\n alignItems && styles[`align-${alignItems}`]\n )}\n ref={mergedRef}\n >\n {flattenedChildren.map(child => {\n // If this react child is a primitive value, the key will be undefined\n const key = child && typeof child === 'object' ? (child as Record<'key', unknown>).key : undefined;\n\n return (\n <div\n key={key ? String(key) : undefined}\n className={clsx(styles.child, propagateAlignment && styles['child-aligned'])}\n >\n {child}\n </div>\n );\n })}\n </WithNativeAttributes>\n );\n }\n);\n\nexport default InternalSpaceBetween;\n"]}

package/lib/internal/template/space-between/styles.css.js CHANGED Viewed

@@ -1,28 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_18582_15yy8_9",
-  "child": "awsui_child_18582_15yy8_13",
-  "horizontal": "awsui_horizontal_18582_15yy8_24",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_15yy8_28",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_15yy8_31",
-  "horizontal-xs": "awsui_horizontal-xs_18582_15yy8_34",
-  "horizontal-s": "awsui_horizontal-s_18582_15yy8_37",
-  "horizontal-m": "awsui_horizontal-m_18582_15yy8_40",
-  "horizontal-l": "awsui_horizontal-l_18582_15yy8_43",
-  "horizontal-xl": "awsui_horizontal-xl_18582_15yy8_46",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_15yy8_49",
-  "vertical": "awsui_vertical_18582_15yy8_56",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_15yy8_59",
-  "vertical-xxs": "awsui_vertical-xxs_18582_15yy8_62",
-  "vertical-xs": "awsui_vertical-xs_18582_15yy8_65",
-  "vertical-s": "awsui_vertical-s_18582_15yy8_68",
-  "vertical-m": "awsui_vertical-m_18582_15yy8_71",
-  "vertical-l": "awsui_vertical-l_18582_15yy8_74",
-  "vertical-xl": "awsui_vertical-xl_18582_15yy8_77",
-  "vertical-xxl": "awsui_vertical-xxl_18582_15yy8_80",
-  "align-center": "awsui_align-center_18582_15yy8_84",
-  "align-start": "awsui_align-start_18582_15yy8_88",
-  "align-end": "awsui_align-end_18582_15yy8_92"
+  "root": "awsui_root_18582_7gmeu_9",
+  "child": "awsui_child_18582_7gmeu_13",
+  "horizontal": "awsui_horizontal_18582_7gmeu_24",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_7gmeu_28",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_7gmeu_31",
+  "horizontal-xs": "awsui_horizontal-xs_18582_7gmeu_34",
+  "horizontal-s": "awsui_horizontal-s_18582_7gmeu_37",
+  "horizontal-m": "awsui_horizontal-m_18582_7gmeu_40",
+  "horizontal-l": "awsui_horizontal-l_18582_7gmeu_43",
+  "horizontal-xl": "awsui_horizontal-xl_18582_7gmeu_46",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_7gmeu_49",
+  "vertical": "awsui_vertical_18582_7gmeu_56",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_7gmeu_59",
+  "vertical-xxs": "awsui_vertical-xxs_18582_7gmeu_62",
+  "vertical-xs": "awsui_vertical-xs_18582_7gmeu_65",
+  "vertical-s": "awsui_vertical-s_18582_7gmeu_68",
+  "vertical-m": "awsui_vertical-m_18582_7gmeu_71",
+  "vertical-l": "awsui_vertical-l_18582_7gmeu_74",
+  "vertical-xl": "awsui_vertical-xl_18582_7gmeu_77",
+  "vertical-xxl": "awsui_vertical-xxl_18582_7gmeu_80",
+  "align-center": "awsui_align-center_18582_7gmeu_84",
+  "align-start": "awsui_align-start_18582_7gmeu_88",
+  "align-end": "awsui_align-end_18582_7gmeu_92",
+  "child-aligned": "awsui_child-aligned_18582_7gmeu_96"
 };

package/lib/internal/template/space-between/styles.scoped.css CHANGED Viewed

@@ -6,89 +6,94 @@
 /* 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_18582_15yy8_9:not(#\9) {
+.awsui_root_18582_7gmeu_9:not(#\9) {
   display: flex;
 }
-.awsui_child_18582_15yy8_13:not(#\9) {
+.awsui_child_18582_7gmeu_13:not(#\9) {
   /* used in test-utils */
 }
-.awsui_child_18582_15yy8_13:not(#\9):empty {
+.awsui_child_18582_7gmeu_13:not(#\9):empty {
   display: none;
 }
 /*
  * Horizontal variant
  */
-.awsui_horizontal_18582_15yy8_24:not(#\9) {
+.awsui_horizontal_18582_7gmeu_24:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_horizontal-xxxs_18582_15yy8_28:not(#\9) {
+.awsui_horizontal-xxxs_18582_7gmeu_28:not(#\9) {
   gap: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_horizontal-xxs_18582_15yy8_31:not(#\9) {
+.awsui_horizontal-xxs_18582_7gmeu_31:not(#\9) {
   gap: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_horizontal-xs_18582_15yy8_34:not(#\9) {
+.awsui_horizontal-xs_18582_7gmeu_34:not(#\9) {
   gap: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_horizontal-s_18582_15yy8_37:not(#\9) {
+.awsui_horizontal-s_18582_7gmeu_37:not(#\9) {
   gap: var(--space-s-kll7oj, 12px);
 }
-.awsui_horizontal-m_18582_15yy8_40:not(#\9) {
+.awsui_horizontal-m_18582_7gmeu_40:not(#\9) {
   gap: var(--space-m-n8iq8o, 16px);
 }
-.awsui_horizontal-l_18582_15yy8_43:not(#\9) {
+.awsui_horizontal-l_18582_7gmeu_43:not(#\9) {
   gap: var(--space-l-dpyxli, 20px);
 }
-.awsui_horizontal-xl_18582_15yy8_46:not(#\9) {
+.awsui_horizontal-xl_18582_7gmeu_46:not(#\9) {
   gap: var(--space-xl-6jh0ay, 24px);
 }
-.awsui_horizontal-xxl_18582_15yy8_49:not(#\9) {
+.awsui_horizontal-xxl_18582_7gmeu_49:not(#\9) {
   gap: var(--space-xxl-xj5vu7, 32px);
 }
 /*
  * Vertical variant
  */
-.awsui_vertical_18582_15yy8_56:not(#\9) {
+.awsui_vertical_18582_7gmeu_56:not(#\9) {
   flex-direction: column;
 }
-.awsui_vertical-xxxs_18582_15yy8_59:not(#\9) {
+.awsui_vertical-xxxs_18582_7gmeu_59:not(#\9) {
   row-gap: var(--space-xxxs-3ulqs3, 2px);
 }
-.awsui_vertical-xxs_18582_15yy8_62:not(#\9) {
+.awsui_vertical-xxs_18582_7gmeu_62:not(#\9) {
   row-gap: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_vertical-xs_18582_15yy8_65:not(#\9) {
+.awsui_vertical-xs_18582_7gmeu_65:not(#\9) {
   row-gap: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_vertical-s_18582_15yy8_68:not(#\9) {
+.awsui_vertical-s_18582_7gmeu_68:not(#\9) {
   row-gap: var(--space-scaled-s-2crg2b, 12px);
 }
-.awsui_vertical-m_18582_15yy8_71:not(#\9) {
+.awsui_vertical-m_18582_7gmeu_71:not(#\9) {
   row-gap: var(--space-scaled-m-lfeh3i, 16px);
 }
-.awsui_vertical-l_18582_15yy8_74:not(#\9) {
+.awsui_vertical-l_18582_7gmeu_74:not(#\9) {
   row-gap: var(--space-scaled-l-33ruz6, 20px);
 }
-.awsui_vertical-xl_18582_15yy8_77:not(#\9) {
+.awsui_vertical-xl_18582_7gmeu_77:not(#\9) {
   row-gap: var(--space-scaled-xl-avp3kz, 24px);
 }
-.awsui_vertical-xxl_18582_15yy8_80:not(#\9) {
+.awsui_vertical-xxl_18582_7gmeu_80:not(#\9) {
   row-gap: var(--space-scaled-xxl-qprsam, 32px);
 }
-.awsui_align-center_18582_15yy8_84:not(#\9) {
+.awsui_align-center_18582_7gmeu_84:not(#\9) {
   align-items: center;
 }
-.awsui_align-start_18582_15yy8_88:not(#\9) {
+.awsui_align-start_18582_7gmeu_88:not(#\9) {
   align-items: start;
 }
-.awsui_align-end_18582_15yy8_92:not(#\9) {
+.awsui_align-end_18582_7gmeu_92:not(#\9) {
   align-items: end;
+}
+.awsui_child-aligned_18582_7gmeu_96:not(#\9) {
+  display: flex;
+  align-items: inherit;
 }

package/lib/internal/template/space-between/styles.selectors.js CHANGED Viewed

@@ -2,28 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_18582_15yy8_9",
-  "child": "awsui_child_18582_15yy8_13",
-  "horizontal": "awsui_horizontal_18582_15yy8_24",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_15yy8_28",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_15yy8_31",
-  "horizontal-xs": "awsui_horizontal-xs_18582_15yy8_34",
-  "horizontal-s": "awsui_horizontal-s_18582_15yy8_37",
-  "horizontal-m": "awsui_horizontal-m_18582_15yy8_40",
-  "horizontal-l": "awsui_horizontal-l_18582_15yy8_43",
-  "horizontal-xl": "awsui_horizontal-xl_18582_15yy8_46",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_15yy8_49",
-  "vertical": "awsui_vertical_18582_15yy8_56",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_15yy8_59",
-  "vertical-xxs": "awsui_vertical-xxs_18582_15yy8_62",
-  "vertical-xs": "awsui_vertical-xs_18582_15yy8_65",
-  "vertical-s": "awsui_vertical-s_18582_15yy8_68",
-  "vertical-m": "awsui_vertical-m_18582_15yy8_71",
-  "vertical-l": "awsui_vertical-l_18582_15yy8_74",
-  "vertical-xl": "awsui_vertical-xl_18582_15yy8_77",
-  "vertical-xxl": "awsui_vertical-xxl_18582_15yy8_80",
-  "align-center": "awsui_align-center_18582_15yy8_84",
-  "align-start": "awsui_align-start_18582_15yy8_88",
-  "align-end": "awsui_align-end_18582_15yy8_92"
+  "root": "awsui_root_18582_7gmeu_9",
+  "child": "awsui_child_18582_7gmeu_13",
+  "horizontal": "awsui_horizontal_18582_7gmeu_24",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_7gmeu_28",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_7gmeu_31",
+  "horizontal-xs": "awsui_horizontal-xs_18582_7gmeu_34",
+  "horizontal-s": "awsui_horizontal-s_18582_7gmeu_37",
+  "horizontal-m": "awsui_horizontal-m_18582_7gmeu_40",
+  "horizontal-l": "awsui_horizontal-l_18582_7gmeu_43",
+  "horizontal-xl": "awsui_horizontal-xl_18582_7gmeu_46",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_7gmeu_49",
+  "vertical": "awsui_vertical_18582_7gmeu_56",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_7gmeu_59",
+  "vertical-xxs": "awsui_vertical-xxs_18582_7gmeu_62",
+  "vertical-xs": "awsui_vertical-xs_18582_7gmeu_65",
+  "vertical-s": "awsui_vertical-s_18582_7gmeu_68",
+  "vertical-m": "awsui_vertical-m_18582_7gmeu_71",
+  "vertical-l": "awsui_vertical-l_18582_7gmeu_74",
+  "vertical-xl": "awsui_vertical-xl_18582_7gmeu_77",
+  "vertical-xxl": "awsui_vertical-xxl_18582_7gmeu_80",
+  "align-center": "awsui_align-center_18582_7gmeu_84",
+  "align-start": "awsui_align-start_18582_7gmeu_88",
+  "align-end": "awsui_align-end_18582_7gmeu_92",
+  "child-aligned": "awsui_child-aligned_18582_7gmeu_96"
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1384",
+  "version": "3.0.1385",
   "files": [
     "lib"
   ],