@alfalab/core-components 45.5.0 → 45.6.0-beta.1

package/gap/modern-pcss-raw/Component.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import cn from 'classnames';
+
+const styles = {"grid-gap":"gap","gap":"gap","vertical":"vertical","horizontal":"horizontal"};
+require('./index.css');
+
+const SIZE_TO_CLASSNAME_MAP = {
+    '3xs': 'size-2',
+    '2xs': 'size-4',
+    xs: 'size-8',
+    s: 'size-12',
+    m: 'size-16',
+    l: 'size-20',
+    xl: 'size-24',
+    '2xl': 'size-32',
+    '3xl': 'size-40',
+    '4xl': 'size-48',
+    '5xl': 'size-64',
+    '6xl': 'size-72',
+    '7xl': 'size-96',
+    '8xl': 'size-128',
+    0: 'size-0',
+    1: 'size-1',
+    2: 'size-2',
+    4: 'size-4',
+    8: 'size-8',
+    12: 'size-12',
+    16: 'size-16',
+    20: 'size-20',
+    24: 'size-24',
+    32: 'size-32',
+    40: 'size-40',
+    48: 'size-48',
+    64: 'size-64',
+    72: 'size-72',
+    96: 'size-96',
+    128: 'size-128',
+    256: 'size-256',
+};
+const Gap = ({ size, direction = 'vertical', tag: Component = 'div', className, dataTestId, }) => (React.createElement(Component, { "data-test-id": dataTestId, "data-gap-size": SIZE_TO_CLASSNAME_MAP[size], className: cn(styles.gap, styles[direction], className) }));
+
+export { Gap };

package/gap/modern-pcss-raw/index.css

@@ -0,0 +1,93 @@
+/* hash: fga24 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} .gap {
+    flex-shrink: 0;
+} .vertical {
+    overflow: hidden;
+    display: block;
+} .horizontal {
+    display: inline-block;
+    overflow: hidden;
+} /* prettier-ignore */ .vertical.gap[data-gap-size='size-0'] {
+        height: 0px;
+    } .vertical.gap[data-gap-size='size-1'] {
+        height: 1px;
+    } .vertical.gap[data-gap-size='size-2'] {
+        height: 2px;
+    } .vertical.gap[data-gap-size='size-4'] {
+        height: 4px;
+    } .vertical.gap[data-gap-size='size-8'] {
+        height: 8px;
+    } .vertical.gap[data-gap-size='size-12'] {
+        height: 12px;
+    } .vertical.gap[data-gap-size='size-16'] {
+        height: 16px;
+    } .vertical.gap[data-gap-size='size-20'] {
+        height: 20px;
+    } .vertical.gap[data-gap-size='size-24'] {
+        height: 24px;
+    } .vertical.gap[data-gap-size='size-32'] {
+        height: 32px;
+    } .vertical.gap[data-gap-size='size-40'] {
+        height: 40px;
+    } .vertical.gap[data-gap-size='size-48'] {
+        height: 48px;
+    } .vertical.gap[data-gap-size='size-64'] {
+        height: 64px;
+    } .vertical.gap[data-gap-size='size-72'] {
+        height: 72px;
+    } .vertical.gap[data-gap-size='size-96'] {
+        height: 96px;
+    } .vertical.gap[data-gap-size='size-128'] {
+        height: 128px;
+    } .vertical.gap[data-gap-size='size-256'] {
+        height: 256px;
+    } /* prettier-ignore */ .horizontal.gap[data-gap-size='size-0'] {
+        width: 0px;
+    } .horizontal.gap[data-gap-size='size-1'] {
+        width: 1px;
+    } .horizontal.gap[data-gap-size='size-2'] {
+        width: 2px;
+    } .horizontal.gap[data-gap-size='size-4'] {
+        width: 4px;
+    } .horizontal.gap[data-gap-size='size-8'] {
+        width: 8px;
+    } .horizontal.gap[data-gap-size='size-12'] {
+        width: 12px;
+    } .horizontal.gap[data-gap-size='size-16'] {
+        width: 16px;
+    } .horizontal.gap[data-gap-size='size-20'] {
+        width: 20px;
+    } .horizontal.gap[data-gap-size='size-24'] {
+        width: 24px;
+    } .horizontal.gap[data-gap-size='size-32'] {
+        width: 32px;
+    } .horizontal.gap[data-gap-size='size-40'] {
+        width: 40px;
+    } .horizontal.gap[data-gap-size='size-48'] {
+        width: 48px;
+    } .horizontal.gap[data-gap-size='size-64'] {
+        width: 64px;
+    } .horizontal.gap[data-gap-size='size-72'] {
+        width: 72px;
+    } .horizontal.gap[data-gap-size='size-96'] {
+        width: 96px;
+    } .horizontal.gap[data-gap-size='size-128'] {
+        width: 128px;
+    } .horizontal.gap[data-gap-size='size-256'] {
+        width: 256px;
+    }

package/gap/modern-pcss-raw/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/gap/modern-pcss-raw/index.js

@@ -0,0 +1,3 @@
+export { Gap } from './Component.js';
+import 'react';
+import 'classnames';

