@preply/ds-web-core 0.33.0 → 0.36.0

package/dist/color/index.d.ts

@@ -1 +1 @@
-export { useColorClassName } from './hooks/useColorClassName';
+export * from './module-color';

package/dist/color/index.js

@@ -1,2 +1,2 @@
-export { useColorClassName } from './hooks/useColorClassName.js';
+export { useColorClassNames } from './module-color/hooks/useColorClassNames.js';
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/color/module-color/hooks/useColorClassNames.d.ts

@@ -0,0 +1 @@
+export declare const useColorClassNames: (color?: "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined) => string[];

package/dist/color/module-color/hooks/useColorClassNames.js

@@ -0,0 +1,12 @@
+import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
+import styles from '../style/index.module.less.js';
+import { moduleLocals, stringClassNames } from '../../../css-module/classNames.js';
+
+const COLOR = 'Color';
+const useColorClassNames = (color) => {
+    useStyleExtract(styles);
+    return moduleLocals(styles, COLOR, [stringClassNames('color', color)]);
+};
+
+export { useColorClassNames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JDbGFzc05hbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29sb3IvbW9kdWxlLWNvbG9yL2hvb2tzL3VzZUNvbG9yQ2xhc3NOYW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5pbXBvcnQgeyBtb2R1bGVMb2NhbHMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IENPTE9SID0gJ0NvbG9yJztcblxuZXhwb3J0IGNvbnN0IHVzZUNvbG9yQ2xhc3NOYW1lcyA9IChjb2xvcj86IENvbG9yTmFtZSk6IHN0cmluZ1tdID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIHJldHVybiBtb2R1bGVMb2NhbHMoc3R5bGVzLCBDT0xPUiwgW3N0cmluZ0NsYXNzTmFtZXMoJ2NvbG9yJywgY29sb3IpXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7TUFFVCxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCO0lBQ2hELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixPQUFPLFlBQVksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMzRTs7OzsifQ==

package/dist/color/module-color/index.d.ts

@@ -0,0 +1 @@
+export { useColorClassNames } from './hooks/useColorClassNames';

package/dist/color/module-color/index.js

@@ -0,0 +1,2 @@
+export { useColorClassNames } from './hooks/useColorClassNames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/color/module-color/style/index.module.less

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.Color {
+    .colors();
+}

package/dist/color/module-color/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._1vfDCY{color:var(--55407)}._1o2DZF{color:var(--8f123)}.q9fWe6{color:var(--da403)}._1kfchs{color:var(--7c8c3)}._3uaBxy{color:var(--c9575)}.eDvRT_{color:var(--2fb6f)}._3Ifh5r{color:var(--54ed1)}._3LVNko{color:var(--b706b)}._2VdjaD{color:var(--4adef)}.yh0c33{color:var(--de8a4)}.Aq4AtN{color:var(--57454)}._3RuNeA{color:var(--1383a)}._2bQCMl{color:var(--9f106)}._3FBrRQ{color:var(--d4cf9)}._3NFMly{color:var(--bbfa9)}._2YTgye{color:var(--5f8b3)}._31OOeZ{color:var(--c7d8b)}._3Pou89{color:var(--17bab)}._2nKF5_{color:var(--f017e)}.-HvjkO{color:var(--2242e)}._3Kg-jM{color:var(--e40de)}._1AH5nF{color:var(--ecb5d)}._1swZ2a{color:var(--5b5cb)}.OKvn8i{color:var(--d55c7)}.zHIi6Q{color:var(--4e47f)}._2eZwFa{color:var(--3e787)}.uEusgR{color:var(--21906)}._2CdJlo{color:var(--5d87f)}._2EQ-Hn{color:var(--201e1)}._1p2EKt{color:var(--e1c27)}._2zLkru{color:var(--6a142)}._1UFSvM{color:var(--1a996)}._1IatQi{color:var(--b774d)}._1U0k7H{color:var(--f72cd)}.wW0RJ9{color:var(--6cbd8)}._1HVxJ3{color:var(--5893e)}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/color/module-color/style/index.module.less",__css:css_248z,"Color--color-gray-100":"_1vfDCY","Color--color-gray-200":"_1o2DZF","Color--color-gray-300":"q9fWe6","Color--color-gray-400":"_1kfchs","Color--color-gray-500":"_3uaBxy","Color--color-gray-600":"eDvRT_","Color--color-teal-100":"_3Ifh5r","Color--color-teal-200":"_3LVNko","Color--color-teal-300":"_2VdjaD","Color--color-teal-400":"yh0c33","Color--color-teal-500":"Aq4AtN","Color--color-green-100":"_3RuNeA","Color--color-green-200":"_2bQCMl","Color--color-green-300":"_3FBrRQ","Color--color-green-400":"_3NFMly","Color--color-green-500":"_2YTgye","Color--color-yellow-100":"_31OOeZ","Color--color-yellow-200":"_3Pou89","Color--color-yellow-300":"_2nKF5_","Color--color-yellow-400":"-HvjkO","Color--color-yellow-500":"_3Kg-jM","Color--color-red-100":"_1AH5nF","Color--color-red-200":"_1swZ2a","Color--color-red-300":"OKvn8i","Color--color-red-400":"zHIi6Q","Color--color-red-500":"_2eZwFa","Color--color-blue-100":"uEusgR","Color--color-blue-200":"_2CdJlo","Color--color-blue-300":"_2EQ-Hn","Color--color-blue-400":"_1p2EKt","Color--color-blue-500":"_2zLkru","Color--color-magenta-100":"_1UFSvM","Color--color-magenta-200":"_1IatQi","Color--color-magenta-300":"_1U0k7H","Color--color-magenta-400":"wW0RJ9","Color--color-magenta-500":"_1HVxJ3"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/color/module-color/style/mixins.less

@@ -0,0 +1,11 @@
+@import '../../../generated/tokens.less';
+@import '../../../generated/options.less';
+
+.colors() {
+    each(@COLOR_NAME_OPTIONS, {
+        &--color-@{value} {
+            @token-name: 'root-palette-@{value}';
+            color: @@token-name;
+        }
+    });
+}

package/dist/color/{style → module-color/style}/mixins.less.js

@@ -1,8 +1,8 @@
-import styleInject from '../../external/style-inject/dist/style-inject.es.js';
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
 var css_248z = "";
 var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/generated/breakpoints.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Jun 28 2022 15:09:35 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Jul 22 2022 10:47:49 GMT+0000 (Coordinated Universal Time) */
 
 @breakpoints: {
     narrow-l: 400px;

package/dist/generated/options.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Jun 28 2022 15:09:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Jul 22 2022 10:47:48 GMT+0000 (Coordinated Universal Time) */
 
 @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
 @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
@@ -11,7 +11,6 @@
 @COLOR_SCHEME_OPTIONS: base, banner, invert;
 @HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
 @HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
-@ICON_ACCENT_OPTIONS: primary, secondary, branded, positive;
 @ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
 @LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
 @LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
@@ -29,4 +28,4 @@
 @TEXT_VARIANT_OPTIONS: xs, s, s-italic, s-medium, s-medium-italic, s-bold, s-bold-italic, m,
     m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic, l-medium,
     l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
-@THEME_OPTIONS: bold-ui, cluck-ui, base-ui, preply-ui;
+@THEME_OPTIONS: bold-ui, base-ui, preply-ui;

package/dist/generated/tokens.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Jun 28 2022 15:09:34 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Jul 22 2022 10:47:48 GMT+0000 (Coordinated Universal Time) */
 
 @scheme-color: var(--aface);
 @scheme-bgColor: var(--786b9);

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { VERSION } from './version';
-export * from './color';
+export * from './color/module-color';
 export * from './color-scheme';
 export * from './css-module';
 export * from './dom/props';

package/dist/index.js

@@ -2,7 +2,7 @@ export { VERSION } from './version.js';
 export { getDatasetProps, getExternalUrlProps } from './dom/props/index.js';
 export { mapEdgeKeyToStandard } from './keyboard/index.js';
 export { currentHostname, currentHref } from './location/index.js';
-export { useColorClassName } from './color/hooks/useColorClassName.js';
+export { useColorClassNames } from './color/module-color/hooks/useColorClassNames.js';
 export { colorSchemes } from './color-scheme/colorSchemes.js';
 export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
 export { ColorSchemeProvider } from './color-scheme/providers/ColorSchemeProvider.js';
@@ -16,6 +16,7 @@ export { useLayoutFlexClassNames } from './layout/hooks/useLayoutFlexClassNames.
 export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.js';
 export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
 export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
+export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
 export { minWidth } from './responsive/sc/mixins.js';
 export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
 export { HostnameContext } from './ssr/contexts/HostnameContext.js';
@@ -34,5 +35,6 @@ export { withTheme } from './theme/hocs/withTheme.js';
 export { getTokenVar } from './token/util/getTokenVar.js';
 export { useToken } from './token/hooks/useToken.js';
 export { withGetToken } from './token/hocs/withGetToken.js';
-export { useTextCenteredClassname } from './typography/hooks/useTextCenteredClassname.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
+export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
+export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/dist/layout/hooks/useLayoutFlexClassNames.js

@@ -1,7 +1,9 @@
 import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT } from '@preply/ds-core';
 import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
+import { useLayoutGapClassnames } from '../module-layout-gap/hooks/useLayoutGapClassnames.js';
 import styles from '../style/index.module.less.js';
-import { moduleClassNames, stringClassNames, longhandClassNames, booleanClassNames } from '../../css-module/classNames.js';
+import { moduleClassNames, booleanClassNames, stringClassNames } from '../../css-module/classNames.js';
+import { useLayoutPaddingClassnames } from '../module-layout-padding/hooks/useLayoutPaddingClassnames.js';
 
 const LAYOUT_FLEX = 'LayoutFlex';
 const useLayoutFlexClassNames = (layout, props) => {
@@ -11,10 +13,8 @@ const useLayoutFlexClassNames = (layout, props) => {
     const columnClassName = column ? 'column' : 'row';
     const reverseClassName = reverse ? 'rev' : 'fwd';
     const columnReverseClassName = `${columnClassName}-${reverseClassName}`;
-    return layout === 'flex'
+    const classNames = layout === 'flex'
         ? moduleClassNames(styles, LAYOUT_FLEX, [
-            stringClassNames('gap', gap),
-            longhandClassNames('padding', padding),
             booleanClassNames('inline', undefined, inline),
             booleanClassNames('nowrap', undefined, nowrap),
             columnReverseClassName,
@@ -23,7 +23,10 @@ const useLayoutFlexClassNames = (layout, props) => {
             stringClassNames('align-items', alignItems),
         ])
         : [];
+    const gapClassNames = useLayoutGapClassnames(gap);
+    const paddingClassNames = useLayoutPaddingClassnames(padding);
+    return [...classNames, ...gapClassNames, ...paddingClassNames];
 };
 
 export { useLayoutFlexClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBsb25naGFuZENsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxufSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExBWU9VVF9GTEVYID0gJ0xheW91dEZsZXgnO1xuXG50eXBlIEhvb2sgPSAobGF5b3V0PzogTGF5b3V0VHlwZSwgcHJvcHM/OiBMYXlvdXRGbGV4UHJvcHMpID0+IHN0cmluZ1tdO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0RmxleENsYXNzTmFtZXM6IEhvb2sgPSAobGF5b3V0LCBwcm9wcykgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIHBhZGRpbmcgPSBMQVlPVVRfUEFERElOR19ERUZBVUxULFxuICAgICAgICBub3dyYXAsXG4gICAgICAgIGNvbHVtbixcbiAgICAgICAgcmV2ZXJzZSxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGFjdHVhbERpcmVjdGlvbiA9XG4gICAgICAgIGRpcmVjdGlvbiB8fCAoIXJldmVyc2UgJiYgIWNvbHVtbiA/IExBWU9VVF9GTEVYX0RJUkVDVElPTl9ERUZBVUxUIDogdW5kZWZpbmVkKTtcblxuICAgIGNvbnN0IGNvbHVtbkNsYXNzTmFtZSA9IGNvbHVtbiA/ICdjb2x1bW4nIDogJ3Jvdyc7XG4gICAgY29uc3QgcmV2ZXJzZUNsYXNzTmFtZSA9IHJldmVyc2UgPyAncmV2JyA6ICdmd2QnO1xuICAgIGNvbnN0IGNvbHVtblJldmVyc2VDbGFzc05hbWUgPSBgJHtjb2x1bW5DbGFzc05hbWV9LSR7cmV2ZXJzZUNsYXNzTmFtZX1gO1xuXG4gICAgcmV0dXJuIGxheW91dCA9PT0gJ2ZsZXgnXG4gICAgICAgID8gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2dhcCcsIGdhcCksXG4gICAgICAgICAgICAgIGxvbmdoYW5kQ2xhc3NOYW1lcygncGFkZGluZycsIHBhZGRpbmcpLFxuICAgICAgICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaW5saW5lJywgdW5kZWZpbmVkLCBpbmxpbmUpLFxuICAgICAgICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnbm93cmFwJywgdW5kZWZpbmVkLCBub3dyYXApLFxuICAgICAgICAgICAgICBjb2x1bW5SZXZlcnNlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdkaXJlY3Rpb24nLCBhY3R1YWxEaXJlY3Rpb24pLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCksXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyksXG4gICAgICAgICAgXSlcbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFnQkEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sRUFDRixHQUFHLEdBQUcsa0JBQWtCLEVBQ3hCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsU0FBUyxFQUNULGNBQWMsRUFDZCxVQUFVLEVBQ1YsTUFBTSxHQUNULEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVoQixNQUFNLGVBQWUsR0FDakIsU0FBUyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxHQUFHLDZCQUE2QixHQUFHLFNBQVMsQ0FBQyxDQUFDO0lBRW5GLE1BQU0sZUFBZSxHQUFHLE1BQU0sR0FBRyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2xELE1BQU0sZ0JBQWdCLEdBQUcsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDakQsTUFBTSxzQkFBc0IsR0FBRyxHQUFHLGVBQWUsSUFBSSxnQkFBZ0IsRUFBRSxDQUFDO0lBRXhFLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEIsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtZQUNsQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO1lBQzVCLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7WUFDdEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7WUFDOUMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7WUFDOUMsc0JBQXNCO1lBQ3RCLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxlQUFlLENBQUM7WUFDOUMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1lBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7U0FDOUMsQ0FBQztVQUNGLEVBQUUsQ0FBQztBQUNiOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUNsYXNzTmFtZXMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHsgdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtZ2FwL2hvb2tzL3VzZUxheW91dEdhcENsYXNzbmFtZXMnO1xuaW1wb3J0IHsgdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LXBhZGRpbmcnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExBWU9VVF9GTEVYID0gJ0xheW91dEZsZXgnO1xuXG50eXBlIEhvb2sgPSAobGF5b3V0PzogTGF5b3V0VHlwZSwgcHJvcHM/OiBMYXlvdXRGbGV4UHJvcHMpID0+IHN0cmluZ1tdO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0RmxleENsYXNzTmFtZXM6IEhvb2sgPSAobGF5b3V0LCBwcm9wcykgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIHBhZGRpbmcgPSBMQVlPVVRfUEFERElOR19ERUZBVUxULFxuICAgICAgICBub3dyYXAsXG4gICAgICAgIGNvbHVtbixcbiAgICAgICAgcmV2ZXJzZSxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGFjdHVhbERpcmVjdGlvbiA9XG4gICAgICAgIGRpcmVjdGlvbiB8fCAoIXJldmVyc2UgJiYgIWNvbHVtbiA/IExBWU9VVF9GTEVYX0RJUkVDVElPTl9ERUZBVUxUIDogdW5kZWZpbmVkKTtcblxuICAgIGNvbnN0IGNvbHVtbkNsYXNzTmFtZSA9IGNvbHVtbiA/ICdjb2x1bW4nIDogJ3Jvdyc7XG4gICAgY29uc3QgcmV2ZXJzZUNsYXNzTmFtZSA9IHJldmVyc2UgPyAncmV2JyA6ICdmd2QnO1xuICAgIGNvbnN0IGNvbHVtblJldmVyc2VDbGFzc05hbWUgPSBgJHtjb2x1bW5DbGFzc05hbWV9LSR7cmV2ZXJzZUNsYXNzTmFtZX1gO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9XG4gICAgICAgIGxheW91dCA9PT0gJ2ZsZXgnXG4gICAgICAgICAgICA/IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMQVlPVVRfRkxFWCwgW1xuICAgICAgICAgICAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lubGluZScsIHVuZGVmaW5lZCwgaW5saW5lKSxcbiAgICAgICAgICAgICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdub3dyYXAnLCB1bmRlZmluZWQsIG5vd3JhcCksXG4gICAgICAgICAgICAgICAgICBjb2x1bW5SZXZlcnNlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnZGlyZWN0aW9uJywgYWN0dWFsRGlyZWN0aW9uKSxcbiAgICAgICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyksXG4gICAgICAgICAgICAgIF0pXG4gICAgICAgICAgICA6IFtdO1xuXG4gICAgY29uc3QgZ2FwQ2xhc3NOYW1lcyA9IHVzZUxheW91dEdhcENsYXNzbmFtZXMoZ2FwKTtcbiAgICBjb25zdCBwYWRkaW5nQ2xhc3NOYW1lcyA9IHVzZUxheW91dFBhZGRpbmdDbGFzc25hbWVzKHBhZGRpbmcpO1xuXG4gICAgcmV0dXJuIFsuLi5jbGFzc05hbWVzLCAuLi5nYXBDbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFhQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLE1BQU0sZUFBZSxHQUNqQixTQUFTLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLEdBQUcsNkJBQTZCLEdBQUcsU0FBUyxDQUFDLENBQUM7SUFFbkYsTUFBTSxlQUFlLEdBQUcsTUFBTSxHQUFHLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDbEQsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLEdBQUcsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNqRCxNQUFNLHNCQUFzQixHQUFHLEdBQUcsZUFBZSxJQUFJLGdCQUFnQixFQUFFLENBQUM7SUFFeEUsTUFBTSxVQUFVLEdBQ1osTUFBTSxLQUFLLE1BQU07VUFDWCxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1lBQ2xDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1lBQzlDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1lBQzlDLHNCQUFzQjtZQUN0QixnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsZUFBZSxDQUFDO1lBQzlDLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLGNBQWMsQ0FBQztZQUNuRCxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDO1NBQzlDLENBQUM7VUFDRixFQUFFLENBQUM7SUFFYixNQUFNLGFBQWEsR0FBRyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNsRCxNQUFNLGlCQUFpQixHQUFHLDBCQUEwQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRTlELE9BQU8sQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLGFBQWEsRUFBRSxHQUFHLGlCQUFpQixDQUFDLENBQUM7QUFDbkU7Ozs7In0=

package/dist/layout/hooks/useLayoutGridClassNames.js

@@ -1,21 +1,24 @@
 import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from '@preply/ds-core';
 import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
+import { useLayoutGapClassnames } from '../module-layout-gap/hooks/useLayoutGapClassnames.js';
 import styles from '../style/index.module.less.js';
+import { useLayoutPaddingClassnames } from '../module-layout-padding/hooks/useLayoutPaddingClassnames.js';
 import { moduleClassNames, stringClassNames } from '../../css-module/classNames.js';
 
 const LAYOUT_GRID = 'LayoutGrid';
 const useLayoutGridClassNames = (layout, props) => {
     useStyleExtract(styles);
     const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, justifyContent, alignItems, } = props || {};
-    return layout === 'grid'
+    const classNames = layout === 'grid'
         ? moduleClassNames(styles, LAYOUT_GRID, [
-            stringClassNames('gap', gap),
-            stringClassNames('padding', padding),
             stringClassNames('justify-content', justifyContent),
             stringClassNames('align-items', alignItems),
         ])
         : [];
+    const gapClassNames = useLayoutGapClassnames(gap);
+    const paddingClassNames = useLayoutPaddingClassnames(padding);
+    return [...classNames, ...gapClassNames, ...paddingClassNames];
 };
 
 export { useLayoutGridClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dSSUQgPSAnTGF5b3V0R3JpZCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgcGFkZGluZyA9IExBWU9VVF9QQURESU5HX0RFRkFVTFQsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIHJldHVybiBsYXlvdXQgPT09ICdncmlkJ1xuICAgICAgICA/IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMQVlPVVRfR1JJRCwgW1xuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdnYXAnLCBnYXApLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdwYWRkaW5nJywgcGFkZGluZyksXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICAgICAgICBdKVxuICAgICAgICA6IFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQU9BLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztNQUlwQix1QkFBdUIsR0FBUyxDQUFDLE1BQU0sRUFBRSxLQUFLO0lBQ3ZELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQ0YsR0FBRyxHQUFHLGtCQUFrQixFQUN4QixPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLGNBQWMsRUFDZCxVQUFVLEdBQ2IsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEIsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtZQUNsQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO1lBQzVCLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7WUFDcEMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1lBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7U0FDOUMsQ0FBQztVQUNGLEVBQUUsQ0FBQztBQUNiOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgeyB1c2VMYXlvdXRHYXBDbGFzc25hbWVzIH0gZnJvbSAnLi4vbW9kdWxlLWxheW91dC1nYXAvaG9va3MvdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtcGFkZGluZyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dSSUQgPSAnTGF5b3V0R3JpZCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgcGFkZGluZyA9IExBWU9VVF9QQURESU5HX0RFRkFVTFQsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPVxuICAgICAgICBsYXlvdXQgPT09ICdncmlkJ1xuICAgICAgICAgICAgPyBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTEFZT1VUX0dSSUQsIFtcbiAgICAgICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyksXG4gICAgICAgICAgICAgIF0pXG4gICAgICAgICAgICA6IFtdO1xuXG4gICAgY29uc3QgZ2FwQ2xhc3NOYW1lcyA9IHVzZUxheW91dEdhcENsYXNzbmFtZXMoZ2FwKTtcbiAgICBjb25zdCBwYWRkaW5nQ2xhc3NOYW1lcyA9IHVzZUxheW91dFBhZGRpbmdDbGFzc25hbWVzKHBhZGRpbmcpO1xuXG4gICAgcmV0dXJuIFsuLi5jbGFzc05hbWVzLCAuLi5nYXBDbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFTQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxjQUFjLEVBQ2QsVUFBVSxHQUNiLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVoQixNQUFNLFVBQVUsR0FDWixNQUFNLEtBQUssTUFBTTtVQUNYLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7WUFDbEMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1lBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7U0FDOUMsQ0FBQztVQUNGLEVBQUUsQ0FBQztJQUViLE1BQU0sYUFBYSxHQUFHLHNCQUFzQixDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xELE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFOUQsT0FBTyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsYUFBYSxFQUFFLEdBQUcsaUJBQWlCLENBQUMsQ0FBQztBQUNuRTs7OzsifQ==

package/dist/layout/index.d.ts

@@ -3,3 +3,4 @@ export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames';
 export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames';
 export { useLayoutStyles } from './hooks/useLayoutStyles';
 export { useLayoutGridStyles } from './hooks/useLayoutGridStyles';
+export * from './module-layout-gap';

package/dist/layout/index.js

@@ -3,4 +3,5 @@ export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames.js';
 export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames.js';
 export { useLayoutStyles } from './hooks/useLayoutStyles.js';
 export { useLayoutGridStyles } from './hooks/useLayoutGridStyles.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
+export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==

package/dist/layout/module-layout-gap/hooks/useLayoutGapClassnames.d.ts

@@ -0,0 +1,4 @@
+import { LayoutGap } from '@preply/ds-core';
+export declare const useLayoutGapClassnames: (gap?: "none" | "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | ({
+    _: LayoutGap;
+} & Partial<Record<import("@preply/ds-core").Breakpoint, LayoutGap>>) | undefined) => string[];

package/dist/layout/module-layout-gap/hooks/useLayoutGapClassnames.js

@@ -0,0 +1,12 @@
+import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
+import styles from '../style/index.module.less.js';
+import { moduleLocals, stringClassNames } from '../../../css-module/classNames.js';
+
+const LAYOUT_GAP = 'LayoutGap';
+const useLayoutGapClassnames = (gap) => {
+    useStyleExtract(styles);
+    return moduleLocals(styles, LAYOUT_GAP, [stringClassNames('gap', gap)]);
+};
+
+export { useLayoutGapClassnames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R2FwQ2xhc3NuYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xheW91dC9tb2R1bGUtbGF5b3V0LWdhcC9ob29rcy91c2VMYXlvdXRHYXBDbGFzc25hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEdhcCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IG1vZHVsZUxvY2Fscywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dBUCA9ICdMYXlvdXRHYXAnO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyA9IChnYXA/OiBSZXNwb25zaXZlPExheW91dEdhcD4pOiBzdHJpbmdbXSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICByZXR1cm4gbW9kdWxlTG9jYWxzKHN0eWxlcywgTEFZT1VUX0dBUCwgW3N0cmluZ0NsYXNzTmFtZXMoJ2dhcCcsIGdhcCldKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQU1BLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztNQUVsQixzQkFBc0IsR0FBRyxDQUFDLEdBQTJCO0lBQzlELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixPQUFPLFlBQVksQ0FBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUM1RTs7OzsifQ==

package/dist/layout/module-layout-gap/index.d.ts

@@ -0,0 +1 @@
+export { useLayoutGapClassnames } from './hooks/useLayoutGapClassnames';

package/dist/layout/module-layout-gap/index.js

@@ -0,0 +1,2 @@
+export { useLayoutGapClassnames } from './hooks/useLayoutGapClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/layout/module-layout-gap/style/index.module.less

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.LayoutGap {
+    .layout-gap();
+}

package/dist/layout/module-layout-gap/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._3EMNmq{grid-gap:var(--74358);gap:var(--74358)}._22lwVW{grid-gap:var(--6947b);gap:var(--6947b)}._2WBp0z{grid-gap:var(--1ba55);gap:var(--1ba55)}.BDosR9{grid-gap:var(--477fd);gap:var(--477fd)}._1-5zEl{grid-gap:var(--74380);gap:var(--74380)}.y5sw1J{grid-gap:var(--39ce9);gap:var(--39ce9)}._1V1wPY{grid-gap:var(--28cff);gap:var(--28cff)}._1-sbJ5{grid-gap:var(--6acb5);gap:var(--6acb5)}@media (min-width:400px){._2JPI6u{grid-gap:var(--74358);gap:var(--74358)}._2tC_0k{grid-gap:var(--6947b);gap:var(--6947b)}.aHKY_Q{grid-gap:var(--1ba55);gap:var(--1ba55)}._3-Fkla{grid-gap:var(--477fd);gap:var(--477fd)}.Z1QLzQ{grid-gap:var(--74380);gap:var(--74380)}._3zw-EJ{grid-gap:var(--39ce9);gap:var(--39ce9)}._2yI049{grid-gap:var(--28cff);gap:var(--28cff)}._3qNwfA{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:700px){._1AQcCm{grid-gap:var(--74358);gap:var(--74358)}._1DCVMU{grid-gap:var(--6947b);gap:var(--6947b)}._1Kc7mp{grid-gap:var(--1ba55);gap:var(--1ba55)}._2u_CVf{grid-gap:var(--477fd);gap:var(--477fd)}._2vgUVf{grid-gap:var(--74380);gap:var(--74380)}._4Tpu2t{grid-gap:var(--39ce9);gap:var(--39ce9)}.teq09E{grid-gap:var(--28cff);gap:var(--28cff)}._3C_70Q{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:880px){._1dysFm{grid-gap:var(--74358);gap:var(--74358)}.trSgYp{grid-gap:var(--6947b);gap:var(--6947b)}._2sBdKC{grid-gap:var(--1ba55);gap:var(--1ba55)}._1CPMr4{grid-gap:var(--477fd);gap:var(--477fd)}._2Qd6Eu{grid-gap:var(--74380);gap:var(--74380)}._2gHPSo{grid-gap:var(--39ce9);gap:var(--39ce9)}.VcU3N_{grid-gap:var(--28cff);gap:var(--28cff)}._3pzwkY{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1200px){.udgwoN{grid-gap:var(--74358);gap:var(--74358)}._2vLEMP{grid-gap:var(--6947b);gap:var(--6947b)}._26hGcq{grid-gap:var(--1ba55);gap:var(--1ba55)}._2dqMgu{grid-gap:var(--477fd);gap:var(--477fd)}._3uozMo{grid-gap:var(--74380);gap:var(--74380)}._14b19f{grid-gap:var(--39ce9);gap:var(--39ce9)}._26_vh2{grid-gap:var(--28cff);gap:var(--28cff)}._3FQgGy{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1900px){._2XXFFW{grid-gap:var(--74358);gap:var(--74358)}._3b-ZLI{grid-gap:var(--6947b);gap:var(--6947b)}.J1TCzf{grid-gap:var(--1ba55);gap:var(--1ba55)}._1Awj1r{grid-gap:var(--477fd);gap:var(--477fd)}._2N2uuj{grid-gap:var(--74380);gap:var(--74380)}._1aRtnj{grid-gap:var(--39ce9);gap:var(--39ce9)}._1os7A4{grid-gap:var(--28cff);gap:var(--28cff)}.ScFKp2{grid-gap:var(--6acb5);gap:var(--6acb5)}}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/module-layout-gap/style/index.module.less",__css:css_248z,"LayoutGap--gap-none":"_3EMNmq","LayoutGap--gap-3xs":"_22lwVW","LayoutGap--gap-2xs":"_2WBp0z","LayoutGap--gap-xs":"BDosR9","LayoutGap--gap-s":"_1-5zEl","LayoutGap--gap-m":"y5sw1J","LayoutGap--gap-l":"_1V1wPY","LayoutGap--gap-xl":"_1-sbJ5","LayoutGap--narrow-l--gap-none":"_2JPI6u","LayoutGap--narrow-l--gap-3xs":"_2tC_0k","LayoutGap--narrow-l--gap-2xs":"aHKY_Q","LayoutGap--narrow-l--gap-xs":"_3-Fkla","LayoutGap--narrow-l--gap-s":"Z1QLzQ","LayoutGap--narrow-l--gap-m":"_3zw-EJ","LayoutGap--narrow-l--gap-l":"_2yI049","LayoutGap--narrow-l--gap-xl":"_3qNwfA","LayoutGap--medium-s--gap-none":"_1AQcCm","LayoutGap--medium-s--gap-3xs":"_1DCVMU","LayoutGap--medium-s--gap-2xs":"_1Kc7mp","LayoutGap--medium-s--gap-xs":"_2u_CVf","LayoutGap--medium-s--gap-s":"_2vgUVf","LayoutGap--medium-s--gap-m":"_4Tpu2t","LayoutGap--medium-s--gap-l":"teq09E","LayoutGap--medium-s--gap-xl":"_3C_70Q","LayoutGap--medium-l--gap-none":"_1dysFm","LayoutGap--medium-l--gap-3xs":"trSgYp","LayoutGap--medium-l--gap-2xs":"_2sBdKC","LayoutGap--medium-l--gap-xs":"_1CPMr4","LayoutGap--medium-l--gap-s":"_2Qd6Eu","LayoutGap--medium-l--gap-m":"_2gHPSo","LayoutGap--medium-l--gap-l":"VcU3N_","LayoutGap--medium-l--gap-xl":"_3pzwkY","LayoutGap--wide-s--gap-none":"udgwoN","LayoutGap--wide-s--gap-3xs":"_2vLEMP","LayoutGap--wide-s--gap-2xs":"_26hGcq","LayoutGap--wide-s--gap-xs":"_2dqMgu","LayoutGap--wide-s--gap-s":"_3uozMo","LayoutGap--wide-s--gap-m":"_14b19f","LayoutGap--wide-s--gap-l":"_26_vh2","LayoutGap--wide-s--gap-xl":"_3FQgGy","LayoutGap--wide-l--gap-none":"_2XXFFW","LayoutGap--wide-l--gap-3xs":"_3b-ZLI","LayoutGap--wide-l--gap-2xs":"J1TCzf","LayoutGap--wide-l--gap-xs":"_1Awj1r","LayoutGap--wide-l--gap-s":"_2N2uuj","LayoutGap--wide-l--gap-m":"_1aRtnj","LayoutGap--wide-l--gap-l":"_1os7A4","LayoutGap--wide-l--gap-xl":"ScFKp2"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/layout/{style/common.mixins.less → module-layout-gap/style/mixins.less}

@@ -1,7 +1,6 @@
-@import '../../generated/tokens.less';
-@import '../../generated/options.less';
-@import '../../theme/style/declarations.mixins.less';
-@import '../../responsive/style/mixins.less';
+@import '../../../generated/tokens.less';
+@import '../../../generated/options.less';
+@import '../../../responsive/style/mixins.less';
 
 .layout-gap() {
     .responsive({

package/dist/layout/{style/common.mixins.less.js → module-layout-gap/style/mixins.less.js}

@@ -1,8 +1,8 @@
-import styleInject from '../../external/style-inject/dist/style-inject.es.js';
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
 var css_248z = "";
 var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/layout/module-layout-padding/hooks/useLayoutPaddingClassnames.d.ts

@@ -0,0 +1,4 @@
+import { LayoutPadding, ShortHand } from '@preply/ds-core';
+export declare const useLayoutPaddingClassnames: (padding?: "none" | "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | [LayoutPadding, LayoutPadding] | [LayoutPadding, LayoutPadding, LayoutPadding] | [LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding] | ({
+    _: ShortHand<LayoutPadding>;
+} & Partial<Record<import("@preply/ds-core").Breakpoint, ShortHand<LayoutPadding>>>) | undefined) => string[];

package/dist/layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js

@@ -0,0 +1,12 @@
+import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
+import styles from '../style/index.module.less.js';
+import { moduleLocals, longhandClassNames } from '../../../css-module/classNames.js';
+
+const LAYOUT_PADDING = 'LayoutPadding';
+const useLayoutPaddingClassnames = (padding) => {
+    useStyleExtract(styles);
+    return moduleLocals(styles, LAYOUT_PADDING, [longhandClassNames('padding', padding)]);
+};
+
+export { useLayoutPaddingClassnames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9sYXlvdXQvbW9kdWxlLWxheW91dC1wYWRkaW5nL2hvb2tzL3VzZUxheW91dFBhZGRpbmdDbGFzc25hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dFBhZGRpbmcsIFJlc3BvbnNpdmUsIFNob3J0SGFuZCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IGxvbmdoYW5kQ2xhc3NOYW1lcywgbW9kdWxlTG9jYWxzIH0gZnJvbSAnLi4vLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfUEFERElORyA9ICdMYXlvdXRQYWRkaW5nJztcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dFBhZGRpbmdDbGFzc25hbWVzID0gKFxuICAgIHBhZGRpbmc/OiBSZXNwb25zaXZlPFNob3J0SGFuZDxMYXlvdXRQYWRkaW5nPj4sXG4pOiBzdHJpbmdbXSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICByZXR1cm4gbW9kdWxlTG9jYWxzKHN0eWxlcywgTEFZT1VUX1BBRERJTkcsIFtsb25naGFuZENsYXNzTmFtZXMoJ3BhZGRpbmcnLCBwYWRkaW5nKV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxjQUFjLEdBQUcsZUFBZSxDQUFDO01BRTFCLDBCQUEwQixHQUFHLENBQ3RDLE9BQThDO0lBRTlDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixPQUFPLFlBQVksQ0FBQyxNQUFNLEVBQUUsY0FBYyxFQUFFLENBQUMsa0JBQWtCLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMxRjs7OzsifQ==

package/dist/layout/module-layout-padding/index.d.ts

@@ -0,0 +1 @@
+export { useLayoutPaddingClassnames } from './hooks/useLayoutPaddingClassnames';

package/dist/layout/module-layout-padding/index.js

@@ -0,0 +1,2 @@
+export { useLayoutPaddingClassnames } from './hooks/useLayoutPaddingClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/layout/module-layout-padding/style/index.module.less

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.LayoutPadding {
+    .layout-padding();
+}

package/dist/layout/module-layout-padding/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._2x1aeM{padding-top:var(--74358)}._1WH1_Q{padding-right:var(--74358)}._2JlASK{padding-bottom:var(--74358)}.GWHMDM{padding-left:var(--74358)}._3Jqprc{padding-top:var(--6947b)}.CTbXk-{padding-right:var(--6947b)}.TytX3G{padding-bottom:var(--6947b)}._3A2vcG{padding-left:var(--6947b)}._2rHTs4{padding-top:var(--1ba55)}._5eC8dk{padding-right:var(--1ba55)}.UIj4Qr{padding-bottom:var(--1ba55)}._1qr9rx{padding-left:var(--1ba55)}._18Ax2l{padding-top:var(--477fd)}.I4gO77{padding-right:var(--477fd)}.kjiJEp{padding-bottom:var(--477fd)}.rdvNhX{padding-left:var(--477fd)}._2STJXi{padding-top:var(--74380)}._1XOZ9n{padding-right:var(--74380)}._3OpHO4{padding-bottom:var(--74380)}._2zMTeu{padding-left:var(--74380)}._1QHF2h{padding-top:var(--39ce9)}._9M6CiE{padding-right:var(--39ce9)}.oSxdLm{padding-bottom:var(--39ce9)}.ka6YhX{padding-left:var(--39ce9)}._2enEKT{padding-top:var(--28cff)}.ZJ02Vg{padding-right:var(--28cff)}._2rlfYu{padding-bottom:var(--28cff)}._2intny{padding-left:var(--28cff)}._3eUuMW{padding-top:var(--6acb5)}._18-2RU{padding-right:var(--6acb5)}._2Mkvx4{padding-bottom:var(--6acb5)}.Lo8FMt{padding-left:var(--6acb5)}@media (min-width:400px){._2Er_nu{padding-top:var(--74358)}._3Bm1A9{padding-right:var(--74358)}.eGkPsr{padding-bottom:var(--74358)}._3NM-nX{padding-left:var(--74358)}._2OBkWi{padding-top:var(--6947b)}._1elNHY{padding-right:var(--6947b)}._3ywegk{padding-bottom:var(--6947b)}._1m80VA{padding-left:var(--6947b)}._2-thl8{padding-top:var(--1ba55)}._169ELB{padding-right:var(--1ba55)}._1gptv4{padding-bottom:var(--1ba55)}._1-y7-r{padding-left:var(--1ba55)}._3Gw41u{padding-top:var(--477fd)}._1_DYJg{padding-right:var(--477fd)}._1XWcge{padding-bottom:var(--477fd)}._2mTlEZ{padding-left:var(--477fd)}._1lbC1k{padding-top:var(--74380)}._1Lc2ZL{padding-right:var(--74380)}._1CDdfR{padding-bottom:var(--74380)}._15fWcj{padding-left:var(--74380)}._3ODxpZ{padding-top:var(--39ce9)}._1x42K6{padding-right:var(--39ce9)}._2jKvLa{padding-bottom:var(--39ce9)}._1IYbqy{padding-left:var(--39ce9)}._10YyIb{padding-top:var(--28cff)}._1nJ8ZC{padding-right:var(--28cff)}.Xg19rf{padding-bottom:var(--28cff)}._2iyJoI{padding-left:var(--28cff)}._1Fy60f{padding-top:var(--6acb5)}._2l4Wd9{padding-right:var(--6acb5)}._1bWoRE{padding-bottom:var(--6acb5)}._2c1hOG{padding-left:var(--6acb5)}}@media (min-width:700px){._3Poknp{padding-top:var(--74358)}._3LVCeJ{padding-right:var(--74358)}._3SnVu2{padding-bottom:var(--74358)}._21hmDp{padding-left:var(--74358)}._2xPaK2{padding-top:var(--6947b)}._507mi9{padding-right:var(--6947b)}._2leECL{padding-bottom:var(--6947b)}.hVsw65{padding-left:var(--6947b)}._2k6Zi0{padding-top:var(--1ba55)}._3Vex7v{padding-right:var(--1ba55)}._3Pqewq{padding-bottom:var(--1ba55)}.TGvP8O{padding-left:var(--1ba55)}._37V0PD{padding-top:var(--477fd)}.EPARac{padding-right:var(--477fd)}._2uOYa7{padding-bottom:var(--477fd)}._3lIPBd{padding-left:var(--477fd)}._1DvrFX{padding-top:var(--74380)}._2tlIYT{padding-right:var(--74380)}._3qWns4{padding-bottom:var(--74380)}._330Loe{padding-left:var(--74380)}._3UHe4N{padding-top:var(--39ce9)}._1tTMzx{padding-right:var(--39ce9)}._3sXl4E{padding-bottom:var(--39ce9)}._2UYJDn{padding-left:var(--39ce9)}._1TV3Vz{padding-top:var(--28cff)}._3sANW-{padding-right:var(--28cff)}._1oOiVG{padding-bottom:var(--28cff)}.WDq1cw{padding-left:var(--28cff)}._21Nv8C{padding-top:var(--6acb5)}._3RESgl{padding-right:var(--6acb5)}.egRqPZ{padding-bottom:var(--6acb5)}._1OeSze{padding-left:var(--6acb5)}}@media (min-width:880px){.xdoy4M{padding-top:var(--74358)}._2gPqNO{padding-right:var(--74358)}._3Ph_nQ{padding-bottom:var(--74358)}._3fgOhW{padding-left:var(--74358)}._3YKP-h{padding-top:var(--6947b)}._1oCojX{padding-right:var(--6947b)}._2ypmnQ{padding-bottom:var(--6947b)}._2YQ_YF{padding-left:var(--6947b)}.qc5k0u{padding-top:var(--1ba55)}._178Rku{padding-right:var(--1ba55)}._3aWpdG{padding-bottom:var(--1ba55)}._1CHJWU{padding-left:var(--1ba55)}._3Gc4UK{padding-top:var(--477fd)}._1_hePI{padding-right:var(--477fd)}._2jvOGh{padding-bottom:var(--477fd)}._152LYH{padding-left:var(--477fd)}._2JJ3Se{padding-top:var(--74380)}._1jPrTy{padding-right:var(--74380)}._3syc0k{padding-bottom:var(--74380)}._2zuRrb{padding-left:var(--74380)}._2vEf08{padding-top:var(--39ce9)}._27surc{padding-right:var(--39ce9)}.Ius3o3{padding-bottom:var(--39ce9)}._3qhan_{padding-left:var(--39ce9)}._2HksxD{padding-top:var(--28cff)}.Akyw04{padding-right:var(--28cff)}._2B0FDh{padding-bottom:var(--28cff)}._2IIcwH{padding-left:var(--28cff)}._1gePl2{padding-top:var(--6acb5)}._2hI6at{padding-right:var(--6acb5)}._2NRzmu{padding-bottom:var(--6acb5)}._2AEm9K{padding-left:var(--6acb5)}}@media (min-width:1200px){._3ubk_m{padding-top:var(--74358)}._2SMgJI{padding-right:var(--74358)}.vDi_lE{padding-bottom:var(--74358)}._1w3EW0{padding-left:var(--74358)}._3cTOtC{padding-top:var(--6947b)}.nuyh8Y{padding-right:var(--6947b)}._2s2Eit{padding-bottom:var(--6947b)}._1FHi7N{padding-left:var(--6947b)}.coakYL{padding-top:var(--1ba55)}._2kbOGr{padding-right:var(--1ba55)}.TeffmU{padding-bottom:var(--1ba55)}._2ADx6p{padding-left:var(--1ba55)}._38yxgV{padding-top:var(--477fd)}._2LpX5d{padding-right:var(--477fd)}._1ImLaD{padding-bottom:var(--477fd)}._1yXxI1{padding-left:var(--477fd)}.L7Xavd{padding-top:var(--74380)}._2dGo9x{padding-right:var(--74380)}._2uWJPZ{padding-bottom:var(--74380)}._21FhLB{padding-left:var(--74380)}.NIuvR_{padding-top:var(--39ce9)}._2vgDQm{padding-right:var(--39ce9)}._1U0qKg{padding-bottom:var(--39ce9)}._2yTlX3{padding-left:var(--39ce9)}._3Eg2zx{padding-top:var(--28cff)}._1pqb8-{padding-right:var(--28cff)}._1s6Gm3{padding-bottom:var(--28cff)}._3SGGwT{padding-left:var(--28cff)}._2rulKv{padding-top:var(--6acb5)}._1bC5s-{padding-right:var(--6acb5)}._2tGY3F{padding-bottom:var(--6acb5)}._4MLyqi{padding-left:var(--6acb5)}}@media (min-width:1900px){._3FKi9S{padding-top:var(--74358)}._33YscO{padding-right:var(--74358)}._1QH2m4{padding-bottom:var(--74358)}._20odXQ{padding-left:var(--74358)}._2PSzss{padding-top:var(--6947b)}.dShFrA{padding-right:var(--6947b)}._2Dc8c1{padding-bottom:var(--6947b)}.eD6hR8{padding-left:var(--6947b)}._2BSpCn{padding-top:var(--1ba55)}._729yQR{padding-right:var(--1ba55)}.pwXNgc{padding-bottom:var(--1ba55)}.s_ff6G{padding-left:var(--1ba55)}._5UVP-F{padding-top:var(--477fd)}.DQqzrl{padding-right:var(--477fd)}.k-y-cP{padding-bottom:var(--477fd)}.iYB8Sm{padding-left:var(--477fd)}._2637_b{padding-top:var(--74380)}.Zemmym{padding-right:var(--74380)}.DEyoNX{padding-bottom:var(--74380)}._2cshqB{padding-left:var(--74380)}._3UscnA{padding-top:var(--39ce9)}._11rdS_{padding-right:var(--39ce9)}._3o9Paa{padding-bottom:var(--39ce9)}._29jS0k{padding-left:var(--39ce9)}._38Nzma{padding-top:var(--28cff)}._3liSLK{padding-right:var(--28cff)}._2YIy9H{padding-bottom:var(--28cff)}._1x_1HL{padding-left:var(--28cff)}._2vI42-{padding-top:var(--6acb5)}._34yYpL{padding-right:var(--6acb5)}.pWXFIU{padding-bottom:var(--6acb5)}._19xdWl{padding-left:var(--6acb5)}}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/module-layout-padding/style/index.module.less",__css:css_248z,"LayoutPadding--padding-top-none":"_2x1aeM","LayoutPadding--padding-right-none":"_1WH1_Q","LayoutPadding--padding-bottom-none":"_2JlASK","LayoutPadding--padding-left-none":"GWHMDM","LayoutPadding--padding-top-3xs":"_3Jqprc","LayoutPadding--padding-right-3xs":"CTbXk-","LayoutPadding--padding-bottom-3xs":"TytX3G","LayoutPadding--padding-left-3xs":"_3A2vcG","LayoutPadding--padding-top-2xs":"_2rHTs4","LayoutPadding--padding-right-2xs":"_5eC8dk","LayoutPadding--padding-bottom-2xs":"UIj4Qr","LayoutPadding--padding-left-2xs":"_1qr9rx","LayoutPadding--padding-top-xs":"_18Ax2l","LayoutPadding--padding-right-xs":"I4gO77","LayoutPadding--padding-bottom-xs":"kjiJEp","LayoutPadding--padding-left-xs":"rdvNhX","LayoutPadding--padding-top-s":"_2STJXi","LayoutPadding--padding-right-s":"_1XOZ9n","LayoutPadding--padding-bottom-s":"_3OpHO4","LayoutPadding--padding-left-s":"_2zMTeu","LayoutPadding--padding-top-m":"_1QHF2h","LayoutPadding--padding-right-m":"_9M6CiE","LayoutPadding--padding-bottom-m":"oSxdLm","LayoutPadding--padding-left-m":"ka6YhX","LayoutPadding--padding-top-l":"_2enEKT","LayoutPadding--padding-right-l":"ZJ02Vg","LayoutPadding--padding-bottom-l":"_2rlfYu","LayoutPadding--padding-left-l":"_2intny","LayoutPadding--padding-top-xl":"_3eUuMW","LayoutPadding--padding-right-xl":"_18-2RU","LayoutPadding--padding-bottom-xl":"_2Mkvx4","LayoutPadding--padding-left-xl":"Lo8FMt","LayoutPadding--narrow-l--padding-top-none":"_2Er_nu","LayoutPadding--narrow-l--padding-right-none":"_3Bm1A9","LayoutPadding--narrow-l--padding-bottom-none":"eGkPsr","LayoutPadding--narrow-l--padding-left-none":"_3NM-nX","LayoutPadding--narrow-l--padding-top-3xs":"_2OBkWi","LayoutPadding--narrow-l--padding-right-3xs":"_1elNHY","LayoutPadding--narrow-l--padding-bottom-3xs":"_3ywegk","LayoutPadding--narrow-l--padding-left-3xs":"_1m80VA","LayoutPadding--narrow-l--padding-top-2xs":"_2-thl8","LayoutPadding--narrow-l--padding-right-2xs":"_169ELB","LayoutPadding--narrow-l--padding-bottom-2xs":"_1gptv4","LayoutPadding--narrow-l--padding-left-2xs":"_1-y7-r","LayoutPadding--narrow-l--padding-top-xs":"_3Gw41u","LayoutPadding--narrow-l--padding-right-xs":"_1_DYJg","LayoutPadding--narrow-l--padding-bottom-xs":"_1XWcge","LayoutPadding--narrow-l--padding-left-xs":"_2mTlEZ","LayoutPadding--narrow-l--padding-top-s":"_1lbC1k","LayoutPadding--narrow-l--padding-right-s":"_1Lc2ZL","LayoutPadding--narrow-l--padding-bottom-s":"_1CDdfR","LayoutPadding--narrow-l--padding-left-s":"_15fWcj","LayoutPadding--narrow-l--padding-top-m":"_3ODxpZ","LayoutPadding--narrow-l--padding-right-m":"_1x42K6","LayoutPadding--narrow-l--padding-bottom-m":"_2jKvLa","LayoutPadding--narrow-l--padding-left-m":"_1IYbqy","LayoutPadding--narrow-l--padding-top-l":"_10YyIb","LayoutPadding--narrow-l--padding-right-l":"_1nJ8ZC","LayoutPadding--narrow-l--padding-bottom-l":"Xg19rf","LayoutPadding--narrow-l--padding-left-l":"_2iyJoI","LayoutPadding--narrow-l--padding-top-xl":"_1Fy60f","LayoutPadding--narrow-l--padding-right-xl":"_2l4Wd9","LayoutPadding--narrow-l--padding-bottom-xl":"_1bWoRE","LayoutPadding--narrow-l--padding-left-xl":"_2c1hOG","LayoutPadding--medium-s--padding-top-none":"_3Poknp","LayoutPadding--medium-s--padding-right-none":"_3LVCeJ","LayoutPadding--medium-s--padding-bottom-none":"_3SnVu2","LayoutPadding--medium-s--padding-left-none":"_21hmDp","LayoutPadding--medium-s--padding-top-3xs":"_2xPaK2","LayoutPadding--medium-s--padding-right-3xs":"_507mi9","LayoutPadding--medium-s--padding-bottom-3xs":"_2leECL","LayoutPadding--medium-s--padding-left-3xs":"hVsw65","LayoutPadding--medium-s--padding-top-2xs":"_2k6Zi0","LayoutPadding--medium-s--padding-right-2xs":"_3Vex7v","LayoutPadding--medium-s--padding-bottom-2xs":"_3Pqewq","LayoutPadding--medium-s--padding-left-2xs":"TGvP8O","LayoutPadding--medium-s--padding-top-xs":"_37V0PD","LayoutPadding--medium-s--padding-right-xs":"EPARac","LayoutPadding--medium-s--padding-bottom-xs":"_2uOYa7","LayoutPadding--medium-s--padding-left-xs":"_3lIPBd","LayoutPadding--medium-s--padding-top-s":"_1DvrFX","LayoutPadding--medium-s--padding-right-s":"_2tlIYT","LayoutPadding--medium-s--padding-bottom-s":"_3qWns4","LayoutPadding--medium-s--padding-left-s":"_330Loe","LayoutPadding--medium-s--padding-top-m":"_3UHe4N","LayoutPadding--medium-s--padding-right-m":"_1tTMzx","LayoutPadding--medium-s--padding-bottom-m":"_3sXl4E","LayoutPadding--medium-s--padding-left-m":"_2UYJDn","LayoutPadding--medium-s--padding-top-l":"_1TV3Vz","LayoutPadding--medium-s--padding-right-l":"_3sANW-","LayoutPadding--medium-s--padding-bottom-l":"_1oOiVG","LayoutPadding--medium-s--padding-left-l":"WDq1cw","LayoutPadding--medium-s--padding-top-xl":"_21Nv8C","LayoutPadding--medium-s--padding-right-xl":"_3RESgl","LayoutPadding--medium-s--padding-bottom-xl":"egRqPZ","LayoutPadding--medium-s--padding-left-xl":"_1OeSze","LayoutPadding--medium-l--padding-top-none":"xdoy4M","LayoutPadding--medium-l--padding-right-none":"_2gPqNO","LayoutPadding--medium-l--padding-bottom-none":"_3Ph_nQ","LayoutPadding--medium-l--padding-left-none":"_3fgOhW","LayoutPadding--medium-l--padding-top-3xs":"_3YKP-h","LayoutPadding--medium-l--padding-right-3xs":"_1oCojX","LayoutPadding--medium-l--padding-bottom-3xs":"_2ypmnQ","LayoutPadding--medium-l--padding-left-3xs":"_2YQ_YF","LayoutPadding--medium-l--padding-top-2xs":"qc5k0u","LayoutPadding--medium-l--padding-right-2xs":"_178Rku","LayoutPadding--medium-l--padding-bottom-2xs":"_3aWpdG","LayoutPadding--medium-l--padding-left-2xs":"_1CHJWU","LayoutPadding--medium-l--padding-top-xs":"_3Gc4UK","LayoutPadding--medium-l--padding-right-xs":"_1_hePI","LayoutPadding--medium-l--padding-bottom-xs":"_2jvOGh","LayoutPadding--medium-l--padding-left-xs":"_152LYH","LayoutPadding--medium-l--padding-top-s":"_2JJ3Se","LayoutPadding--medium-l--padding-right-s":"_1jPrTy","LayoutPadding--medium-l--padding-bottom-s":"_3syc0k","LayoutPadding--medium-l--padding-left-s":"_2zuRrb","LayoutPadding--medium-l--padding-top-m":"_2vEf08","LayoutPadding--medium-l--padding-right-m":"_27surc","LayoutPadding--medium-l--padding-bottom-m":"Ius3o3","LayoutPadding--medium-l--padding-left-m":"_3qhan_","LayoutPadding--medium-l--padding-top-l":"_2HksxD","LayoutPadding--medium-l--padding-right-l":"Akyw04","LayoutPadding--medium-l--padding-bottom-l":"_2B0FDh","LayoutPadding--medium-l--padding-left-l":"_2IIcwH","LayoutPadding--medium-l--padding-top-xl":"_1gePl2","LayoutPadding--medium-l--padding-right-xl":"_2hI6at","LayoutPadding--medium-l--padding-bottom-xl":"_2NRzmu","LayoutPadding--medium-l--padding-left-xl":"_2AEm9K","LayoutPadding--wide-s--padding-top-none":"_3ubk_m","LayoutPadding--wide-s--padding-right-none":"_2SMgJI","LayoutPadding--wide-s--padding-bottom-none":"vDi_lE","LayoutPadding--wide-s--padding-left-none":"_1w3EW0","LayoutPadding--wide-s--padding-top-3xs":"_3cTOtC","LayoutPadding--wide-s--padding-right-3xs":"nuyh8Y","LayoutPadding--wide-s--padding-bottom-3xs":"_2s2Eit","LayoutPadding--wide-s--padding-left-3xs":"_1FHi7N","LayoutPadding--wide-s--padding-top-2xs":"coakYL","LayoutPadding--wide-s--padding-right-2xs":"_2kbOGr","LayoutPadding--wide-s--padding-bottom-2xs":"TeffmU","LayoutPadding--wide-s--padding-left-2xs":"_2ADx6p","LayoutPadding--wide-s--padding-top-xs":"_38yxgV","LayoutPadding--wide-s--padding-right-xs":"_2LpX5d","LayoutPadding--wide-s--padding-bottom-xs":"_1ImLaD","LayoutPadding--wide-s--padding-left-xs":"_1yXxI1","LayoutPadding--wide-s--padding-top-s":"L7Xavd","LayoutPadding--wide-s--padding-right-s":"_2dGo9x","LayoutPadding--wide-s--padding-bottom-s":"_2uWJPZ","LayoutPadding--wide-s--padding-left-s":"_21FhLB","LayoutPadding--wide-s--padding-top-m":"NIuvR_","LayoutPadding--wide-s--padding-right-m":"_2vgDQm","LayoutPadding--wide-s--padding-bottom-m":"_1U0qKg","LayoutPadding--wide-s--padding-left-m":"_2yTlX3","LayoutPadding--wide-s--padding-top-l":"_3Eg2zx","LayoutPadding--wide-s--padding-right-l":"_1pqb8-","LayoutPadding--wide-s--padding-bottom-l":"_1s6Gm3","LayoutPadding--wide-s--padding-left-l":"_3SGGwT","LayoutPadding--wide-s--padding-top-xl":"_2rulKv","LayoutPadding--wide-s--padding-right-xl":"_1bC5s-","LayoutPadding--wide-s--padding-bottom-xl":"_2tGY3F","LayoutPadding--wide-s--padding-left-xl":"_4MLyqi","LayoutPadding--wide-l--padding-top-none":"_3FKi9S","LayoutPadding--wide-l--padding-right-none":"_33YscO","LayoutPadding--wide-l--padding-bottom-none":"_1QH2m4","LayoutPadding--wide-l--padding-left-none":"_20odXQ","LayoutPadding--wide-l--padding-top-3xs":"_2PSzss","LayoutPadding--wide-l--padding-right-3xs":"dShFrA","LayoutPadding--wide-l--padding-bottom-3xs":"_2Dc8c1","LayoutPadding--wide-l--padding-left-3xs":"eD6hR8","LayoutPadding--wide-l--padding-top-2xs":"_2BSpCn","LayoutPadding--wide-l--padding-right-2xs":"_729yQR","LayoutPadding--wide-l--padding-bottom-2xs":"pwXNgc","LayoutPadding--wide-l--padding-left-2xs":"s_ff6G","LayoutPadding--wide-l--padding-top-xs":"_5UVP-F","LayoutPadding--wide-l--padding-right-xs":"DQqzrl","LayoutPadding--wide-l--padding-bottom-xs":"k-y-cP","LayoutPadding--wide-l--padding-left-xs":"iYB8Sm","LayoutPadding--wide-l--padding-top-s":"_2637_b","LayoutPadding--wide-l--padding-right-s":"Zemmym","LayoutPadding--wide-l--padding-bottom-s":"DEyoNX","LayoutPadding--wide-l--padding-left-s":"_2cshqB","LayoutPadding--wide-l--padding-top-m":"_3UscnA","LayoutPadding--wide-l--padding-right-m":"_11rdS_","LayoutPadding--wide-l--padding-bottom-m":"_3o9Paa","LayoutPadding--wide-l--padding-left-m":"_29jS0k","LayoutPadding--wide-l--padding-top-l":"_38Nzma","LayoutPadding--wide-l--padding-right-l":"_3liSLK","LayoutPadding--wide-l--padding-bottom-l":"_2YIy9H","LayoutPadding--wide-l--padding-left-l":"_1x_1HL","LayoutPadding--wide-l--padding-top-xl":"_2vI42-","LayoutPadding--wide-l--padding-right-xl":"_34yYpL","LayoutPadding--wide-l--padding-bottom-xl":"pWXFIU","LayoutPadding--wide-l--padding-left-xl":"_19xdWl"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/layout/module-layout-padding/style/mixins.less

@@ -0,0 +1,26 @@
+@import '../../../generated/tokens.less';
+@import '../../../generated/options.less';
+@import '../../../responsive/style/mixins.less';
+
+.layout-padding() {
+    .responsive({
+        each(@LAYOUT_PADDING_OPTIONS, {
+            &--padding-top-@{value} {
+                @token: 'root-space-@{value}';
+                padding-top: @@token;
+            }
+            &--padding-right-@{value} {
+                @token: 'root-space-@{value}';
+                padding-right: @@token;
+            }
+            &--padding-bottom-@{value} {
+                @token: 'root-space-@{value}';
+                padding-bottom: @@token;
+            }
+            &--padding-left-@{value} {
+                @token: 'root-space-@{value}';
+                padding-left: @@token;
+            }
+        });
+    });
+}

package/dist/layout/module-layout-padding/style/mixins.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var stylesheet="";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/layout/style/flex.mixins.less

@@ -100,26 +100,3 @@
         });
     });
 }
-
-.flex-padding() {
-    .responsive({
-        each(@LAYOUT_PADDING_OPTIONS, {
-            &--padding-top-@{value} {
-                @token: 'root-space-@{value}';
-                padding-top: @@token;
-            }
-            &--padding-right-@{value} {
-                @token: 'root-space-@{value}';
-                padding-right: @@token;
-            }
-            &--padding-bottom-@{value} {
-                @token: 'root-space-@{value}';
-                padding-bottom: @@token;
-            }
-            &--padding-left-@{value} {
-                @token: 'root-space-@{value}';
-                padding-left: @@token;
-            }
-        });
-    });
-}

package/dist/layout/style/grid.mixins.less

@@ -23,12 +23,3 @@
         }
     });
 }
-
-.grid-padding() {
-    each(@LAYOUT_PADDING_OPTIONS, {
-        &--padding-@{value} {
-            @token: 'root-space-@{value}';
-            padding: @@token;
-        }
-    });
-}

package/dist/layout/style/index.module.less

@@ -1,4 +1,3 @@
-@import './common.mixins.less';
 @import './flex.mixins.less';
 @import './grid.mixins.less';
 
@@ -6,8 +5,6 @@
     .flex-base();
     .flex-wrap();
     .flex-inline();
-    .layout-gap();
-    .flex-padding();
     .flex-column-reverse(); // ORDER MATTERS: this must come before flex-direction
     .flex-direction();
     .flex-justify-content();
@@ -16,8 +13,6 @@
 
 .LayoutGrid {
     .grid-base();
-    .layout-gap();
-    .grid-padding();
     .grid-justify-content();
     .grid-align-items();
 }

package/dist/layout/style/index.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._15uGWh{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._3rnoor{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._1_IXQm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._1eu8AB{grid-gap:var(--74358);gap:var(--74358)}._3NW7L7{grid-gap:var(--6947b);gap:var(--6947b)}.rXTJOf{grid-gap:var(--1ba55);gap:var(--1ba55)}._1epFyH{grid-gap:var(--477fd);gap:var(--477fd)}._3ZkSph{grid-gap:var(--74380);gap:var(--74380)}._1YQCoq{grid-gap:var(--39ce9);gap:var(--39ce9)}._1kgBLJ{grid-gap:var(--28cff);gap:var(--28cff)}.WwTEFN{grid-gap:var(--6acb5);gap:var(--6acb5)}@media (min-width:400px){._2L-f_s{grid-gap:var(--74358);gap:var(--74358)}.PbiIBF{grid-gap:var(--6947b);gap:var(--6947b)}._3zdz0e{grid-gap:var(--1ba55);gap:var(--1ba55)}._3osIjC{grid-gap:var(--477fd);gap:var(--477fd)}._1P1v4c{grid-gap:var(--74380);gap:var(--74380)}._3xe4uM{grid-gap:var(--39ce9);gap:var(--39ce9)}.MNPkJu{grid-gap:var(--28cff);gap:var(--28cff)}._2TsA4h{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:700px){._2g-ZXZ{grid-gap:var(--74358);gap:var(--74358)}.dhP77U{grid-gap:var(--6947b);gap:var(--6947b)}._1EIe-9{grid-gap:var(--1ba55);gap:var(--1ba55)}.Uo-J8t{grid-gap:var(--477fd);gap:var(--477fd)}._3pwiuc{grid-gap:var(--74380);gap:var(--74380)}._1SL2yV{grid-gap:var(--39ce9);gap:var(--39ce9)}.ocfu4a{grid-gap:var(--28cff);gap:var(--28cff)}.kRMLrF{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:880px){.wP_zwl{grid-gap:var(--74358);gap:var(--74358)}.saWzqK{grid-gap:var(--6947b);gap:var(--6947b)}.fpqkAM{grid-gap:var(--1ba55);gap:var(--1ba55)}.BewJpl{grid-gap:var(--477fd);gap:var(--477fd)}._3amErM{grid-gap:var(--74380);gap:var(--74380)}._2RUx4-{grid-gap:var(--39ce9);gap:var(--39ce9)}.mQ5VJa{grid-gap:var(--28cff);gap:var(--28cff)}._1GSlEu{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1200px){._3EF1qe{grid-gap:var(--74358);gap:var(--74358)}._2VfgM-{grid-gap:var(--6947b);gap:var(--6947b)}._3DARm_{grid-gap:var(--1ba55);gap:var(--1ba55)}._1Yj8uD{grid-gap:var(--477fd);gap:var(--477fd)}._3Tt8fx{grid-gap:var(--74380);gap:var(--74380)}.sl3De1{grid-gap:var(--39ce9);gap:var(--39ce9)}._38f2Po{grid-gap:var(--28cff);gap:var(--28cff)}._27oGYO{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1900px){._3tBdRt{grid-gap:var(--74358);gap:var(--74358)}._3Xukld{grid-gap:var(--6947b);gap:var(--6947b)}._2UzxGY{grid-gap:var(--1ba55);gap:var(--1ba55)}._2KiYGz{grid-gap:var(--477fd);gap:var(--477fd)}._3Im1-V{grid-gap:var(--74380);gap:var(--74380)}._3ilX7i{grid-gap:var(--39ce9);gap:var(--39ce9)}.bSttwF{grid-gap:var(--28cff);gap:var(--28cff)}._1MUyyJ{grid-gap:var(--6acb5);gap:var(--6acb5)}}._3IUvl2{padding-top:var(--74358)}._1UYvvS{padding-right:var(--74358)}._2HKHPI{padding-bottom:var(--74358)}._1TGf8u{padding-left:var(--74358)}._2VbhXR{padding-top:var(--6947b)}.BzSKyx{padding-right:var(--6947b)}._1I-UqI{padding-bottom:var(--6947b)}._29emMu{padding-left:var(--6947b)}._2gI1QW{padding-top:var(--1ba55)}.HeIq_P{padding-right:var(--1ba55)}.b10Aue{padding-bottom:var(--1ba55)}._2f8T3X{padding-left:var(--1ba55)}.PrWMR9{padding-top:var(--477fd)}._39huVB{padding-right:var(--477fd)}._3eKwvm{padding-bottom:var(--477fd)}._1svlxm{padding-left:var(--477fd)}._291SRn{padding-top:var(--74380)}._2-EgIA{padding-right:var(--74380)}._6h87u5{padding-bottom:var(--74380)}._2ekwzQ{padding-left:var(--74380)}._38JpRv{padding-top:var(--39ce9)}._2sxEX5{padding-right:var(--39ce9)}.AqSEL4{padding-bottom:var(--39ce9)}._2iK4Eh{padding-left:var(--39ce9)}._2RIKtd{padding-top:var(--28cff)}._3BKus9{padding-right:var(--28cff)}._WsGwb{padding-bottom:var(--28cff)}._2Wy_HN{padding-left:var(--28cff)}._2AekAC{padding-top:var(--6acb5)}._2TKZDE{padding-right:var(--6acb5)}._3ZgeiY{padding-bottom:var(--6acb5)}._2SgMoI{padding-left:var(--6acb5)}@media (min-width:400px){._1V_owG{padding-top:var(--74358)}._2YBw4C{padding-right:var(--74358)}._1s6aAK{padding-bottom:var(--74358)}._24jYyO{padding-left:var(--74358)}.-YY3cF{padding-top:var(--6947b)}.IxFyoJ{padding-right:var(--6947b)}._1OREfT{padding-bottom:var(--6947b)}._22EURO{padding-left:var(--6947b)}.-SKsTL{padding-top:var(--1ba55)}._3MIpRs{padding-right:var(--1ba55)}._3nl1j-{padding-bottom:var(--1ba55)}._133piP{padding-left:var(--1ba55)}._1now1k{padding-top:var(--477fd)}.AMwB0V{padding-right:var(--477fd)}._1uQ7ZG{padding-bottom:var(--477fd)}._32cjXL{padding-left:var(--477fd)}._3QtT-6{padding-top:var(--74380)}._2INdSX{padding-right:var(--74380)}._3tnj02{padding-bottom:var(--74380)}.HQBb1R{padding-left:var(--74380)}._38sDSU{padding-top:var(--39ce9)}.pLaj-e{padding-right:var(--39ce9)}._1KP-aa{padding-bottom:var(--39ce9)}.LR1orS{padding-left:var(--39ce9)}._3JDlB-{padding-top:var(--28cff)}.HPp4Qh{padding-right:var(--28cff)}._1f5i9K{padding-bottom:var(--28cff)}._3KeCaz{padding-left:var(--28cff)}._1ZgHpz{padding-top:var(--6acb5)}._2Ev8fk{padding-right:var(--6acb5)}._1pzOJF{padding-bottom:var(--6acb5)}._1092Ov{padding-left:var(--6acb5)}}@media (min-width:700px){._1F4kig{padding-top:var(--74358)}.CgvRLA{padding-right:var(--74358)}.Qh_shn{padding-bottom:var(--74358)}._2Cldqt{padding-left:var(--74358)}._1SBfLk{padding-top:var(--6947b)}._3WaVQS{padding-right:var(--6947b)}._1ui2OG{padding-bottom:var(--6947b)}.Xs5Jtv{padding-left:var(--6947b)}._2CVLd5{padding-top:var(--1ba55)}._3hjcmX{padding-right:var(--1ba55)}.wTJ5YI{padding-bottom:var(--1ba55)}.uje3WJ{padding-left:var(--1ba55)}.Km7_N2{padding-top:var(--477fd)}._1ZsnfA{padding-right:var(--477fd)}.nC44oW{padding-bottom:var(--477fd)}.P4v79l{padding-left:var(--477fd)}._3FrE3g{padding-top:var(--74380)}._3YSr5w{padding-right:var(--74380)}._21-jsA{padding-bottom:var(--74380)}._1LkNIs{padding-left:var(--74380)}._3PTC-9{padding-top:var(--39ce9)}._14O85L{padding-right:var(--39ce9)}._3k_e-t{padding-bottom:var(--39ce9)}._2xDu8I{padding-left:var(--39ce9)}.RGiMDI{padding-top:var(--28cff)}._321Ly3{padding-right:var(--28cff)}.uBc22w{padding-bottom:var(--28cff)}.jNV1ro{padding-left:var(--28cff)}._21hEOr{padding-top:var(--6acb5)}._28Ngmk{padding-right:var(--6acb5)}.g6_vn6{padding-bottom:var(--6acb5)}._15MP9z{padding-left:var(--6acb5)}}@media (min-width:880px){._3q7Yay{padding-top:var(--74358)}.qb0s--{padding-right:var(--74358)}.ifCmHl{padding-bottom:var(--74358)}.oOKCYL{padding-left:var(--74358)}._1svGgS{padding-top:var(--6947b)}._3aNNCf{padding-right:var(--6947b)}._1OSqZr{padding-bottom:var(--6947b)}._1kIsSR{padding-left:var(--6947b)}._1nFyt0{padding-top:var(--1ba55)}.O1Y1Fu{padding-right:var(--1ba55)}._2IXXkE{padding-bottom:var(--1ba55)}._11oNNC{padding-left:var(--1ba55)}._3PqoqI{padding-top:var(--477fd)}._3Z7hCI{padding-right:var(--477fd)}._2XQYHd{padding-bottom:var(--477fd)}._3Nfhfu{padding-left:var(--477fd)}._2PXaRL{padding-top:var(--74380)}._1_iess{padding-right:var(--74380)}.jmg5zq{padding-bottom:var(--74380)}._1CWI46{padding-left:var(--74380)}._2B6GH9{padding-top:var(--39ce9)}._2mW5ps{padding-right:var(--39ce9)}.AvY4IC{padding-bottom:var(--39ce9)}._3at_70{padding-left:var(--39ce9)}._1ee23X{padding-top:var(--28cff)}._1XfRMB{padding-right:var(--28cff)}._3KC-2n{padding-bottom:var(--28cff)}._1nh-TN{padding-left:var(--28cff)}._3bFIT7{padding-top:var(--6acb5)}._1bBaq4{padding-right:var(--6acb5)}._3v9L4o{padding-bottom:var(--6acb5)}._12ro2m{padding-left:var(--6acb5)}}@media (min-width:1200px){._3lGr3a{padding-top:var(--74358)}._2qmjFJ{padding-right:var(--74358)}._3zGtAd{padding-bottom:var(--74358)}._3w9E4C{padding-left:var(--74358)}.KiFig5{padding-top:var(--6947b)}._3t1oZN{padding-right:var(--6947b)}._3s77YU{padding-bottom:var(--6947b)}._9m-5s1{padding-left:var(--6947b)}.EWOCYa{padding-top:var(--1ba55)}._1gYMEX{padding-right:var(--1ba55)}.hmUOFj{padding-bottom:var(--1ba55)}._1NBnOW{padding-left:var(--1ba55)}._1kL9vN{padding-top:var(--477fd)}._1SXo2P{padding-right:var(--477fd)}._3VgM6e{padding-bottom:var(--477fd)}._30_CDo{padding-left:var(--477fd)}.k58tNB{padding-top:var(--74380)}._3lUEp6{padding-right:var(--74380)}._29CQDe{padding-bottom:var(--74380)}._18NoXM{padding-left:var(--74380)}._1L3Dxx{padding-top:var(--39ce9)}._2XbII_{padding-right:var(--39ce9)}._3G1hNY{padding-bottom:var(--39ce9)}._3Os7T0{padding-left:var(--39ce9)}._1aee2Y{padding-top:var(--28cff)}._3uf3YC{padding-right:var(--28cff)}._1QFGK3{padding-bottom:var(--28cff)}._3I5aup{padding-left:var(--28cff)}._38Xhm2{padding-top:var(--6acb5)}._1O1Z2W{padding-right:var(--6acb5)}.rNY1zB{padding-bottom:var(--6acb5)}._1IlYje{padding-left:var(--6acb5)}}@media (min-width:1900px){._33MTiA{padding-top:var(--74358)}._12mKys{padding-right:var(--74358)}._2CYGIP{padding-bottom:var(--74358)}.NRwVMk{padding-left:var(--74358)}._2PFRrg{padding-top:var(--6947b)}._3AzLoa{padding-right:var(--6947b)}._1fa7Cu{padding-bottom:var(--6947b)}._21amYs{padding-left:var(--6947b)}._3dexk-{padding-top:var(--1ba55)}._175j96{padding-right:var(--1ba55)}._168jvA{padding-bottom:var(--1ba55)}._33Ohnx{padding-left:var(--1ba55)}._131gCw{padding-top:var(--477fd)}._1ZXZh3{padding-right:var(--477fd)}._1hcaL8{padding-bottom:var(--477fd)}._3apa5b{padding-left:var(--477fd)}._1FW4HA{padding-top:var(--74380)}._2LIXsD{padding-right:var(--74380)}._3E6jyJ{padding-bottom:var(--74380)}._1w_2Ua{padding-left:var(--74380)}._2mff5w{padding-top:var(--39ce9)}._2y99Br{padding-right:var(--39ce9)}._31B75e{padding-bottom:var(--39ce9)}._1113Tv{padding-left:var(--39ce9)}.Zkft7H{padding-top:var(--28cff)}.kvlHcC{padding-right:var(--28cff)}._15LEHH{padding-bottom:var(--28cff)}._2UaFWb{padding-left:var(--28cff)}.Uk95fI{padding-top:var(--6acb5)}._2YteCy{padding-right:var(--6acb5)}._3nG2XJ{padding-bottom:var(--6acb5)}.fUbmc5{padding-left:var(--6acb5)}}.X4eHUe{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._3_M_4w,.X4eHUe{-webkit-box-orient:horizontal}._3_M_4w{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._2ByMq1{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2ByMq1,._3_8VIk{-webkit-box-orient:vertical}._3_8VIk{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.TeMu3z{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2JjQiK,.TeMu3z{-webkit-box-orient:vertical}._2JjQiK{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1o4EVj{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1o4EVj,._24jMtt{-webkit-box-orient:horizontal}._24jMtt{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:400px){._1RG37V{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1RG37V,._3Rxyiw{-webkit-box-orient:vertical}._3Rxyiw{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._8jyTaM{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1t_3rz,._8jyTaM{-webkit-box-orient:horizontal}._1t_3rz{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:700px){._1dYvLd{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1dYvLd,._3B2cts{-webkit-box-orient:vertical}._3B2cts{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1V-ESa{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1V-ESa,._2eL5Ug{-webkit-box-orient:horizontal}._2eL5Ug{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:880px){._1zHTP_{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1zHTP_,._3fBIHc{-webkit-box-orient:vertical}._3fBIHc{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._2r_ktS{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2r_ktS,._3RGdxW{-webkit-box-orient:horizontal}._3RGdxW{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1200px){._3_7sne{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._3_7sne,._3z0dTP{-webkit-box-orient:vertical}._3z0dTP{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.UEEKlY{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.hMRiH8,.UEEKlY{-webkit-box-orient:horizontal}.hMRiH8{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1900px){.lmSiRy{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1XoMkw,.lmSiRy{-webkit-box-orient:vertical}._1XoMkw{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._19m9cA{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2gCQJe,._19m9cA{-webkit-box-orient:horizontal}._2gCQJe{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._3Aw3T1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._10X-3Q{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._33a0v9{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._3qMVGq{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2REBgi{-ms-flex-pack:distribute;justify-content:space-around}._3zq1C_{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width:400px){._36Psqa{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3-j-w1{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._1Lu-3E{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._2VnVRQ{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1nH_hK{-ms-flex-pack:distribute;justify-content:space-around}._3-_n_C{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:700px){.Qf6Cla{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._6sxNQO{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ZxlLXH{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.Cn_Bv2{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1i_Qo3{-ms-flex-pack:distribute;justify-content:space-around}._2C1XQX{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:880px){._3o7wjp{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._1gPYrw{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._22LB-D{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._3MnmNN{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._12WcM9{-ms-flex-pack:distribute;justify-content:space-around}._3Pz1zS{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1200px){._3R_B9A{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._11KLzX{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._3YOo5Q{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.HT4Jrf{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._3NRNH8{-ms-flex-pack:distribute;justify-content:space-around}._32hfui{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1900px){.FQ1F3D{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c6aMED{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._3YO2K0{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._32nrja{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2O5f5W{-ms-flex-pack:distribute;justify-content:space-around}.LoonNj{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}.hUFwKI{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1BOjPg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3AQmNs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._3orDH1{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.qh7on_{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width:400px){._1mmFAl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._10ybPf{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3Gldvl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.iA36V8{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._-6GZ3C{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:700px){.o5yv5p{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._3SIoEN{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3LKoyS{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._18CZ6Z{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.-nZAw3{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:880px){.AQDorR{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._34BfZ_{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3iylCj{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.Z1VCoB{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._3dtfdr{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1200px){._1Ks9s5{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._34ZJYW{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._2pqScu{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.vkNyz8{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._7Y7qo5{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1900px){._1CEGxp{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2ZDTru{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._1vx6fg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._25WgaN{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._2oMAvk{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._1C0eq8{display:grid;margin:0;padding:0}._3JhbNt{grid-gap:var(--74358);gap:var(--74358)}._1HEcbC{grid-gap:var(--6947b);gap:var(--6947b)}._1N4Zuv{grid-gap:var(--1ba55);gap:var(--1ba55)}._1-XHso{grid-gap:var(--477fd);gap:var(--477fd)}._2IkWNq{grid-gap:var(--74380);gap:var(--74380)}._2hyzTo{grid-gap:var(--39ce9);gap:var(--39ce9)}._2ZTaVv{grid-gap:var(--28cff);gap:var(--28cff)}._3qb755{grid-gap:var(--6acb5);gap:var(--6acb5)}@media (min-width:400px){._3Kl9R_{grid-gap:var(--74358);gap:var(--74358)}._1vbixr{grid-gap:var(--6947b);gap:var(--6947b)}._2rKUDF{grid-gap:var(--1ba55);gap:var(--1ba55)}._1TJTCx{grid-gap:var(--477fd);gap:var(--477fd)}._3WQpKC{grid-gap:var(--74380);gap:var(--74380)}._12kSYL{grid-gap:var(--39ce9);gap:var(--39ce9)}._3hiXAQ{grid-gap:var(--28cff);gap:var(--28cff)}.wLJXr3{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:700px){._3EDp7p{grid-gap:var(--74358);gap:var(--74358)}._2z0ygN{grid-gap:var(--6947b);gap:var(--6947b)}._2dagJC{grid-gap:var(--1ba55);gap:var(--1ba55)}._345iNf{grid-gap:var(--477fd);gap:var(--477fd)}._3Dva9x{grid-gap:var(--74380);gap:var(--74380)}._3qwsJC{grid-gap:var(--39ce9);gap:var(--39ce9)}._1UeO3D{grid-gap:var(--28cff);gap:var(--28cff)}._2UifZE{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:880px){._34yaDM{grid-gap:var(--74358);gap:var(--74358)}._13-fb9{grid-gap:var(--6947b);gap:var(--6947b)}.XleEyG{grid-gap:var(--1ba55);gap:var(--1ba55)}._1D1fsX{grid-gap:var(--477fd);gap:var(--477fd)}._149WVJ{grid-gap:var(--74380);gap:var(--74380)}.lHLqn7{grid-gap:var(--39ce9);gap:var(--39ce9)}.OhJF2k{grid-gap:var(--28cff);gap:var(--28cff)}._231a3s{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1200px){._2t8hqP{grid-gap:var(--74358);gap:var(--74358)}._1w2Ii7{grid-gap:var(--6947b);gap:var(--6947b)}._1m1gs8{grid-gap:var(--1ba55);gap:var(--1ba55)}._3qvUB1{grid-gap:var(--477fd);gap:var(--477fd)}.prxM6T{grid-gap:var(--74380);gap:var(--74380)}._3k1kX6{grid-gap:var(--39ce9);gap:var(--39ce9)}.gCH_T-{grid-gap:var(--28cff);gap:var(--28cff)}._3lxkZC{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1900px){._2FTDuk{grid-gap:var(--74358);gap:var(--74358)}._3jycQR{grid-gap:var(--6947b);gap:var(--6947b)}._3NPAc0{grid-gap:var(--1ba55);gap:var(--1ba55)}._1Objjq{grid-gap:var(--477fd);gap:var(--477fd)}._2fMRWh{grid-gap:var(--74380);gap:var(--74380)}._2xzxGr{grid-gap:var(--39ce9);gap:var(--39ce9)}.T5WigT{grid-gap:var(--28cff);gap:var(--28cff)}._1SALbm{grid-gap:var(--6acb5);gap:var(--6acb5)}}._2810ZQ{padding:var(--74358)}.GCWWp1{padding:var(--6947b)}._26DBh8{padding:var(--1ba55)}._2MOywW{padding:var(--477fd)}._2qYGQe{padding:var(--74380)}._3vJ5sb{padding:var(--39ce9)}._1NStuR{padding:var(--28cff)}._1YQt_H{padding:var(--6acb5)}._25SpXB{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3GDeqz{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._2-jaGe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._3lGct7{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2wHTdX{-ms-flex-pack:distribute;justify-content:space-around}._1BVKaN{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}._1nyAA2{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1Xe-EI{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._3hQvqA{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.KBSz7h{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.KBW4yE{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/style/index.module.less",__css:css_248z,"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-3xs":"_3NW7L7","LayoutFlex--gap-2xs":"rXTJOf","LayoutFlex--gap-xs":"_1epFyH","LayoutFlex--gap-s":"_3ZkSph","LayoutFlex--gap-m":"_1YQCoq","LayoutFlex--gap-l":"_1kgBLJ","LayoutFlex--gap-xl":"WwTEFN","LayoutFlex--narrow-l--gap-none":"_2L-f_s","LayoutFlex--narrow-l--gap-3xs":"PbiIBF","LayoutFlex--narrow-l--gap-2xs":"_3zdz0e","LayoutFlex--narrow-l--gap-xs":"_3osIjC","LayoutFlex--narrow-l--gap-s":"_1P1v4c","LayoutFlex--narrow-l--gap-m":"_3xe4uM","LayoutFlex--narrow-l--gap-l":"MNPkJu","LayoutFlex--narrow-l--gap-xl":"_2TsA4h","LayoutFlex--medium-s--gap-none":"_2g-ZXZ","LayoutFlex--medium-s--gap-3xs":"dhP77U","LayoutFlex--medium-s--gap-2xs":"_1EIe-9","LayoutFlex--medium-s--gap-xs":"Uo-J8t","LayoutFlex--medium-s--gap-s":"_3pwiuc","LayoutFlex--medium-s--gap-m":"_1SL2yV","LayoutFlex--medium-s--gap-l":"ocfu4a","LayoutFlex--medium-s--gap-xl":"kRMLrF","LayoutFlex--medium-l--gap-none":"wP_zwl","LayoutFlex--medium-l--gap-3xs":"saWzqK","LayoutFlex--medium-l--gap-2xs":"fpqkAM","LayoutFlex--medium-l--gap-xs":"BewJpl","LayoutFlex--medium-l--gap-s":"_3amErM","LayoutFlex--medium-l--gap-m":"_2RUx4-","LayoutFlex--medium-l--gap-l":"mQ5VJa","LayoutFlex--medium-l--gap-xl":"_1GSlEu","LayoutFlex--wide-s--gap-none":"_3EF1qe","LayoutFlex--wide-s--gap-3xs":"_2VfgM-","LayoutFlex--wide-s--gap-2xs":"_3DARm_","LayoutFlex--wide-s--gap-xs":"_1Yj8uD","LayoutFlex--wide-s--gap-s":"_3Tt8fx","LayoutFlex--wide-s--gap-m":"sl3De1","LayoutFlex--wide-s--gap-l":"_38f2Po","LayoutFlex--wide-s--gap-xl":"_27oGYO","LayoutFlex--wide-l--gap-none":"_3tBdRt","LayoutFlex--wide-l--gap-3xs":"_3Xukld","LayoutFlex--wide-l--gap-2xs":"_2UzxGY","LayoutFlex--wide-l--gap-xs":"_2KiYGz","LayoutFlex--wide-l--gap-s":"_3Im1-V","LayoutFlex--wide-l--gap-m":"_3ilX7i","LayoutFlex--wide-l--gap-l":"bSttwF","LayoutFlex--wide-l--gap-xl":"_1MUyyJ","LayoutFlex--padding-top-none":"_3IUvl2","LayoutFlex--padding-right-none":"_1UYvvS","LayoutFlex--padding-bottom-none":"_2HKHPI","LayoutFlex--padding-left-none":"_1TGf8u","LayoutFlex--padding-top-3xs":"_2VbhXR","LayoutFlex--padding-right-3xs":"BzSKyx","LayoutFlex--padding-bottom-3xs":"_1I-UqI","LayoutFlex--padding-left-3xs":"_29emMu","LayoutFlex--padding-top-2xs":"_2gI1QW","LayoutFlex--padding-right-2xs":"HeIq_P","LayoutFlex--padding-bottom-2xs":"b10Aue","LayoutFlex--padding-left-2xs":"_2f8T3X","LayoutFlex--padding-top-xs":"PrWMR9","LayoutFlex--padding-right-xs":"_39huVB","LayoutFlex--padding-bottom-xs":"_3eKwvm","LayoutFlex--padding-left-xs":"_1svlxm","LayoutFlex--padding-top-s":"_291SRn","LayoutFlex--padding-right-s":"_2-EgIA","LayoutFlex--padding-bottom-s":"_6h87u5","LayoutFlex--padding-left-s":"_2ekwzQ","LayoutFlex--padding-top-m":"_38JpRv","LayoutFlex--padding-right-m":"_2sxEX5","LayoutFlex--padding-bottom-m":"AqSEL4","LayoutFlex--padding-left-m":"_2iK4Eh","LayoutFlex--padding-top-l":"_2RIKtd","LayoutFlex--padding-right-l":"_3BKus9","LayoutFlex--padding-bottom-l":"_WsGwb","LayoutFlex--padding-left-l":"_2Wy_HN","LayoutFlex--padding-top-xl":"_2AekAC","LayoutFlex--padding-right-xl":"_2TKZDE","LayoutFlex--padding-bottom-xl":"_3ZgeiY","LayoutFlex--padding-left-xl":"_2SgMoI","LayoutFlex--narrow-l--padding-top-none":"_1V_owG","LayoutFlex--narrow-l--padding-right-none":"_2YBw4C","LayoutFlex--narrow-l--padding-bottom-none":"_1s6aAK","LayoutFlex--narrow-l--padding-left-none":"_24jYyO","LayoutFlex--narrow-l--padding-top-3xs":"-YY3cF","LayoutFlex--narrow-l--padding-right-3xs":"IxFyoJ","LayoutFlex--narrow-l--padding-bottom-3xs":"_1OREfT","LayoutFlex--narrow-l--padding-left-3xs":"_22EURO","LayoutFlex--narrow-l--padding-top-2xs":"-SKsTL","LayoutFlex--narrow-l--padding-right-2xs":"_3MIpRs","LayoutFlex--narrow-l--padding-bottom-2xs":"_3nl1j-","LayoutFlex--narrow-l--padding-left-2xs":"_133piP","LayoutFlex--narrow-l--padding-top-xs":"_1now1k","LayoutFlex--narrow-l--padding-right-xs":"AMwB0V","LayoutFlex--narrow-l--padding-bottom-xs":"_1uQ7ZG","LayoutFlex--narrow-l--padding-left-xs":"_32cjXL","LayoutFlex--narrow-l--padding-top-s":"_3QtT-6","LayoutFlex--narrow-l--padding-right-s":"_2INdSX","LayoutFlex--narrow-l--padding-bottom-s":"_3tnj02","LayoutFlex--narrow-l--padding-left-s":"HQBb1R","LayoutFlex--narrow-l--padding-top-m":"_38sDSU","LayoutFlex--narrow-l--padding-right-m":"pLaj-e","LayoutFlex--narrow-l--padding-bottom-m":"_1KP-aa","LayoutFlex--narrow-l--padding-left-m":"LR1orS","LayoutFlex--narrow-l--padding-top-l":"_3JDlB-","LayoutFlex--narrow-l--padding-right-l":"HPp4Qh","LayoutFlex--narrow-l--padding-bottom-l":"_1f5i9K","LayoutFlex--narrow-l--padding-left-l":"_3KeCaz","LayoutFlex--narrow-l--padding-top-xl":"_1ZgHpz","LayoutFlex--narrow-l--padding-right-xl":"_2Ev8fk","LayoutFlex--narrow-l--padding-bottom-xl":"_1pzOJF","LayoutFlex--narrow-l--padding-left-xl":"_1092Ov","LayoutFlex--medium-s--padding-top-none":"_1F4kig","LayoutFlex--medium-s--padding-right-none":"CgvRLA","LayoutFlex--medium-s--padding-bottom-none":"Qh_shn","LayoutFlex--medium-s--padding-left-none":"_2Cldqt","LayoutFlex--medium-s--padding-top-3xs":"_1SBfLk","LayoutFlex--medium-s--padding-right-3xs":"_3WaVQS","LayoutFlex--medium-s--padding-bottom-3xs":"_1ui2OG","LayoutFlex--medium-s--padding-left-3xs":"Xs5Jtv","LayoutFlex--medium-s--padding-top-2xs":"_2CVLd5","LayoutFlex--medium-s--padding-right-2xs":"_3hjcmX","LayoutFlex--medium-s--padding-bottom-2xs":"wTJ5YI","LayoutFlex--medium-s--padding-left-2xs":"uje3WJ","LayoutFlex--medium-s--padding-top-xs":"Km7_N2","LayoutFlex--medium-s--padding-right-xs":"_1ZsnfA","LayoutFlex--medium-s--padding-bottom-xs":"nC44oW","LayoutFlex--medium-s--padding-left-xs":"P4v79l","LayoutFlex--medium-s--padding-top-s":"_3FrE3g","LayoutFlex--medium-s--padding-right-s":"_3YSr5w","LayoutFlex--medium-s--padding-bottom-s":"_21-jsA","LayoutFlex--medium-s--padding-left-s":"_1LkNIs","LayoutFlex--medium-s--padding-top-m":"_3PTC-9","LayoutFlex--medium-s--padding-right-m":"_14O85L","LayoutFlex--medium-s--padding-bottom-m":"_3k_e-t","LayoutFlex--medium-s--padding-left-m":"_2xDu8I","LayoutFlex--medium-s--padding-top-l":"RGiMDI","LayoutFlex--medium-s--padding-right-l":"_321Ly3","LayoutFlex--medium-s--padding-bottom-l":"uBc22w","LayoutFlex--medium-s--padding-left-l":"jNV1ro","LayoutFlex--medium-s--padding-top-xl":"_21hEOr","LayoutFlex--medium-s--padding-right-xl":"_28Ngmk","LayoutFlex--medium-s--padding-bottom-xl":"g6_vn6","LayoutFlex--medium-s--padding-left-xl":"_15MP9z","LayoutFlex--medium-l--padding-top-none":"_3q7Yay","LayoutFlex--medium-l--padding-right-none":"qb0s--","LayoutFlex--medium-l--padding-bottom-none":"ifCmHl","LayoutFlex--medium-l--padding-left-none":"oOKCYL","LayoutFlex--medium-l--padding-top-3xs":"_1svGgS","LayoutFlex--medium-l--padding-right-3xs":"_3aNNCf","LayoutFlex--medium-l--padding-bottom-3xs":"_1OSqZr","LayoutFlex--medium-l--padding-left-3xs":"_1kIsSR","LayoutFlex--medium-l--padding-top-2xs":"_1nFyt0","LayoutFlex--medium-l--padding-right-2xs":"O1Y1Fu","LayoutFlex--medium-l--padding-bottom-2xs":"_2IXXkE","LayoutFlex--medium-l--padding-left-2xs":"_11oNNC","LayoutFlex--medium-l--padding-top-xs":"_3PqoqI","LayoutFlex--medium-l--padding-right-xs":"_3Z7hCI","LayoutFlex--medium-l--padding-bottom-xs":"_2XQYHd","LayoutFlex--medium-l--padding-left-xs":"_3Nfhfu","LayoutFlex--medium-l--padding-top-s":"_2PXaRL","LayoutFlex--medium-l--padding-right-s":"_1_iess","LayoutFlex--medium-l--padding-bottom-s":"jmg5zq","LayoutFlex--medium-l--padding-left-s":"_1CWI46","LayoutFlex--medium-l--padding-top-m":"_2B6GH9","LayoutFlex--medium-l--padding-right-m":"_2mW5ps","LayoutFlex--medium-l--padding-bottom-m":"AvY4IC","LayoutFlex--medium-l--padding-left-m":"_3at_70","LayoutFlex--medium-l--padding-top-l":"_1ee23X","LayoutFlex--medium-l--padding-right-l":"_1XfRMB","LayoutFlex--medium-l--padding-bottom-l":"_3KC-2n","LayoutFlex--medium-l--padding-left-l":"_1nh-TN","LayoutFlex--medium-l--padding-top-xl":"_3bFIT7","LayoutFlex--medium-l--padding-right-xl":"_1bBaq4","LayoutFlex--medium-l--padding-bottom-xl":"_3v9L4o","LayoutFlex--medium-l--padding-left-xl":"_12ro2m","LayoutFlex--wide-s--padding-top-none":"_3lGr3a","LayoutFlex--wide-s--padding-right-none":"_2qmjFJ","LayoutFlex--wide-s--padding-bottom-none":"_3zGtAd","LayoutFlex--wide-s--padding-left-none":"_3w9E4C","LayoutFlex--wide-s--padding-top-3xs":"KiFig5","LayoutFlex--wide-s--padding-right-3xs":"_3t1oZN","LayoutFlex--wide-s--padding-bottom-3xs":"_3s77YU","LayoutFlex--wide-s--padding-left-3xs":"_9m-5s1","LayoutFlex--wide-s--padding-top-2xs":"EWOCYa","LayoutFlex--wide-s--padding-right-2xs":"_1gYMEX","LayoutFlex--wide-s--padding-bottom-2xs":"hmUOFj","LayoutFlex--wide-s--padding-left-2xs":"_1NBnOW","LayoutFlex--wide-s--padding-top-xs":"_1kL9vN","LayoutFlex--wide-s--padding-right-xs":"_1SXo2P","LayoutFlex--wide-s--padding-bottom-xs":"_3VgM6e","LayoutFlex--wide-s--padding-left-xs":"_30_CDo","LayoutFlex--wide-s--padding-top-s":"k58tNB","LayoutFlex--wide-s--padding-right-s":"_3lUEp6","LayoutFlex--wide-s--padding-bottom-s":"_29CQDe","LayoutFlex--wide-s--padding-left-s":"_18NoXM","LayoutFlex--wide-s--padding-top-m":"_1L3Dxx","LayoutFlex--wide-s--padding-right-m":"_2XbII_","LayoutFlex--wide-s--padding-bottom-m":"_3G1hNY","LayoutFlex--wide-s--padding-left-m":"_3Os7T0","LayoutFlex--wide-s--padding-top-l":"_1aee2Y","LayoutFlex--wide-s--padding-right-l":"_3uf3YC","LayoutFlex--wide-s--padding-bottom-l":"_1QFGK3","LayoutFlex--wide-s--padding-left-l":"_3I5aup","LayoutFlex--wide-s--padding-top-xl":"_38Xhm2","LayoutFlex--wide-s--padding-right-xl":"_1O1Z2W","LayoutFlex--wide-s--padding-bottom-xl":"rNY1zB","LayoutFlex--wide-s--padding-left-xl":"_1IlYje","LayoutFlex--wide-l--padding-top-none":"_33MTiA","LayoutFlex--wide-l--padding-right-none":"_12mKys","LayoutFlex--wide-l--padding-bottom-none":"_2CYGIP","LayoutFlex--wide-l--padding-left-none":"NRwVMk","LayoutFlex--wide-l--padding-top-3xs":"_2PFRrg","LayoutFlex--wide-l--padding-right-3xs":"_3AzLoa","LayoutFlex--wide-l--padding-bottom-3xs":"_1fa7Cu","LayoutFlex--wide-l--padding-left-3xs":"_21amYs","LayoutFlex--wide-l--padding-top-2xs":"_3dexk-","LayoutFlex--wide-l--padding-right-2xs":"_175j96","LayoutFlex--wide-l--padding-bottom-2xs":"_168jvA","LayoutFlex--wide-l--padding-left-2xs":"_33Ohnx","LayoutFlex--wide-l--padding-top-xs":"_131gCw","LayoutFlex--wide-l--padding-right-xs":"_1ZXZh3","LayoutFlex--wide-l--padding-bottom-xs":"_1hcaL8","LayoutFlex--wide-l--padding-left-xs":"_3apa5b","LayoutFlex--wide-l--padding-top-s":"_1FW4HA","LayoutFlex--wide-l--padding-right-s":"_2LIXsD","LayoutFlex--wide-l--padding-bottom-s":"_3E6jyJ","LayoutFlex--wide-l--padding-left-s":"_1w_2Ua","LayoutFlex--wide-l--padding-top-m":"_2mff5w","LayoutFlex--wide-l--padding-right-m":"_2y99Br","LayoutFlex--wide-l--padding-bottom-m":"_31B75e","LayoutFlex--wide-l--padding-left-m":"_1113Tv","LayoutFlex--wide-l--padding-top-l":"Zkft7H","LayoutFlex--wide-l--padding-right-l":"kvlHcC","LayoutFlex--wide-l--padding-bottom-l":"_15LEHH","LayoutFlex--wide-l--padding-left-l":"_2UaFWb","LayoutFlex--wide-l--padding-top-xl":"Uk95fI","LayoutFlex--wide-l--padding-right-xl":"_2YteCy","LayoutFlex--wide-l--padding-bottom-xl":"_3nG2XJ","LayoutFlex--wide-l--padding-left-xl":"fUbmc5","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--direction-column":"TeMu3z","LayoutFlex--direction-column-reverse":"_2JjQiK","LayoutFlex--direction-row":"_1o4EVj","LayoutFlex--direction-row-reverse":"_24jMtt","LayoutFlex--narrow-l--direction-column":"_1RG37V","LayoutFlex--narrow-l--direction-column-reverse":"_3Rxyiw","LayoutFlex--narrow-l--direction-row":"_8jyTaM","LayoutFlex--narrow-l--direction-row-reverse":"_1t_3rz","LayoutFlex--medium-s--direction-column":"_1dYvLd","LayoutFlex--medium-s--direction-column-reverse":"_3B2cts","LayoutFlex--medium-s--direction-row":"_1V-ESa","LayoutFlex--medium-s--direction-row-reverse":"_2eL5Ug","LayoutFlex--medium-l--direction-column":"_1zHTP_","LayoutFlex--medium-l--direction-column-reverse":"_3fBIHc","LayoutFlex--medium-l--direction-row":"_2r_ktS","LayoutFlex--medium-l--direction-row-reverse":"_3RGdxW","LayoutFlex--wide-s--direction-column":"_3_7sne","LayoutFlex--wide-s--direction-column-reverse":"_3z0dTP","LayoutFlex--wide-s--direction-row":"UEEKlY","LayoutFlex--wide-s--direction-row-reverse":"hMRiH8","LayoutFlex--wide-l--direction-column":"lmSiRy","LayoutFlex--wide-l--direction-column-reverse":"_1XoMkw","LayoutFlex--wide-l--direction-row":"_19m9cA","LayoutFlex--wide-l--direction-row-reverse":"_2gCQJe","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--narrow-l--justify-content-center":"_36Psqa","LayoutFlex--narrow-l--justify-content-start":"_3-j-w1","LayoutFlex--narrow-l--justify-content-end":"_1Lu-3E","LayoutFlex--narrow-l--justify-content-space-between":"_2VnVRQ","LayoutFlex--narrow-l--justify-content-space-around":"_1nH_hK","LayoutFlex--narrow-l--justify-content-space-evenly":"_3-_n_C","LayoutFlex--medium-s--justify-content-center":"Qf6Cla","LayoutFlex--medium-s--justify-content-start":"_6sxNQO","LayoutFlex--medium-s--justify-content-end":"ZxlLXH","LayoutFlex--medium-s--justify-content-space-between":"Cn_Bv2","LayoutFlex--medium-s--justify-content-space-around":"_1i_Qo3","LayoutFlex--medium-s--justify-content-space-evenly":"_2C1XQX","LayoutFlex--medium-l--justify-content-center":"_3o7wjp","LayoutFlex--medium-l--justify-content-start":"_1gPYrw","LayoutFlex--medium-l--justify-content-end":"_22LB-D","LayoutFlex--medium-l--justify-content-space-between":"_3MnmNN","LayoutFlex--medium-l--justify-content-space-around":"_12WcM9","LayoutFlex--medium-l--justify-content-space-evenly":"_3Pz1zS","LayoutFlex--wide-s--justify-content-center":"_3R_B9A","LayoutFlex--wide-s--justify-content-start":"_11KLzX","LayoutFlex--wide-s--justify-content-end":"_3YOo5Q","LayoutFlex--wide-s--justify-content-space-between":"HT4Jrf","LayoutFlex--wide-s--justify-content-space-around":"_3NRNH8","LayoutFlex--wide-s--justify-content-space-evenly":"_32hfui","LayoutFlex--wide-l--justify-content-center":"FQ1F3D","LayoutFlex--wide-l--justify-content-start":"c6aMED","LayoutFlex--wide-l--justify-content-end":"_3YO2K0","LayoutFlex--wide-l--justify-content-space-between":"_32nrja","LayoutFlex--wide-l--justify-content-space-around":"_2O5f5W","LayoutFlex--wide-l--justify-content-space-evenly":"LoonNj","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutFlex--narrow-l--align-items-center":"_1mmFAl","LayoutFlex--narrow-l--align-items-start":"_10ybPf","LayoutFlex--narrow-l--align-items-end":"_3Gldvl","LayoutFlex--narrow-l--align-items-stretch":"iA36V8","LayoutFlex--narrow-l--align-items-baseline":"_-6GZ3C","LayoutFlex--medium-s--align-items-center":"o5yv5p","LayoutFlex--medium-s--align-items-start":"_3SIoEN","LayoutFlex--medium-s--align-items-end":"_3LKoyS","LayoutFlex--medium-s--align-items-stretch":"_18CZ6Z","LayoutFlex--medium-s--align-items-baseline":"-nZAw3","LayoutFlex--medium-l--align-items-center":"AQDorR","LayoutFlex--medium-l--align-items-start":"_34BfZ_","LayoutFlex--medium-l--align-items-end":"_3iylCj","LayoutFlex--medium-l--align-items-stretch":"Z1VCoB","LayoutFlex--medium-l--align-items-baseline":"_3dtfdr","LayoutFlex--wide-s--align-items-center":"_1Ks9s5","LayoutFlex--wide-s--align-items-start":"_34ZJYW","LayoutFlex--wide-s--align-items-end":"_2pqScu","LayoutFlex--wide-s--align-items-stretch":"vkNyz8","LayoutFlex--wide-s--align-items-baseline":"_7Y7qo5","LayoutFlex--wide-l--align-items-center":"_1CEGxp","LayoutFlex--wide-l--align-items-start":"_2ZDTru","LayoutFlex--wide-l--align-items-end":"_1vx6fg","LayoutFlex--wide-l--align-items-stretch":"_25WgaN","LayoutFlex--wide-l--align-items-baseline":"_2oMAvk","LayoutGrid":"_1C0eq8","LayoutGrid--gap-none":"_3JhbNt","LayoutGrid--gap-3xs":"_1HEcbC","LayoutGrid--gap-2xs":"_1N4Zuv","LayoutGrid--gap-xs":"_1-XHso","LayoutGrid--gap-s":"_2IkWNq","LayoutGrid--gap-m":"_2hyzTo","LayoutGrid--gap-l":"_2ZTaVv","LayoutGrid--gap-xl":"_3qb755","LayoutGrid--narrow-l--gap-none":"_3Kl9R_","LayoutGrid--narrow-l--gap-3xs":"_1vbixr","LayoutGrid--narrow-l--gap-2xs":"_2rKUDF","LayoutGrid--narrow-l--gap-xs":"_1TJTCx","LayoutGrid--narrow-l--gap-s":"_3WQpKC","LayoutGrid--narrow-l--gap-m":"_12kSYL","LayoutGrid--narrow-l--gap-l":"_3hiXAQ","LayoutGrid--narrow-l--gap-xl":"wLJXr3","LayoutGrid--medium-s--gap-none":"_3EDp7p","LayoutGrid--medium-s--gap-3xs":"_2z0ygN","LayoutGrid--medium-s--gap-2xs":"_2dagJC","LayoutGrid--medium-s--gap-xs":"_345iNf","LayoutGrid--medium-s--gap-s":"_3Dva9x","LayoutGrid--medium-s--gap-m":"_3qwsJC","LayoutGrid--medium-s--gap-l":"_1UeO3D","LayoutGrid--medium-s--gap-xl":"_2UifZE","LayoutGrid--medium-l--gap-none":"_34yaDM","LayoutGrid--medium-l--gap-3xs":"_13-fb9","LayoutGrid--medium-l--gap-2xs":"XleEyG","LayoutGrid--medium-l--gap-xs":"_1D1fsX","LayoutGrid--medium-l--gap-s":"_149WVJ","LayoutGrid--medium-l--gap-m":"lHLqn7","LayoutGrid--medium-l--gap-l":"OhJF2k","LayoutGrid--medium-l--gap-xl":"_231a3s","LayoutGrid--wide-s--gap-none":"_2t8hqP","LayoutGrid--wide-s--gap-3xs":"_1w2Ii7","LayoutGrid--wide-s--gap-2xs":"_1m1gs8","LayoutGrid--wide-s--gap-xs":"_3qvUB1","LayoutGrid--wide-s--gap-s":"prxM6T","LayoutGrid--wide-s--gap-m":"_3k1kX6","LayoutGrid--wide-s--gap-l":"gCH_T-","LayoutGrid--wide-s--gap-xl":"_3lxkZC","LayoutGrid--wide-l--gap-none":"_2FTDuk","LayoutGrid--wide-l--gap-3xs":"_3jycQR","LayoutGrid--wide-l--gap-2xs":"_3NPAc0","LayoutGrid--wide-l--gap-xs":"_1Objjq","LayoutGrid--wide-l--gap-s":"_2fMRWh","LayoutGrid--wide-l--gap-m":"_2xzxGr","LayoutGrid--wide-l--gap-l":"T5WigT","LayoutGrid--wide-l--gap-xl":"_1SALbm","LayoutGrid--padding-none":"_2810ZQ","LayoutGrid--padding-3xs":"GCWWp1","LayoutGrid--padding-2xs":"_26DBh8","LayoutGrid--padding-xs":"_2MOywW","LayoutGrid--padding-s":"_2qYGQe","LayoutGrid--padding-m":"_3vJ5sb","LayoutGrid--padding-l":"_1NStuR","LayoutGrid--padding-xl":"_1YQt_H","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
+var css_248z = "._15uGWh{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._3rnoor{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._1_IXQm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.X4eHUe{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._3_M_4w,.X4eHUe{-webkit-box-orient:horizontal}._3_M_4w{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._2ByMq1{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2ByMq1,._3_8VIk{-webkit-box-orient:vertical}._3_8VIk{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.TeMu3z{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2JjQiK,.TeMu3z{-webkit-box-orient:vertical}._2JjQiK{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1o4EVj{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1o4EVj,._24jMtt{-webkit-box-orient:horizontal}._24jMtt{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:400px){._1RG37V{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1RG37V,._3Rxyiw{-webkit-box-orient:vertical}._3Rxyiw{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._8jyTaM{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1t_3rz,._8jyTaM{-webkit-box-orient:horizontal}._1t_3rz{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:700px){._1dYvLd{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1dYvLd,._3B2cts{-webkit-box-orient:vertical}._3B2cts{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1V-ESa{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1V-ESa,._2eL5Ug{-webkit-box-orient:horizontal}._2eL5Ug{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:880px){._1zHTP_{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1zHTP_,._3fBIHc{-webkit-box-orient:vertical}._3fBIHc{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._2r_ktS{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2r_ktS,._3RGdxW{-webkit-box-orient:horizontal}._3RGdxW{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1200px){._3_7sne{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._3_7sne,._3z0dTP{-webkit-box-orient:vertical}._3z0dTP{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.UEEKlY{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.hMRiH8,.UEEKlY{-webkit-box-orient:horizontal}.hMRiH8{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1900px){.lmSiRy{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1XoMkw,.lmSiRy{-webkit-box-orient:vertical}._1XoMkw{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._19m9cA{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2gCQJe,._19m9cA{-webkit-box-orient:horizontal}._2gCQJe{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._3Aw3T1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._10X-3Q{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._33a0v9{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._3qMVGq{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2REBgi{-ms-flex-pack:distribute;justify-content:space-around}._3zq1C_{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width:400px){._36Psqa{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3-j-w1{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._1Lu-3E{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._2VnVRQ{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1nH_hK{-ms-flex-pack:distribute;justify-content:space-around}._3-_n_C{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:700px){.Qf6Cla{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._6sxNQO{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ZxlLXH{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.Cn_Bv2{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1i_Qo3{-ms-flex-pack:distribute;justify-content:space-around}._2C1XQX{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:880px){._3o7wjp{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._1gPYrw{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._22LB-D{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._3MnmNN{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._12WcM9{-ms-flex-pack:distribute;justify-content:space-around}._3Pz1zS{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1200px){._3R_B9A{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._11KLzX{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._3YOo5Q{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.HT4Jrf{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._3NRNH8{-ms-flex-pack:distribute;justify-content:space-around}._32hfui{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1900px){.FQ1F3D{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c6aMED{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._3YO2K0{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._32nrja{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2O5f5W{-ms-flex-pack:distribute;justify-content:space-around}.LoonNj{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}.hUFwKI{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1BOjPg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3AQmNs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._3orDH1{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.qh7on_{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width:400px){._1mmFAl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._10ybPf{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3Gldvl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.iA36V8{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._-6GZ3C{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:700px){.o5yv5p{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._3SIoEN{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3LKoyS{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._18CZ6Z{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.-nZAw3{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:880px){.AQDorR{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._34BfZ_{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3iylCj{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.Z1VCoB{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._3dtfdr{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1200px){._1Ks9s5{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._34ZJYW{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._2pqScu{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.vkNyz8{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._7Y7qo5{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1900px){._1CEGxp{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2ZDTru{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._1vx6fg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._25WgaN{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._2oMAvk{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._1C0eq8{display:grid;margin:0;padding:0}._25SpXB{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3GDeqz{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._2-jaGe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._3lGct7{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2wHTdX{-ms-flex-pack:distribute;justify-content:space-around}._1BVKaN{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}._1nyAA2{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1Xe-EI{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._3hQvqA{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.KBSz7h{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.KBW4yE{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/style/index.module.less",__css:css_248z,"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--direction-column":"TeMu3z","LayoutFlex--direction-column-reverse":"_2JjQiK","LayoutFlex--direction-row":"_1o4EVj","LayoutFlex--direction-row-reverse":"_24jMtt","LayoutFlex--narrow-l--direction-column":"_1RG37V","LayoutFlex--narrow-l--direction-column-reverse":"_3Rxyiw","LayoutFlex--narrow-l--direction-row":"_8jyTaM","LayoutFlex--narrow-l--direction-row-reverse":"_1t_3rz","LayoutFlex--medium-s--direction-column":"_1dYvLd","LayoutFlex--medium-s--direction-column-reverse":"_3B2cts","LayoutFlex--medium-s--direction-row":"_1V-ESa","LayoutFlex--medium-s--direction-row-reverse":"_2eL5Ug","LayoutFlex--medium-l--direction-column":"_1zHTP_","LayoutFlex--medium-l--direction-column-reverse":"_3fBIHc","LayoutFlex--medium-l--direction-row":"_2r_ktS","LayoutFlex--medium-l--direction-row-reverse":"_3RGdxW","LayoutFlex--wide-s--direction-column":"_3_7sne","LayoutFlex--wide-s--direction-column-reverse":"_3z0dTP","LayoutFlex--wide-s--direction-row":"UEEKlY","LayoutFlex--wide-s--direction-row-reverse":"hMRiH8","LayoutFlex--wide-l--direction-column":"lmSiRy","LayoutFlex--wide-l--direction-column-reverse":"_1XoMkw","LayoutFlex--wide-l--direction-row":"_19m9cA","LayoutFlex--wide-l--direction-row-reverse":"_2gCQJe","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--narrow-l--justify-content-center":"_36Psqa","LayoutFlex--narrow-l--justify-content-start":"_3-j-w1","LayoutFlex--narrow-l--justify-content-end":"_1Lu-3E","LayoutFlex--narrow-l--justify-content-space-between":"_2VnVRQ","LayoutFlex--narrow-l--justify-content-space-around":"_1nH_hK","LayoutFlex--narrow-l--justify-content-space-evenly":"_3-_n_C","LayoutFlex--medium-s--justify-content-center":"Qf6Cla","LayoutFlex--medium-s--justify-content-start":"_6sxNQO","LayoutFlex--medium-s--justify-content-end":"ZxlLXH","LayoutFlex--medium-s--justify-content-space-between":"Cn_Bv2","LayoutFlex--medium-s--justify-content-space-around":"_1i_Qo3","LayoutFlex--medium-s--justify-content-space-evenly":"_2C1XQX","LayoutFlex--medium-l--justify-content-center":"_3o7wjp","LayoutFlex--medium-l--justify-content-start":"_1gPYrw","LayoutFlex--medium-l--justify-content-end":"_22LB-D","LayoutFlex--medium-l--justify-content-space-between":"_3MnmNN","LayoutFlex--medium-l--justify-content-space-around":"_12WcM9","LayoutFlex--medium-l--justify-content-space-evenly":"_3Pz1zS","LayoutFlex--wide-s--justify-content-center":"_3R_B9A","LayoutFlex--wide-s--justify-content-start":"_11KLzX","LayoutFlex--wide-s--justify-content-end":"_3YOo5Q","LayoutFlex--wide-s--justify-content-space-between":"HT4Jrf","LayoutFlex--wide-s--justify-content-space-around":"_3NRNH8","LayoutFlex--wide-s--justify-content-space-evenly":"_32hfui","LayoutFlex--wide-l--justify-content-center":"FQ1F3D","LayoutFlex--wide-l--justify-content-start":"c6aMED","LayoutFlex--wide-l--justify-content-end":"_3YO2K0","LayoutFlex--wide-l--justify-content-space-between":"_32nrja","LayoutFlex--wide-l--justify-content-space-around":"_2O5f5W","LayoutFlex--wide-l--justify-content-space-evenly":"LoonNj","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutFlex--narrow-l--align-items-center":"_1mmFAl","LayoutFlex--narrow-l--align-items-start":"_10ybPf","LayoutFlex--narrow-l--align-items-end":"_3Gldvl","LayoutFlex--narrow-l--align-items-stretch":"iA36V8","LayoutFlex--narrow-l--align-items-baseline":"_-6GZ3C","LayoutFlex--medium-s--align-items-center":"o5yv5p","LayoutFlex--medium-s--align-items-start":"_3SIoEN","LayoutFlex--medium-s--align-items-end":"_3LKoyS","LayoutFlex--medium-s--align-items-stretch":"_18CZ6Z","LayoutFlex--medium-s--align-items-baseline":"-nZAw3","LayoutFlex--medium-l--align-items-center":"AQDorR","LayoutFlex--medium-l--align-items-start":"_34BfZ_","LayoutFlex--medium-l--align-items-end":"_3iylCj","LayoutFlex--medium-l--align-items-stretch":"Z1VCoB","LayoutFlex--medium-l--align-items-baseline":"_3dtfdr","LayoutFlex--wide-s--align-items-center":"_1Ks9s5","LayoutFlex--wide-s--align-items-start":"_34ZJYW","LayoutFlex--wide-s--align-items-end":"_2pqScu","LayoutFlex--wide-s--align-items-stretch":"vkNyz8","LayoutFlex--wide-s--align-items-baseline":"_7Y7qo5","LayoutFlex--wide-l--align-items-center":"_1CEGxp","LayoutFlex--wide-l--align-items-start":"_2ZDTru","LayoutFlex--wide-l--align-items-end":"_1vx6fg","LayoutFlex--wide-l--align-items-stretch":"_25WgaN","LayoutFlex--wide-l--align-items-baseline":"_2oMAvk","LayoutGrid":"_1C0eq8","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
 var stylesheet=css_248z;
 styleInject(css_248z);
 

package/dist/typography/index.d.ts

@@ -1 +1,2 @@
-export { useTextCenteredClassname } from './hooks/useTextCenteredClassname';
+export * from './module-text-accent';
+export * from './module-text-centered';

package/dist/typography/index.js

@@ -1,2 +1,3 @@
-export { useTextCenteredClassname } from './hooks/useTextCenteredClassname.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
+export { useTextAccentClassnames } from './module-text-accent/hooks/useTextAccentClassnames.js';
+export { useTextCenteredClassnames } from './module-text-centered/hooks/useTextCenteredClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/dist/typography/module-text-accent/hooks/useTextAccentClassnames.d.ts

@@ -0,0 +1 @@
+export declare const useTextAccentClassnames: (useDefault: boolean, accent?: "primary" | "secondary" | "branded" | "positive" | undefined) => string[];

package/dist/typography/module-text-accent/hooks/useTextAccentClassnames.js

@@ -0,0 +1,13 @@
+import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
+import styles from '../style/index.module.less.js';
+import { moduleLocals, stringClassNames } from '../../../css-module/classNames.js';
+
+const TEXT_ACCENT = 'TextAccent';
+const useTextAccentClassnames = (useDefault, accent) => {
+    useStyleExtract(styles);
+    const actualAccent = accent !== null && accent !== void 0 ? accent : (useDefault ? 'default' : undefined);
+    return moduleLocals(styles, TEXT_ACCENT, [stringClassNames('accent', actualAccent)]);
+};
+
+export { useTextAccentClassnames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dEFjY2VudENsYXNzbmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L21vZHVsZS10ZXh0LWFjY2VudC9ob29rcy91c2VUZXh0QWNjZW50Q2xhc3NuYW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0QWNjZW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlTG9jYWxzLCBzdHJpbmdDbGFzc05hbWVzIH0gZnJvbSAnLi4vLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBURVhUX0FDQ0VOVCA9ICdUZXh0QWNjZW50JztcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRBY2NlbnRDbGFzc25hbWVzID0gKHVzZURlZmF1bHQ6IGJvb2xlYW4sIGFjY2VudD86IFRleHRBY2NlbnQpOiBzdHJpbmdbXSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBhY3R1YWxBY2NlbnQgPSBhY2NlbnQgPz8gKHVzZURlZmF1bHQgPyAnZGVmYXVsdCcgOiB1bmRlZmluZWQpO1xuXG4gICAgcmV0dXJuIG1vZHVsZUxvY2FscyhzdHlsZXMsIFRFWFRfQUNDRU5ULCBbc3RyaW5nQ2xhc3NOYW1lcygnYWNjZW50JywgYWN0dWFsQWNjZW50KV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLHVCQUF1QixHQUFHLENBQUMsVUFBbUIsRUFBRSxNQUFtQjtJQUM1RSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxZQUFZLEdBQUcsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLElBQUssVUFBVSxHQUFHLFNBQVMsR0FBRyxTQUFTLENBQUMsQ0FBQztJQUVwRSxPQUFPLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN6Rjs7OzsifQ==

package/dist/typography/module-text-accent/index.d.ts

@@ -0,0 +1 @@
+export { useTextAccentClassnames } from './hooks/useTextAccentClassnames';

package/dist/typography/module-text-accent/index.js

@@ -0,0 +1,2 @@
+export { useTextAccentClassnames } from './hooks/useTextAccentClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/typography/module-text-accent/style/index.module.less

@@ -0,0 +1,5 @@
+@import './mixins.less';
+
+.TextAccent {
+    .text-accents();
+}

package/dist/typography/module-text-accent/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._2JBCx7{color:var(--aface)}._2523Lq{color:var(--e4113)}._8nxFNH{color:var(--3d280)}.QuvH20{color:var(--4dadf)}._3D9_5x{color:var(--31874)}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/typography/module-text-accent/style/index.module.less",__css:css_248z,"TextAccent--accent-default":"_2JBCx7","TextAccent--accent-primary":"_2523Lq","TextAccent--accent-secondary":"_8nxFNH","TextAccent--accent-branded":"QuvH20","TextAccent--accent-positive":"_3D9_5x"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/typography/module-text-accent/style/mixins.less

@@ -0,0 +1,15 @@
+@import '../../../generated/options.less';
+@import '../../../generated/tokens.less';
+@import '../../../theme/style/declarations.mixins.less';
+
+.text-accents() {
+    &--accent-default {
+        color: @scheme-color;
+    }
+
+    each(@TEXT_ACCENT_OPTIONS, {
+        &--accent-@{value} {
+            .color('content', @value);
+        }
+    });
+}

package/dist/typography/module-text-accent/style/mixins.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var stylesheet="";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/typography/{hooks/useTextCenteredClassname.d.ts → module-text-centered/hooks/useTextCenteredClassnames.d.ts}

@@ -1,3 +1,3 @@
-export declare const useTextCenteredClassname: (centered?: boolean | ({
+export declare const useTextCenteredClassnames: (centered?: boolean | ({
     _: boolean;
 } & Partial<Record<import("@preply/ds-core").Breakpoint, boolean>>) | undefined) => string[];

package/dist/typography/module-text-centered/hooks/useTextCenteredClassnames.js

@@ -0,0 +1,14 @@
+import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
+import styles from '../style/index.module.less.js';
+import { moduleLocals, booleanClassNames } from '../../../css-module/classNames.js';
+
+const TEXT_CENTERED = 'TextCentered';
+const useTextCenteredClassnames = (centered) => {
+    useStyleExtract(styles);
+    return moduleLocals(styles, TEXT_CENTERED, [
+        booleanClassNames('centered', 'initial', centered),
+    ]);
+};
+
+export { useTextCenteredClassnames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3R5cG9ncmFwaHkvbW9kdWxlLXRleHQtY2VudGVyZWQvaG9va3MvdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUxvY2FscyB9IGZyb20gJy4uLy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgVEVYVF9DRU5URVJFRCA9ICdUZXh0Q2VudGVyZWQnO1xuXG5leHBvcnQgY29uc3QgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lcyA9IChjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj4pOiBzdHJpbmdbXSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICByZXR1cm4gbW9kdWxlTG9jYWxzKHN0eWxlcywgVEVYVF9DRU5URVJFRCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnY2VudGVyZWQnLCAnaW5pdGlhbCcsIGNlbnRlcmVkKSxcbiAgICBdKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQU1BLE1BQU0sYUFBYSxHQUFHLGNBQWMsQ0FBQztNQUV4Qix5QkFBeUIsR0FBRyxDQUFDLFFBQThCO0lBQ3BFLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixPQUFPLFlBQVksQ0FBQyxNQUFNLEVBQUUsYUFBYSxFQUFFO1FBQ3ZDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3JELENBQUMsQ0FBQztBQUNQOzs7OyJ9

package/dist/typography/module-text-centered/index.d.ts

@@ -0,0 +1 @@
+export { useTextCenteredClassnames } from './hooks/useTextCenteredClassnames';

package/dist/typography/module-text-centered/index.js

@@ -0,0 +1,2 @@
+export { useTextCenteredClassnames } from './hooks/useTextCenteredClassnames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/typography/{style/text-centered.module.less → module-text-centered/style/index.module.less}

@@ -1,4 +1,4 @@
-@import '../../responsive/style/mixins.less';
+@import '../../../responsive/style/mixins.less';
 
 .TextCentered {
     .responsive({

package/dist/typography/module-text-centered/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._3WYsrL{text-align:center}._3e3lgN{text-align:left;text-align:initial}@media (min-width:400px){._1oFPs7{text-align:center}._1ZvlFj{text-align:left;text-align:initial}}@media (min-width:700px){.iFViUa{text-align:center}._1RHRLt{text-align:left;text-align:initial}}@media (min-width:880px){._1UlqOo{text-align:center}.NyXIZF{text-align:left;text-align:initial}}@media (min-width:1200px){._2x97xI{text-align:center}.YMDkgC{text-align:left;text-align:initial}}@media (min-width:1900px){._3HrkOq{text-align:center}._3A0zp0{text-align:left;text-align:initial}}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/typography/module-text-centered/style/index.module.less",__css:css_248z,"TextCentered--centered":"_3WYsrL","TextCentered--initial":"_3e3lgN","TextCentered--narrow-l--centered":"_1oFPs7","TextCentered--narrow-l--initial":"_1ZvlFj","TextCentered--medium-s--centered":"iFViUa","TextCentered--medium-s--initial":"_1RHRLt","TextCentered--medium-l--centered":"_1UlqOo","TextCentered--medium-l--initial":"NyXIZF","TextCentered--wide-s--centered":"_2x97xI","TextCentered--wide-s--initial":"YMDkgC","TextCentered--wide-l--centered":"_3HrkOq","TextCentered--wide-l--initial":"_3A0zp0"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/typography/style/mixins.less

@@ -3,24 +3,20 @@
 @import '../../theme/style/declarations.mixins.less';
 @import '../../responsive/style/mixins.less';
 
-.type-base() {
+.type-root() {
     font-family: @root-text-base-fontFamily;
-    font-size: @root-text-base-fontSize;
-    line-height: @root-text-base-lineHeight;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
 }
 
-.type-base-default-color() {
-    color: @scheme-color;
+.type-base() {
+    .type-root();
+    font-size: @root-text-base-fontSize;
+    line-height: @root-text-base-lineHeight;
 }
 
-.text-accents() {
-    each(@TEXT_ACCENT_OPTIONS, {
-        &--accent-@{value} {
-            .color('content', @value);
-        }
-    });
+.type-base-default-color() {
+    color: @scheme-color;
 }
 
 .text-highlights() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-core",
-    "version": "0.33.0",
+    "version": "0.36.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,14 +19,14 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.33.0",
-        "@preply/ds-core-types": "0.33.0"
+        "@preply/ds-core": "0.36.0",
+        "@preply/ds-core-types": "0.36.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.33.0",
-        "@preply/ds-core-types": "0.33.0",
+        "@preply/ds-core": "0.36.0",
+        "@preply/ds-core-types": "0.36.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
-    "gitHead": "11e687f0dfad46a6e85c6faab20b9c96232a90e6"
+    "gitHead": "db4201106174bb75a8db63f129fa3ac4414e44c0"
 }

package/dist/color/hooks/useColorClassName.d.ts

@@ -1 +0,0 @@
-export declare const useColorClassName: (color?: "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, useCurrentColor?: boolean | undefined) => string[];

package/dist/color/hooks/useColorClassName.js

@@ -1,13 +0,0 @@
-import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
-import styles from '../style/index.module.less.js';
-import { moduleLocals, stringClassNames } from '../../css-module/classNames.js';
-
-const COLOR = 'Color';
-const useColorClassName = (color, useCurrentColor) => {
-    useStyleExtract(styles);
-    const baseClassName = useCurrentColor ? 'current-color' : 'default-color';
-    return moduleLocals(styles, COLOR, [baseClassName, stringClassNames('color', color)]);
-};
-
-export { useColorClassName };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JDbGFzc05hbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci9ob29rcy91c2VDb2xvckNsYXNzTmFtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5pbXBvcnQgeyBtb2R1bGVMb2NhbHMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IENPTE9SID0gJ0NvbG9yJztcblxuZXhwb3J0IGNvbnN0IHVzZUNvbG9yQ2xhc3NOYW1lID0gKGNvbG9yPzogQ29sb3JOYW1lLCB1c2VDdXJyZW50Q29sb3I/OiBib29sZWFuKTogc3RyaW5nW10gPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYmFzZUNsYXNzTmFtZSA9IHVzZUN1cnJlbnRDb2xvciA/ICdjdXJyZW50LWNvbG9yJyA6ICdkZWZhdWx0LWNvbG9yJztcblxuICAgIHJldHVybiBtb2R1bGVMb2NhbHMoc3R5bGVzLCBDT0xPUiwgW2Jhc2VDbGFzc05hbWUsIHN0cmluZ0NsYXNzTmFtZXMoJ2NvbG9yJywgY29sb3IpXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7TUFFVCxpQkFBaUIsR0FBRyxDQUFDLEtBQWlCLEVBQUUsZUFBeUI7SUFDMUUsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sYUFBYSxHQUFHLGVBQWUsR0FBRyxlQUFlLEdBQUcsZUFBZSxDQUFDO0lBRTFFLE9BQU8sWUFBWSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUMxRjs7OzsifQ==

package/dist/color/style/index.module.less

@@ -1,8 +0,0 @@
-@import './mixins.less';
-
-.Color {
-    // ORDER MATTERS: default color and current color must come before color class names
-    .default-color();
-    .current-color();
-    .colors();
-}

package/dist/color/style/index.module.less.js

@@ -1,9 +0,0 @@
-import styleInject from '../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".lEFktc{color:var(--aface)}._3XvUmr{color:currentColor}._3jaBF2{color:var(--55407)}._15POOe{color:var(--8f123)}._9iB_fE{color:var(--da403)}._3cTGmd{color:var(--7c8c3)}._3Vbsxc{color:var(--c9575)}._2nhtDY{color:var(--2fb6f)}.hM7GWH{color:var(--54ed1)}._1ycQRs{color:var(--b706b)}._2RpEHh{color:var(--4adef)}._2cKNUr{color:var(--de8a4)}._1YgFY6{color:var(--57454)}._11inLa{color:var(--1383a)}._2b_sKe{color:var(--9f106)}._3oYRQ8{color:var(--d4cf9)}._2twNrF{color:var(--bbfa9)}._3klYId{color:var(--5f8b3)}._5nBiTO{color:var(--c7d8b)}._3MDji-{color:var(--17bab)}.zc40BT{color:var(--f017e)}._13RZ7d{color:var(--2242e)}._3K8oin{color:var(--e40de)}.MqgUpa{color:var(--ecb5d)}._3MJiYd{color:var(--5b5cb)}._1MTXWb{color:var(--d55c7)}._14M98o{color:var(--4e47f)}._2cafi9{color:var(--3e787)}._2RfMzV{color:var(--21906)}.aGG8c0{color:var(--5d87f)}._2rnC0H{color:var(--201e1)}._302tq6{color:var(--e1c27)}._21dTGC{color:var(--6a142)}._1zv0gj{color:var(--1a996)}._2gi6N-{color:var(--b774d)}.Sk7h_A{color:var(--f72cd)}.O0yTGq{color:var(--6cbd8)}._1p6nDo{color:var(--5893e)}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/color/style/index.module.less",__css:css_248z,"Color--default-color":"lEFktc","Color--current-color":"_3XvUmr","Color--color-gray-100":"_3jaBF2","Color--color-gray-200":"_15POOe","Color--color-gray-300":"_9iB_fE","Color--color-gray-400":"_3cTGmd","Color--color-gray-500":"_3Vbsxc","Color--color-gray-600":"_2nhtDY","Color--color-teal-100":"hM7GWH","Color--color-teal-200":"_1ycQRs","Color--color-teal-300":"_2RpEHh","Color--color-teal-400":"_2cKNUr","Color--color-teal-500":"_1YgFY6","Color--color-green-100":"_11inLa","Color--color-green-200":"_2b_sKe","Color--color-green-300":"_3oYRQ8","Color--color-green-400":"_2twNrF","Color--color-green-500":"_3klYId","Color--color-yellow-100":"_5nBiTO","Color--color-yellow-200":"_3MDji-","Color--color-yellow-300":"zc40BT","Color--color-yellow-400":"_13RZ7d","Color--color-yellow-500":"_3K8oin","Color--color-red-100":"MqgUpa","Color--color-red-200":"_3MJiYd","Color--color-red-300":"_1MTXWb","Color--color-red-400":"_14M98o","Color--color-red-500":"_2cafi9","Color--color-blue-100":"_2RfMzV","Color--color-blue-200":"aGG8c0","Color--color-blue-300":"_2rnC0H","Color--color-blue-400":"_302tq6","Color--color-blue-500":"_21dTGC","Color--color-magenta-100":"_1zv0gj","Color--color-magenta-200":"_2gi6N-","Color--color-magenta-300":"Sk7h_A","Color--color-magenta-400":"O0yTGq","Color--color-magenta-500":"_1p6nDo"};
-var stylesheet=css_248z;
-styleInject(css_248z);
-
-export { styles as default, stylesheet };
-

package/dist/color/style/mixins.less

@@ -1,23 +0,0 @@
-@import '../../generated/tokens.less';
-@import '../../generated/options.less';
-
-.default-color() {
-    &--default-color {
-        color: @scheme-color;
-    }
-}
-
-.current-color() {
-    &--current-color {
-        color: currentColor;
-    }
-}
-
-.colors() {
-    each(@COLOR_NAME_OPTIONS, {
-        &--color-@{value} {
-            @token-name: 'root-palette-@{value}';
-            color: @@token-name;
-        }
-    });
-}

package/dist/typography/hooks/useTextCenteredClassname.js

@@ -1,14 +0,0 @@
-import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
-import styles from '../style/text-centered.module.less.js';
-import { moduleLocals, booleanClassNames } from '../../css-module/classNames.js';
-
-const TEXT_CENTERED = 'TextCentered';
-const useTextCenteredClassname = (centered) => {
-    useStyleExtract(styles);
-    return moduleLocals(styles, TEXT_CENTERED, [
-        booleanClassNames('centered', 'initial', centered),
-    ]);
-};
-
-export { useTextCenteredClassname };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9ob29rcy91c2VUZXh0Q2VudGVyZWRDbGFzc25hbWUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IGJvb2xlYW5DbGFzc05hbWVzLCBtb2R1bGVMb2NhbHMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS90ZXh0LWNlbnRlcmVkLm1vZHVsZS5sZXNzJztcblxuY29uc3QgVEVYVF9DRU5URVJFRCA9ICdUZXh0Q2VudGVyZWQnO1xuXG5leHBvcnQgY29uc3QgdXNlVGV4dENlbnRlcmVkQ2xhc3NuYW1lID0gKGNlbnRlcmVkPzogUmVzcG9uc2l2ZTxib29sZWFuPik6IHN0cmluZ1tdID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIHJldHVybiBtb2R1bGVMb2NhbHMoc3R5bGVzLCBURVhUX0NFTlRFUkVELCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdjZW50ZXJlZCcsICdpbml0aWFsJywgY2VudGVyZWQpLFxuICAgIF0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxhQUFhLEdBQUcsY0FBYyxDQUFDO01BRXhCLHdCQUF3QixHQUFHLENBQUMsUUFBOEI7SUFDbkUsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE9BQU8sWUFBWSxDQUFDLE1BQU0sRUFBRSxhQUFhLEVBQUU7UUFDdkMsaUJBQWlCLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDckQsQ0FBQyxDQUFDO0FBQ1A7Ozs7In0=

package/dist/typography/style/text-centered.module.less.js

@@ -1,9 +0,0 @@
-import styleInject from '../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = "._2bFcIs{text-align:center}.EEteH4{text-align:left;text-align:initial}@media (min-width:400px){._3I3B1y{text-align:center}._3n1toT{text-align:left;text-align:initial}}@media (min-width:700px){._2vwyEr{text-align:center}._31LAh2{text-align:left;text-align:initial}}@media (min-width:880px){._1EzRsH{text-align:center}.y3RbFr{text-align:left;text-align:initial}}@media (min-width:1200px){._3Dwb-o{text-align:center}._3tuT_b{text-align:left;text-align:initial}}@media (min-width:1900px){._1-1vcj{text-align:center}._1zyLeO{text-align:left;text-align:initial}}";
-var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/typography/style/text-centered.module.less",__css:css_248z,"TextCentered--centered":"_2bFcIs","TextCentered--initial":"EEteH4","TextCentered--narrow-l--centered":"_3I3B1y","TextCentered--narrow-l--initial":"_3n1toT","TextCentered--medium-s--centered":"_2vwyEr","TextCentered--medium-s--initial":"_31LAh2","TextCentered--medium-l--centered":"_1EzRsH","TextCentered--medium-l--initial":"y3RbFr","TextCentered--wide-s--centered":"_3Dwb-o","TextCentered--wide-s--initial":"_3tuT_b","TextCentered--wide-l--centered":"_1-1vcj","TextCentered--wide-l--initial":"_1zyLeO"};
-var stylesheet=css_248z;
-styleInject(css_248z);
-
-export { styles as default, stylesheet };
-