@cloudscape-design/components 3.0.246 → 3.0.247

package/space-between/styles.scoped.css

@@ -90,141 +90,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_18582_1f6cg_93:not(#\9) {
+.awsui_root_18582_3m3ph_93:not(#\9) {
   display: flex;
 }
 
-.awsui_child_18582_1f6cg_97:not(#\9) {
+.awsui_child_18582_3m3ph_97:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_child_18582_1f6cg_97:not(#\9):empty {
+.awsui_child_18582_3m3ph_97:not(#\9):empty {
   display: none;
 }
 
 /*
  * Horizontal variant
  */
-.awsui_horizontal_18582_1f6cg_108:not(#\9) {
+.awsui_horizontal_18582_3m3ph_108:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_horizontal-xxxs_18582_1f6cg_112:not(#\9) {
-  margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
-  margin-bottom: calc(-1 * var(--space-xxxs-k2w98v, 2px));
+.awsui_horizontal-xxxs_18582_3m3ph_112:not(#\9) {
+  gap: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_horizontal-xxs_18582_1f6cg_116:not(#\9) {
-  margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
-  margin-bottom: calc(-1 * var(--space-xxs-ynfts5, 4px));
+.awsui_horizontal-xxs_18582_3m3ph_115:not(#\9) {
+  gap: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_horizontal-xs_18582_1f6cg_120:not(#\9) {
-  margin-left: calc(-1 * var(--space-xs-rsr2qu, 8px));
-  margin-bottom: calc(-1 * var(--space-xs-rsr2qu, 8px));
+.awsui_horizontal-xs_18582_3m3ph_118:not(#\9) {
+  gap: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_horizontal-s_18582_1f6cg_124:not(#\9) {
-  margin-left: calc(-1 * var(--space-s-hv8c1d, 12px));
-  margin-bottom: calc(-1 * var(--space-s-hv8c1d, 12px));
+.awsui_horizontal-s_18582_3m3ph_121:not(#\9) {
+  gap: var(--space-s-hv8c1d, 12px);
 }
-.awsui_horizontal-m_18582_1f6cg_128:not(#\9) {
-  margin-left: calc(-1 * var(--space-m-17eucw, 16px));
-  margin-bottom: calc(-1 * var(--space-m-17eucw, 16px));
+.awsui_horizontal-m_18582_3m3ph_124:not(#\9) {
+  gap: var(--space-m-17eucw, 16px);
 }
-.awsui_horizontal-l_18582_1f6cg_132:not(#\9) {
-  margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
-  margin-bottom: calc(-1 * var(--space-l-4vl6xu, 20px));
+.awsui_horizontal-l_18582_3m3ph_127:not(#\9) {
+  gap: var(--space-l-4vl6xu, 20px);
 }
-.awsui_horizontal-xl_18582_1f6cg_136:not(#\9) {
-  margin-left: calc(-1 * var(--space-xl-a39hup, 24px));
-  margin-bottom: calc(-1 * var(--space-xl-a39hup, 24px));
+.awsui_horizontal-xl_18582_3m3ph_130:not(#\9) {
+  gap: var(--space-xl-a39hup, 24px);
 }
-.awsui_horizontal-xxl_18582_1f6cg_140:not(#\9) {
-  margin-left: calc(-1 * var(--space-xxl-2nvmf1, 32px));
-  margin-bottom: calc(-1 * var(--space-xxl-2nvmf1, 32px));
-}
-
-.awsui_child-horizontal-xxxs_18582_1f6cg_145:not(#\9) {
-  margin-left: var(--space-xxxs-k2w98v, 2px);
-  margin-bottom: var(--space-xxxs-k2w98v, 2px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-xxs_18582_1f6cg_151:not(#\9) {
-  margin-left: var(--space-xxs-ynfts5, 4px);
-  margin-bottom: var(--space-xxs-ynfts5, 4px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-xs_18582_1f6cg_157:not(#\9) {
-  margin-left: var(--space-xs-rsr2qu, 8px);
-  margin-bottom: var(--space-xs-rsr2qu, 8px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-s_18582_1f6cg_163:not(#\9) {
-  margin-left: var(--space-s-hv8c1d, 12px);
-  margin-bottom: var(--space-s-hv8c1d, 12px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-m_18582_1f6cg_169:not(#\9) {
-  margin-left: var(--space-m-17eucw, 16px);
-  margin-bottom: var(--space-m-17eucw, 16px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-l_18582_1f6cg_175:not(#\9) {
-  margin-left: var(--space-l-4vl6xu, 20px);
-  margin-bottom: var(--space-l-4vl6xu, 20px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-xl_18582_1f6cg_181:not(#\9) {
-  margin-left: var(--space-xl-a39hup, 24px);
-  margin-bottom: var(--space-xl-a39hup, 24px);
-  min-width: 1px;
-}
-
-.awsui_child-horizontal-xxl_18582_1f6cg_187:not(#\9) {
-  margin-left: var(--space-xxl-2nvmf1, 32px);
-  margin-bottom: var(--space-xxl-2nvmf1, 32px);
-  min-width: 1px;
+.awsui_horizontal-xxl_18582_3m3ph_133:not(#\9) {
+  gap: var(--space-xxl-2nvmf1, 32px);
 }
 
 /*
  * Vertical variant
  */
-.awsui_vertical_18582_1f6cg_196:not(#\9) {
+.awsui_vertical_18582_3m3ph_140:not(#\9) {
   flex-direction: column;
 }
-
-.awsui_child-vertical-xxxs_18582_1f6cg_200:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-xxxs-k2w98v, 2px);
+.awsui_vertical-xxxs_18582_3m3ph_143:not(#\9) {
+  row-gap: var(--space-xxxs-k2w98v, 2px);
 }
-
-.awsui_child-vertical-xxs_18582_1f6cg_204:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-xxs-ynfts5, 4px);
+.awsui_vertical-xxs_18582_3m3ph_146:not(#\9) {
+  row-gap: var(--space-xxs-ynfts5, 4px);
 }
-
-.awsui_child-vertical-xs_18582_1f6cg_208:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-xs-rsr2qu, 8px);
+.awsui_vertical-xs_18582_3m3ph_149:not(#\9) {
+  row-gap: var(--space-xs-rsr2qu, 8px);
 }
-
-.awsui_child-vertical-s_18582_1f6cg_212:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-scaled-s-cu1hzn, 12px);
+.awsui_vertical-s_18582_3m3ph_152:not(#\9) {
+  row-gap: var(--space-scaled-s-cu1hzn, 12px);
 }
-
-.awsui_child-vertical-m_18582_1f6cg_216:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
+.awsui_vertical-m_18582_3m3ph_155:not(#\9) {
+  row-gap: var(--space-scaled-m-pv0fmt, 16px);
 }
-
-.awsui_child-vertical-l_18582_1f6cg_220:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-scaled-l-t03y3z, 20px);
+.awsui_vertical-l_18582_3m3ph_158:not(#\9) {
+  row-gap: var(--space-scaled-l-t03y3z, 20px);
 }
-
-.awsui_child-vertical-xl_18582_1f6cg_224:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-scaled-xl-w2t504, 24px);
+.awsui_vertical-xl_18582_3m3ph_161:not(#\9) {
+  row-gap: var(--space-scaled-xl-w2t504, 24px);
 }
-
-.awsui_child-vertical-xxl_18582_1f6cg_228:not(#\9):not(:last-child) {
-  margin-bottom: var(--space-scaled-xxl-pfgv96, 32px);
+.awsui_vertical-xxl_18582_3m3ph_164:not(#\9) {
+  row-gap: var(--space-scaled-xxl-pfgv96, 32px);
 }

package/space-between/styles.selectors.js

@@ -2,33 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_18582_1f6cg_93",
-  "child": "awsui_child_18582_1f6cg_97",
-  "horizontal": "awsui_horizontal_18582_1f6cg_108",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_1f6cg_112",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_1f6cg_116",
-  "horizontal-xs": "awsui_horizontal-xs_18582_1f6cg_120",
-  "horizontal-s": "awsui_horizontal-s_18582_1f6cg_124",
-  "horizontal-m": "awsui_horizontal-m_18582_1f6cg_128",
-  "horizontal-l": "awsui_horizontal-l_18582_1f6cg_132",
-  "horizontal-xl": "awsui_horizontal-xl_18582_1f6cg_136",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_1f6cg_140",
-  "child-horizontal-xxxs": "awsui_child-horizontal-xxxs_18582_1f6cg_145",
-  "child-horizontal-xxs": "awsui_child-horizontal-xxs_18582_1f6cg_151",
-  "child-horizontal-xs": "awsui_child-horizontal-xs_18582_1f6cg_157",
-  "child-horizontal-s": "awsui_child-horizontal-s_18582_1f6cg_163",
-  "child-horizontal-m": "awsui_child-horizontal-m_18582_1f6cg_169",
-  "child-horizontal-l": "awsui_child-horizontal-l_18582_1f6cg_175",
-  "child-horizontal-xl": "awsui_child-horizontal-xl_18582_1f6cg_181",
-  "child-horizontal-xxl": "awsui_child-horizontal-xxl_18582_1f6cg_187",
-  "vertical": "awsui_vertical_18582_1f6cg_196",
-  "child-vertical-xxxs": "awsui_child-vertical-xxxs_18582_1f6cg_200",
-  "child-vertical-xxs": "awsui_child-vertical-xxs_18582_1f6cg_204",
-  "child-vertical-xs": "awsui_child-vertical-xs_18582_1f6cg_208",
-  "child-vertical-s": "awsui_child-vertical-s_18582_1f6cg_212",
-  "child-vertical-m": "awsui_child-vertical-m_18582_1f6cg_216",
-  "child-vertical-l": "awsui_child-vertical-l_18582_1f6cg_220",
-  "child-vertical-xl": "awsui_child-vertical-xl_18582_1f6cg_224",
-  "child-vertical-xxl": "awsui_child-vertical-xxl_18582_1f6cg_228"
+  "root": "awsui_root_18582_3m3ph_93",
+  "child": "awsui_child_18582_3m3ph_97",
+  "horizontal": "awsui_horizontal_18582_3m3ph_108",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_3m3ph_112",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_3m3ph_115",
+  "horizontal-xs": "awsui_horizontal-xs_18582_3m3ph_118",
+  "horizontal-s": "awsui_horizontal-s_18582_3m3ph_121",
+  "horizontal-m": "awsui_horizontal-m_18582_3m3ph_124",
+  "horizontal-l": "awsui_horizontal-l_18582_3m3ph_127",
+  "horizontal-xl": "awsui_horizontal-xl_18582_3m3ph_130",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_3m3ph_133",
+  "vertical": "awsui_vertical_18582_3m3ph_140",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_3m3ph_143",
+  "vertical-xxs": "awsui_vertical-xxs_18582_3m3ph_146",
+  "vertical-xs": "awsui_vertical-xs_18582_3m3ph_149",
+  "vertical-s": "awsui_vertical-s_18582_3m3ph_152",
+  "vertical-m": "awsui_vertical-m_18582_3m3ph_155",
+  "vertical-l": "awsui_vertical-l_18582_3m3ph_158",
+  "vertical-xl": "awsui_vertical-xl_18582_3m3ph_161",
+  "vertical-xxl": "awsui_vertical-xxl_18582_3m3ph_164"
 };