package/generic-wrapper/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"generic-wrapper__component_g4ele","column":"generic-wrapper__column_g4ele","align-stretch":"generic-wrapper__align-stretch_g4ele","align-start":"generic-wrapper__align-start_g4ele","align-end":"generic-wrapper__align-end_g4ele","align-center":"generic-wrapper__align-center_g4ele","align-baseline":"generic-wrapper__align-baseline_g4ele","justify-center":"generic-wrapper__justify-center_g4ele","justify-between":"generic-wrapper__justify-between_g4ele","justify-around":"generic-wrapper__justify-around_g4ele","justify-evenly":"generic-wrapper__justify-evenly_g4ele","justify-start":"generic-wrapper__justify-start_g4ele","justify-end":"generic-wrapper__justify-end_g4ele","grow":"generic-wrapper__grow_g4ele","padding-top-3xs":"generic-wrapper__padding-top-3xs_g4ele","padding-top-2xs":"generic-wrapper__padding-top-2xs_g4ele","padding-top-xs":"generic-wrapper__padding-top-xs_g4ele","padding-top-s":"generic-wrapper__padding-top-s_g4ele","padding-top-m":"generic-wrapper__padding-top-m_g4ele","padding-top-l":"generic-wrapper__padding-top-l_g4ele","padding-top-xl":"generic-wrapper__padding-top-xl_g4ele","padding-right-3xs":"generic-wrapper__padding-right-3xs_g4ele","padding-right-2xs":"generic-wrapper__padding-right-2xs_g4ele","padding-right-xs":"generic-wrapper__padding-right-xs_g4ele","padding-right-s":"generic-wrapper__padding-right-s_g4ele","padding-right-m":"generic-wrapper__padding-right-m_g4ele","padding-right-l":"generic-wrapper__padding-right-l_g4ele","padding-right-xl":"generic-wrapper__padding-right-xl_g4ele","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_g4ele","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_g4ele","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_g4ele","padding-bottom-s":"generic-wrapper__padding-bottom-s_g4ele","padding-bottom-m":"generic-wrapper__padding-bottom-m_g4ele","padding-bottom-l":"generic-wrapper__padding-bottom-l_g4ele","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_g4ele","padding-left-3xs":"generic-wrapper__padding-left-3xs_g4ele","padding-left-2xs":"generic-wrapper__padding-left-2xs_g4ele","padding-left-xs":"generic-wrapper__padding-left-xs_g4ele","padding-left-s":"generic-wrapper__padding-left-s_g4ele","padding-left-m":"generic-wrapper__padding-left-m_g4ele","padding-left-l":"generic-wrapper__padding-left-l_g4ele","padding-left-xl":"generic-wrapper__padding-left-xl_g4ele"};
+var styles = {"component":"generic-wrapper__component_10u5y","column":"generic-wrapper__column_10u5y","align-stretch":"generic-wrapper__align-stretch_10u5y","align-start":"generic-wrapper__align-start_10u5y","align-end":"generic-wrapper__align-end_10u5y","align-center":"generic-wrapper__align-center_10u5y","align-baseline":"generic-wrapper__align-baseline_10u5y","justify-center":"generic-wrapper__justify-center_10u5y","justify-between":"generic-wrapper__justify-between_10u5y","justify-around":"generic-wrapper__justify-around_10u5y","justify-evenly":"generic-wrapper__justify-evenly_10u5y","justify-start":"generic-wrapper__justify-start_10u5y","justify-end":"generic-wrapper__justify-end_10u5y","grow":"generic-wrapper__grow_10u5y","padding-top-3xs":"generic-wrapper__padding-top-3xs_10u5y","padding-top-2xs":"generic-wrapper__padding-top-2xs_10u5y","padding-top-xs":"generic-wrapper__padding-top-xs_10u5y","padding-top-s":"generic-wrapper__padding-top-s_10u5y","padding-top-m":"generic-wrapper__padding-top-m_10u5y","padding-top-l":"generic-wrapper__padding-top-l_10u5y","padding-top-xl":"generic-wrapper__padding-top-xl_10u5y","padding-right-3xs":"generic-wrapper__padding-right-3xs_10u5y","padding-right-2xs":"generic-wrapper__padding-right-2xs_10u5y","padding-right-xs":"generic-wrapper__padding-right-xs_10u5y","padding-right-s":"generic-wrapper__padding-right-s_10u5y","padding-right-m":"generic-wrapper__padding-right-m_10u5y","padding-right-l":"generic-wrapper__padding-right-l_10u5y","padding-right-xl":"generic-wrapper__padding-right-xl_10u5y","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_10u5y","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_10u5y","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_10u5y","padding-bottom-s":"generic-wrapper__padding-bottom-s_10u5y","padding-bottom-m":"generic-wrapper__padding-bottom-m_10u5y","padding-bottom-l":"generic-wrapper__padding-bottom-l_10u5y","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_10u5y","padding-left-3xs":"generic-wrapper__padding-left-3xs_10u5y","padding-left-2xs":"generic-wrapper__padding-left-2xs_10u5y","padding-left-xs":"generic-wrapper__padding-left-xs_10u5y","padding-left-s":"generic-wrapper__padding-left-s_10u5y","padding-left-m":"generic-wrapper__padding-left-m_10u5y","padding-left-l":"generic-wrapper__padding-left-l_10u5y","padding-left-xl":"generic-wrapper__padding-left-xl_10u5y"};
 require('./index.css');
 
 var GenericWrapper = function (_a) {

package/generic-wrapper/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"generic-wrapper__component_g4ele","column":"generic-wrapper__column_g4ele","align-stretch":"generic-wrapper__align-stretch_g4ele","align-start":"generic-wrapper__align-start_g4ele","align-end":"generic-wrapper__align-end_g4ele","align-center":"generic-wrapper__align-center_g4ele","align-baseline":"generic-wrapper__align-baseline_g4ele","justify-center":"generic-wrapper__justify-center_g4ele","justify-between":"generic-wrapper__justify-between_g4ele","justify-around":"generic-wrapper__justify-around_g4ele","justify-evenly":"generic-wrapper__justify-evenly_g4ele","justify-start":"generic-wrapper__justify-start_g4ele","justify-end":"generic-wrapper__justify-end_g4ele","grow":"generic-wrapper__grow_g4ele","padding-top-3xs":"generic-wrapper__padding-top-3xs_g4ele","padding-top-2xs":"generic-wrapper__padding-top-2xs_g4ele","padding-top-xs":"generic-wrapper__padding-top-xs_g4ele","padding-top-s":"generic-wrapper__padding-top-s_g4ele","padding-top-m":"generic-wrapper__padding-top-m_g4ele","padding-top-l":"generic-wrapper__padding-top-l_g4ele","padding-top-xl":"generic-wrapper__padding-top-xl_g4ele","padding-right-3xs":"generic-wrapper__padding-right-3xs_g4ele","padding-right-2xs":"generic-wrapper__padding-right-2xs_g4ele","padding-right-xs":"generic-wrapper__padding-right-xs_g4ele","padding-right-s":"generic-wrapper__padding-right-s_g4ele","padding-right-m":"generic-wrapper__padding-right-m_g4ele","padding-right-l":"generic-wrapper__padding-right-l_g4ele","padding-right-xl":"generic-wrapper__padding-right-xl_g4ele","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_g4ele","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_g4ele","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_g4ele","padding-bottom-s":"generic-wrapper__padding-bottom-s_g4ele","padding-bottom-m":"generic-wrapper__padding-bottom-m_g4ele","padding-bottom-l":"generic-wrapper__padding-bottom-l_g4ele","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_g4ele","padding-left-3xs":"generic-wrapper__padding-left-3xs_g4ele","padding-left-2xs":"generic-wrapper__padding-left-2xs_g4ele","padding-left-xs":"generic-wrapper__padding-left-xs_g4ele","padding-left-s":"generic-wrapper__padding-left-s_g4ele","padding-left-m":"generic-wrapper__padding-left-m_g4ele","padding-left-l":"generic-wrapper__padding-left-l_g4ele","padding-left-xl":"generic-wrapper__padding-left-xl_g4ele"};
+var styles = {"component":"generic-wrapper__component_10u5y","column":"generic-wrapper__column_10u5y","align-stretch":"generic-wrapper__align-stretch_10u5y","align-start":"generic-wrapper__align-start_10u5y","align-end":"generic-wrapper__align-end_10u5y","align-center":"generic-wrapper__align-center_10u5y","align-baseline":"generic-wrapper__align-baseline_10u5y","justify-center":"generic-wrapper__justify-center_10u5y","justify-between":"generic-wrapper__justify-between_10u5y","justify-around":"generic-wrapper__justify-around_10u5y","justify-evenly":"generic-wrapper__justify-evenly_10u5y","justify-start":"generic-wrapper__justify-start_10u5y","justify-end":"generic-wrapper__justify-end_10u5y","grow":"generic-wrapper__grow_10u5y","padding-top-3xs":"generic-wrapper__padding-top-3xs_10u5y","padding-top-2xs":"generic-wrapper__padding-top-2xs_10u5y","padding-top-xs":"generic-wrapper__padding-top-xs_10u5y","padding-top-s":"generic-wrapper__padding-top-s_10u5y","padding-top-m":"generic-wrapper__padding-top-m_10u5y","padding-top-l":"generic-wrapper__padding-top-l_10u5y","padding-top-xl":"generic-wrapper__padding-top-xl_10u5y","padding-right-3xs":"generic-wrapper__padding-right-3xs_10u5y","padding-right-2xs":"generic-wrapper__padding-right-2xs_10u5y","padding-right-xs":"generic-wrapper__padding-right-xs_10u5y","padding-right-s":"generic-wrapper__padding-right-s_10u5y","padding-right-m":"generic-wrapper__padding-right-m_10u5y","padding-right-l":"generic-wrapper__padding-right-l_10u5y","padding-right-xl":"generic-wrapper__padding-right-xl_10u5y","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_10u5y","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_10u5y","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_10u5y","padding-bottom-s":"generic-wrapper__padding-bottom-s_10u5y","padding-bottom-m":"generic-wrapper__padding-bottom-m_10u5y","padding-bottom-l":"generic-wrapper__padding-bottom-l_10u5y","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_10u5y","padding-left-3xs":"generic-wrapper__padding-left-3xs_10u5y","padding-left-2xs":"generic-wrapper__padding-left-2xs_10u5y","padding-left-xs":"generic-wrapper__padding-left-xs_10u5y","padding-left-s":"generic-wrapper__padding-left-s_10u5y","padding-left-m":"generic-wrapper__padding-left-m_10u5y","padding-left-l":"generic-wrapper__padding-left-l_10u5y","padding-left-xl":"generic-wrapper__padding-left-xl_10u5y"};
 require('./index.css');
 
 var GenericWrapper = function (_a) {

package/generic-wrapper/esm/index.css

@@ -21,89 +21,89 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .generic-wrapper__component_g4ele {
+} .generic-wrapper__component_10u5y {
     display: flex;
-} .generic-wrapper__column_g4ele {
+} .generic-wrapper__column_10u5y {
     display: flex;
     flex-direction: column;
-} .generic-wrapper__align-stretch_g4ele {
+} .generic-wrapper__align-stretch_10u5y {
     align-items: stretch;
-} .generic-wrapper__align-start_g4ele {
+} .generic-wrapper__align-start_10u5y {
     align-items: flex-start;
-} .generic-wrapper__align-end_g4ele {
+} .generic-wrapper__align-end_10u5y {
     align-items: flex-end;
-} .generic-wrapper__align-center_g4ele {
+} .generic-wrapper__align-center_10u5y {
     align-items: center;
-} .generic-wrapper__align-baseline_g4ele {
+} .generic-wrapper__align-baseline_10u5y {
     align-items: baseline;
-} .generic-wrapper__justify-center_g4ele {
+} .generic-wrapper__justify-center_10u5y {
     justify-content: center;
-} .generic-wrapper__justify-between_g4ele {
+} .generic-wrapper__justify-between_10u5y {
     justify-content: space-between;
-} .generic-wrapper__justify-around_g4ele {
+} .generic-wrapper__justify-around_10u5y {
     justify-content: space-around;
-} .generic-wrapper__justify-evenly_g4ele {
+} .generic-wrapper__justify-evenly_10u5y {
     justify-content: space-evenly;
-} .generic-wrapper__justify-start_g4ele {
+} .generic-wrapper__justify-start_10u5y {
     justify-content: flex-start;
-} .generic-wrapper__justify-end_g4ele {
+} .generic-wrapper__justify-end_10u5y {
     justify-content: flex-end;
-} .generic-wrapper__grow_g4ele {
+} .generic-wrapper__grow_10u5y {
     flex-grow: 1;
-} .generic-wrapper__padding-top-3xs_g4ele {
+} .generic-wrapper__padding-top-3xs_10u5y {
         padding-top: var(--gap-3xs);
-    } .generic-wrapper__padding-top-2xs_g4ele {
+    } .generic-wrapper__padding-top-2xs_10u5y {
         padding-top: var(--gap-2xs);
-    } .generic-wrapper__padding-top-xs_g4ele {
+    } .generic-wrapper__padding-top-xs_10u5y {
         padding-top: var(--gap-xs);
-    } .generic-wrapper__padding-top-s_g4ele {
+    } .generic-wrapper__padding-top-s_10u5y {
         padding-top: var(--gap-s);
-    } .generic-wrapper__padding-top-m_g4ele {
+    } .generic-wrapper__padding-top-m_10u5y {
         padding-top: var(--gap-m);
-    } .generic-wrapper__padding-top-l_g4ele {
+    } .generic-wrapper__padding-top-l_10u5y {
         padding-top: var(--gap-l);
-    } .generic-wrapper__padding-top-xl_g4ele {
+    } .generic-wrapper__padding-top-xl_10u5y {
         padding-top: var(--gap-xl);
-    } .generic-wrapper__padding-right-3xs_g4ele {
+    } .generic-wrapper__padding-right-3xs_10u5y {
         padding-right: var(--gap-3xs);
-    } .generic-wrapper__padding-right-2xs_g4ele {
+    } .generic-wrapper__padding-right-2xs_10u5y {
         padding-right: var(--gap-2xs);
-    } .generic-wrapper__padding-right-xs_g4ele {
+    } .generic-wrapper__padding-right-xs_10u5y {
         padding-right: var(--gap-xs);
-    } .generic-wrapper__padding-right-s_g4ele {
+    } .generic-wrapper__padding-right-s_10u5y {
         padding-right: var(--gap-s);
-    } .generic-wrapper__padding-right-m_g4ele {
+    } .generic-wrapper__padding-right-m_10u5y {
         padding-right: var(--gap-m);
-    } .generic-wrapper__padding-right-l_g4ele {
+    } .generic-wrapper__padding-right-l_10u5y {
         padding-right: var(--gap-l);
-    } .generic-wrapper__padding-right-xl_g4ele {
+    } .generic-wrapper__padding-right-xl_10u5y {
         padding-right: var(--gap-xl);
-    } .generic-wrapper__padding-bottom-3xs_g4ele {
+    } .generic-wrapper__padding-bottom-3xs_10u5y {
         padding-bottom: var(--gap-3xs);
-    } .generic-wrapper__padding-bottom-2xs_g4ele {
+    } .generic-wrapper__padding-bottom-2xs_10u5y {
         padding-bottom: var(--gap-2xs);
-    } .generic-wrapper__padding-bottom-xs_g4ele {
+    } .generic-wrapper__padding-bottom-xs_10u5y {
         padding-bottom: var(--gap-xs);
-    } .generic-wrapper__padding-bottom-s_g4ele {
+    } .generic-wrapper__padding-bottom-s_10u5y {
         padding-bottom: var(--gap-s);
-    } .generic-wrapper__padding-bottom-m_g4ele {
+    } .generic-wrapper__padding-bottom-m_10u5y {
         padding-bottom: var(--gap-m);
-    } .generic-wrapper__padding-bottom-l_g4ele {
+    } .generic-wrapper__padding-bottom-l_10u5y {
         padding-bottom: var(--gap-l);
-    } .generic-wrapper__padding-bottom-xl_g4ele {
+    } .generic-wrapper__padding-bottom-xl_10u5y {
         padding-bottom: var(--gap-xl);
-    } .generic-wrapper__padding-left-3xs_g4ele {
+    } .generic-wrapper__padding-left-3xs_10u5y {
         padding-left: var(--gap-3xs);
-    } .generic-wrapper__padding-left-2xs_g4ele {
+    } .generic-wrapper__padding-left-2xs_10u5y {
         padding-left: var(--gap-2xs);
-    } .generic-wrapper__padding-left-xs_g4ele {
+    } .generic-wrapper__padding-left-xs_10u5y {
         padding-left: var(--gap-xs);
-    } .generic-wrapper__padding-left-s_g4ele {
+    } .generic-wrapper__padding-left-s_10u5y {
         padding-left: var(--gap-s);
-    } .generic-wrapper__padding-left-m_g4ele {
+    } .generic-wrapper__padding-left-m_10u5y {
         padding-left: var(--gap-m);
-    } .generic-wrapper__padding-left-l_g4ele {
+    } .generic-wrapper__padding-left-l_10u5y {
         padding-left: var(--gap-l);
-    } .generic-wrapper__padding-left-xl_g4ele {
+    } .generic-wrapper__padding-left-xl_10u5y {
         padding-left: var(--gap-xl);
     }

package/generic-wrapper/index.css

@@ -21,89 +21,89 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .generic-wrapper__component_g4ele {
+} .generic-wrapper__component_10u5y {
     display: flex;
-} .generic-wrapper__column_g4ele {
+} .generic-wrapper__column_10u5y {
     display: flex;
     flex-direction: column;
-} .generic-wrapper__align-stretch_g4ele {
+} .generic-wrapper__align-stretch_10u5y {
     align-items: stretch;
-} .generic-wrapper__align-start_g4ele {
+} .generic-wrapper__align-start_10u5y {
     align-items: flex-start;
-} .generic-wrapper__align-end_g4ele {
+} .generic-wrapper__align-end_10u5y {
     align-items: flex-end;
-} .generic-wrapper__align-center_g4ele {
+} .generic-wrapper__align-center_10u5y {
     align-items: center;
-} .generic-wrapper__align-baseline_g4ele {
+} .generic-wrapper__align-baseline_10u5y {
     align-items: baseline;
-} .generic-wrapper__justify-center_g4ele {
+} .generic-wrapper__justify-center_10u5y {
     justify-content: center;
-} .generic-wrapper__justify-between_g4ele {
+} .generic-wrapper__justify-between_10u5y {
     justify-content: space-between;
-} .generic-wrapper__justify-around_g4ele {
+} .generic-wrapper__justify-around_10u5y {
     justify-content: space-around;
-} .generic-wrapper__justify-evenly_g4ele {
+} .generic-wrapper__justify-evenly_10u5y {
     justify-content: space-evenly;
-} .generic-wrapper__justify-start_g4ele {
+} .generic-wrapper__justify-start_10u5y {
     justify-content: flex-start;
-} .generic-wrapper__justify-end_g4ele {
+} .generic-wrapper__justify-end_10u5y {
     justify-content: flex-end;
-} .generic-wrapper__grow_g4ele {
+} .generic-wrapper__grow_10u5y {
     flex-grow: 1;
-} .generic-wrapper__padding-top-3xs_g4ele {
+} .generic-wrapper__padding-top-3xs_10u5y {
         padding-top: var(--gap-3xs);
-    } .generic-wrapper__padding-top-2xs_g4ele {
+    } .generic-wrapper__padding-top-2xs_10u5y {
         padding-top: var(--gap-2xs);
-    } .generic-wrapper__padding-top-xs_g4ele {
+    } .generic-wrapper__padding-top-xs_10u5y {
         padding-top: var(--gap-xs);
-    } .generic-wrapper__padding-top-s_g4ele {
+    } .generic-wrapper__padding-top-s_10u5y {
         padding-top: var(--gap-s);
-    } .generic-wrapper__padding-top-m_g4ele {
+    } .generic-wrapper__padding-top-m_10u5y {
         padding-top: var(--gap-m);
-    } .generic-wrapper__padding-top-l_g4ele {
+    } .generic-wrapper__padding-top-l_10u5y {
         padding-top: var(--gap-l);
-    } .generic-wrapper__padding-top-xl_g4ele {
+    } .generic-wrapper__padding-top-xl_10u5y {
         padding-top: var(--gap-xl);
-    } .generic-wrapper__padding-right-3xs_g4ele {
+    } .generic-wrapper__padding-right-3xs_10u5y {
         padding-right: var(--gap-3xs);
-    } .generic-wrapper__padding-right-2xs_g4ele {
+    } .generic-wrapper__padding-right-2xs_10u5y {
         padding-right: var(--gap-2xs);
-    } .generic-wrapper__padding-right-xs_g4ele {
+    } .generic-wrapper__padding-right-xs_10u5y {
         padding-right: var(--gap-xs);
-    } .generic-wrapper__padding-right-s_g4ele {
+    } .generic-wrapper__padding-right-s_10u5y {
         padding-right: var(--gap-s);
-    } .generic-wrapper__padding-right-m_g4ele {
+    } .generic-wrapper__padding-right-m_10u5y {
         padding-right: var(--gap-m);
-    } .generic-wrapper__padding-right-l_g4ele {
+    } .generic-wrapper__padding-right-l_10u5y {
         padding-right: var(--gap-l);
-    } .generic-wrapper__padding-right-xl_g4ele {
+    } .generic-wrapper__padding-right-xl_10u5y {
         padding-right: var(--gap-xl);
-    } .generic-wrapper__padding-bottom-3xs_g4ele {
+    } .generic-wrapper__padding-bottom-3xs_10u5y {
         padding-bottom: var(--gap-3xs);
-    } .generic-wrapper__padding-bottom-2xs_g4ele {
+    } .generic-wrapper__padding-bottom-2xs_10u5y {
         padding-bottom: var(--gap-2xs);
-    } .generic-wrapper__padding-bottom-xs_g4ele {
+    } .generic-wrapper__padding-bottom-xs_10u5y {
         padding-bottom: var(--gap-xs);
-    } .generic-wrapper__padding-bottom-s_g4ele {
+    } .generic-wrapper__padding-bottom-s_10u5y {
         padding-bottom: var(--gap-s);
-    } .generic-wrapper__padding-bottom-m_g4ele {
+    } .generic-wrapper__padding-bottom-m_10u5y {
         padding-bottom: var(--gap-m);
-    } .generic-wrapper__padding-bottom-l_g4ele {
+    } .generic-wrapper__padding-bottom-l_10u5y {
         padding-bottom: var(--gap-l);
-    } .generic-wrapper__padding-bottom-xl_g4ele {
+    } .generic-wrapper__padding-bottom-xl_10u5y {
         padding-bottom: var(--gap-xl);
-    } .generic-wrapper__padding-left-3xs_g4ele {
+    } .generic-wrapper__padding-left-3xs_10u5y {
         padding-left: var(--gap-3xs);
-    } .generic-wrapper__padding-left-2xs_g4ele {
+    } .generic-wrapper__padding-left-2xs_10u5y {
         padding-left: var(--gap-2xs);
-    } .generic-wrapper__padding-left-xs_g4ele {
+    } .generic-wrapper__padding-left-xs_10u5y {
         padding-left: var(--gap-xs);
-    } .generic-wrapper__padding-left-s_g4ele {
+    } .generic-wrapper__padding-left-s_10u5y {
         padding-left: var(--gap-s);
-    } .generic-wrapper__padding-left-m_g4ele {
+    } .generic-wrapper__padding-left-m_10u5y {
         padding-left: var(--gap-m);
-    } .generic-wrapper__padding-left-l_g4ele {
+    } .generic-wrapper__padding-left-l_10u5y {
         padding-left: var(--gap-l);
-    } .generic-wrapper__padding-left-xl_g4ele {
+    } .generic-wrapper__padding-left-xl_10u5y {
         padding-left: var(--gap-xl);
     }

package/generic-wrapper/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"generic-wrapper__component_g4ele","column":"generic-wrapper__column_g4ele","align-stretch":"generic-wrapper__align-stretch_g4ele","align-start":"generic-wrapper__align-start_g4ele","align-end":"generic-wrapper__align-end_g4ele","align-center":"generic-wrapper__align-center_g4ele","align-baseline":"generic-wrapper__align-baseline_g4ele","justify-center":"generic-wrapper__justify-center_g4ele","justify-between":"generic-wrapper__justify-between_g4ele","justify-around":"generic-wrapper__justify-around_g4ele","justify-evenly":"generic-wrapper__justify-evenly_g4ele","justify-start":"generic-wrapper__justify-start_g4ele","justify-end":"generic-wrapper__justify-end_g4ele","grow":"generic-wrapper__grow_g4ele","padding-top-3xs":"generic-wrapper__padding-top-3xs_g4ele","padding-top-2xs":"generic-wrapper__padding-top-2xs_g4ele","padding-top-xs":"generic-wrapper__padding-top-xs_g4ele","padding-top-s":"generic-wrapper__padding-top-s_g4ele","padding-top-m":"generic-wrapper__padding-top-m_g4ele","padding-top-l":"generic-wrapper__padding-top-l_g4ele","padding-top-xl":"generic-wrapper__padding-top-xl_g4ele","padding-right-3xs":"generic-wrapper__padding-right-3xs_g4ele","padding-right-2xs":"generic-wrapper__padding-right-2xs_g4ele","padding-right-xs":"generic-wrapper__padding-right-xs_g4ele","padding-right-s":"generic-wrapper__padding-right-s_g4ele","padding-right-m":"generic-wrapper__padding-right-m_g4ele","padding-right-l":"generic-wrapper__padding-right-l_g4ele","padding-right-xl":"generic-wrapper__padding-right-xl_g4ele","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_g4ele","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_g4ele","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_g4ele","padding-bottom-s":"generic-wrapper__padding-bottom-s_g4ele","padding-bottom-m":"generic-wrapper__padding-bottom-m_g4ele","padding-bottom-l":"generic-wrapper__padding-bottom-l_g4ele","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_g4ele","padding-left-3xs":"generic-wrapper__padding-left-3xs_g4ele","padding-left-2xs":"generic-wrapper__padding-left-2xs_g4ele","padding-left-xs":"generic-wrapper__padding-left-xs_g4ele","padding-left-s":"generic-wrapper__padding-left-s_g4ele","padding-left-m":"generic-wrapper__padding-left-m_g4ele","padding-left-l":"generic-wrapper__padding-left-l_g4ele","padding-left-xl":"generic-wrapper__padding-left-xl_g4ele"};
+const styles = {"component":"generic-wrapper__component_10u5y","column":"generic-wrapper__column_10u5y","align-stretch":"generic-wrapper__align-stretch_10u5y","align-start":"generic-wrapper__align-start_10u5y","align-end":"generic-wrapper__align-end_10u5y","align-center":"generic-wrapper__align-center_10u5y","align-baseline":"generic-wrapper__align-baseline_10u5y","justify-center":"generic-wrapper__justify-center_10u5y","justify-between":"generic-wrapper__justify-between_10u5y","justify-around":"generic-wrapper__justify-around_10u5y","justify-evenly":"generic-wrapper__justify-evenly_10u5y","justify-start":"generic-wrapper__justify-start_10u5y","justify-end":"generic-wrapper__justify-end_10u5y","grow":"generic-wrapper__grow_10u5y","padding-top-3xs":"generic-wrapper__padding-top-3xs_10u5y","padding-top-2xs":"generic-wrapper__padding-top-2xs_10u5y","padding-top-xs":"generic-wrapper__padding-top-xs_10u5y","padding-top-s":"generic-wrapper__padding-top-s_10u5y","padding-top-m":"generic-wrapper__padding-top-m_10u5y","padding-top-l":"generic-wrapper__padding-top-l_10u5y","padding-top-xl":"generic-wrapper__padding-top-xl_10u5y","padding-right-3xs":"generic-wrapper__padding-right-3xs_10u5y","padding-right-2xs":"generic-wrapper__padding-right-2xs_10u5y","padding-right-xs":"generic-wrapper__padding-right-xs_10u5y","padding-right-s":"generic-wrapper__padding-right-s_10u5y","padding-right-m":"generic-wrapper__padding-right-m_10u5y","padding-right-l":"generic-wrapper__padding-right-l_10u5y","padding-right-xl":"generic-wrapper__padding-right-xl_10u5y","padding-bottom-3xs":"generic-wrapper__padding-bottom-3xs_10u5y","padding-bottom-2xs":"generic-wrapper__padding-bottom-2xs_10u5y","padding-bottom-xs":"generic-wrapper__padding-bottom-xs_10u5y","padding-bottom-s":"generic-wrapper__padding-bottom-s_10u5y","padding-bottom-m":"generic-wrapper__padding-bottom-m_10u5y","padding-bottom-l":"generic-wrapper__padding-bottom-l_10u5y","padding-bottom-xl":"generic-wrapper__padding-bottom-xl_10u5y","padding-left-3xs":"generic-wrapper__padding-left-3xs_10u5y","padding-left-2xs":"generic-wrapper__padding-left-2xs_10u5y","padding-left-xs":"generic-wrapper__padding-left-xs_10u5y","padding-left-s":"generic-wrapper__padding-left-s_10u5y","padding-left-m":"generic-wrapper__padding-left-m_10u5y","padding-left-l":"generic-wrapper__padding-left-l_10u5y","padding-left-xl":"generic-wrapper__padding-left-xl_10u5y"};
 require('./index.css');
 
 const GenericWrapper = ({ children, padding, alignItems, justifyContent, className, dataTestId, column = false, grow = false, }) => {

package/generic-wrapper/modern/index.css

@@ -21,89 +21,89 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .generic-wrapper__component_g4ele {
+} .generic-wrapper__component_10u5y {
     display: flex;
-} .generic-wrapper__column_g4ele {
+} .generic-wrapper__column_10u5y {
     display: flex;
     flex-direction: column;
-} .generic-wrapper__align-stretch_g4ele {
+} .generic-wrapper__align-stretch_10u5y {
     align-items: stretch;
-} .generic-wrapper__align-start_g4ele {
+} .generic-wrapper__align-start_10u5y {
     align-items: flex-start;
-} .generic-wrapper__align-end_g4ele {
+} .generic-wrapper__align-end_10u5y {
     align-items: flex-end;
-} .generic-wrapper__align-center_g4ele {
+} .generic-wrapper__align-center_10u5y {
     align-items: center;
-} .generic-wrapper__align-baseline_g4ele {
+} .generic-wrapper__align-baseline_10u5y {
     align-items: baseline;
-} .generic-wrapper__justify-center_g4ele {
+} .generic-wrapper__justify-center_10u5y {
     justify-content: center;
-} .generic-wrapper__justify-between_g4ele {
+} .generic-wrapper__justify-between_10u5y {
     justify-content: space-between;
-} .generic-wrapper__justify-around_g4ele {
+} .generic-wrapper__justify-around_10u5y {
     justify-content: space-around;
-} .generic-wrapper__justify-evenly_g4ele {
+} .generic-wrapper__justify-evenly_10u5y {
     justify-content: space-evenly;
-} .generic-wrapper__justify-start_g4ele {
+} .generic-wrapper__justify-start_10u5y {
     justify-content: flex-start;
-} .generic-wrapper__justify-end_g4ele {
+} .generic-wrapper__justify-end_10u5y {
     justify-content: flex-end;
-} .generic-wrapper__grow_g4ele {
+} .generic-wrapper__grow_10u5y {
     flex-grow: 1;
-} .generic-wrapper__padding-top-3xs_g4ele {
+} .generic-wrapper__padding-top-3xs_10u5y {
         padding-top: var(--gap-3xs);
-    } .generic-wrapper__padding-top-2xs_g4ele {
+    } .generic-wrapper__padding-top-2xs_10u5y {
         padding-top: var(--gap-2xs);
-    } .generic-wrapper__padding-top-xs_g4ele {
+    } .generic-wrapper__padding-top-xs_10u5y {
         padding-top: var(--gap-xs);
-    } .generic-wrapper__padding-top-s_g4ele {
+    } .generic-wrapper__padding-top-s_10u5y {
         padding-top: var(--gap-s);
-    } .generic-wrapper__padding-top-m_g4ele {
+    } .generic-wrapper__padding-top-m_10u5y {
         padding-top: var(--gap-m);
-    } .generic-wrapper__padding-top-l_g4ele {
+    } .generic-wrapper__padding-top-l_10u5y {
         padding-top: var(--gap-l);
-    } .generic-wrapper__padding-top-xl_g4ele {
+    } .generic-wrapper__padding-top-xl_10u5y {
         padding-top: var(--gap-xl);
-    } .generic-wrapper__padding-right-3xs_g4ele {
+    } .generic-wrapper__padding-right-3xs_10u5y {
         padding-right: var(--gap-3xs);
-    } .generic-wrapper__padding-right-2xs_g4ele {
+    } .generic-wrapper__padding-right-2xs_10u5y {
         padding-right: var(--gap-2xs);
-    } .generic-wrapper__padding-right-xs_g4ele {
+    } .generic-wrapper__padding-right-xs_10u5y {
         padding-right: var(--gap-xs);
-    } .generic-wrapper__padding-right-s_g4ele {
+    } .generic-wrapper__padding-right-s_10u5y {
         padding-right: var(--gap-s);
-    } .generic-wrapper__padding-right-m_g4ele {
+    } .generic-wrapper__padding-right-m_10u5y {
         padding-right: var(--gap-m);
-    } .generic-wrapper__padding-right-l_g4ele {
+    } .generic-wrapper__padding-right-l_10u5y {
         padding-right: var(--gap-l);
-    } .generic-wrapper__padding-right-xl_g4ele {
+    } .generic-wrapper__padding-right-xl_10u5y {
         padding-right: var(--gap-xl);
-    } .generic-wrapper__padding-bottom-3xs_g4ele {
+    } .generic-wrapper__padding-bottom-3xs_10u5y {
         padding-bottom: var(--gap-3xs);
-    } .generic-wrapper__padding-bottom-2xs_g4ele {
+    } .generic-wrapper__padding-bottom-2xs_10u5y {
         padding-bottom: var(--gap-2xs);
-    } .generic-wrapper__padding-bottom-xs_g4ele {
+    } .generic-wrapper__padding-bottom-xs_10u5y {
         padding-bottom: var(--gap-xs);
-    } .generic-wrapper__padding-bottom-s_g4ele {
+    } .generic-wrapper__padding-bottom-s_10u5y {
         padding-bottom: var(--gap-s);
-    } .generic-wrapper__padding-bottom-m_g4ele {
+    } .generic-wrapper__padding-bottom-m_10u5y {
         padding-bottom: var(--gap-m);
-    } .generic-wrapper__padding-bottom-l_g4ele {
+    } .generic-wrapper__padding-bottom-l_10u5y {
         padding-bottom: var(--gap-l);
-    } .generic-wrapper__padding-bottom-xl_g4ele {
+    } .generic-wrapper__padding-bottom-xl_10u5y {
         padding-bottom: var(--gap-xl);
-    } .generic-wrapper__padding-left-3xs_g4ele {
+    } .generic-wrapper__padding-left-3xs_10u5y {
         padding-left: var(--gap-3xs);
-    } .generic-wrapper__padding-left-2xs_g4ele {
+    } .generic-wrapper__padding-left-2xs_10u5y {
         padding-left: var(--gap-2xs);
-    } .generic-wrapper__padding-left-xs_g4ele {
+    } .generic-wrapper__padding-left-xs_10u5y {
         padding-left: var(--gap-xs);
-    } .generic-wrapper__padding-left-s_g4ele {
+    } .generic-wrapper__padding-left-s_10u5y {
         padding-left: var(--gap-s);
-    } .generic-wrapper__padding-left-m_g4ele {
+    } .generic-wrapper__padding-left-m_10u5y {
         padding-left: var(--gap-m);
-    } .generic-wrapper__padding-left-l_g4ele {
+    } .generic-wrapper__padding-left-l_10u5y {
         padding-left: var(--gap-l);
-    } .generic-wrapper__padding-left-xl_g4ele {
+    } .generic-wrapper__padding-left-xl_10u5y {
         padding-left: var(--gap-xl);
     }