@preply/ds-web-core 0.43.2 → 0.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/generated/breakpoints.less +1 -1
  2. package/dist/generated/options.less +1 -1
  3. package/dist/generated/tokens.less +1 -1
  4. package/dist/index.js +2 -3
  5. package/dist/layout/hooks/useLayoutGridResponsiveColumns.d.ts +7 -0
  6. package/dist/layout/hooks/useLayoutGridResponsiveColumns.js +46 -0
  7. package/dist/layout/index.d.ts +1 -2
  8. package/dist/layout/index.js +2 -3
  9. package/dist/layout/style/grid.mixins.less +15 -0
  10. package/dist/layout/style/index.module.less +1 -0
  11. package/dist/layout/style/index.module.less.js +2 -2
  12. package/package.json +6 -6
  13. package/dist/layout/hooks/useLayoutGridStyles.d.ts +0 -5
  14. package/dist/layout/hooks/useLayoutGridStyles.js +0 -10
  15. package/dist/layout/hooks/useLayoutStyles.d.ts +0 -5
  16. package/dist/layout/hooks/useLayoutStyles.js +0 -9
package/dist/generated/breakpoints.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Fri Sep 30 2022 12:14:35 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Tue Oct 11 2022 12:50:27 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @breakpoints: {
4
4
  narrow-l: 400px;
package/dist/generated/options.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Fri Sep 30 2022 12:14:33 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Tue Oct 11 2022 12:50:26 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
4
4
  @BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
package/dist/generated/tokens.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Fri Sep 30 2022 12:14:34 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Tue Oct 11 2022 12:50:26 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface6);
4
4
  @scheme-bgColor: var(--786b9e);
package/dist/index.js CHANGED
@@ -14,8 +14,7 @@ export { InstrumentProvider } from './instrument/providers/Instrument.js';
14
14
  export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
15
15
  export { useLayoutFlexClassNames } from './layout/hooks/useLayoutFlexClassNames.js';
16
16
  export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.js';
17
- export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
18
- export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
17
+ export { useLayoutGridResponsiveColumns } from './layout/hooks/useLayoutGridResponsiveColumns.js';
19
18
  export { useLayoutHideClassnames } from './layout/module-layout-hide/hooks/useLayoutHideClassnames.js';
20
19
  export { useAlignSelfClassNames } from './layout/module-align-self/hooks/useAlignSelfClassNames.js';
21
20
  export { useLayoutPaddingClassnames } from './layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js';
@@ -41,4 +40,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
41
40
  export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
42
41
  export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
43
42
  export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
44
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
43
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
package/dist/layout/hooks/useLayoutGridResponsiveColumns.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import type { Responsive } from '@preply/ds-core';
2
+ declare type Hook = (columns?: Responsive<string[] | number>) => {
3
+ classNames: string[];
4
+ style: Record<string, string>;
5
+ };
6
+ export declare const useLayoutGridResponsiveColumns: Hook;
7
+ export {};
package/dist/layout/hooks/useLayoutGridResponsiveColumns.js ADDED
@@ -0,0 +1,46 @@
1
+ import { BREAKPOINT } from '@preply/ds-core';
2
+ import styles from '../style/index.module.less.js';
3
+ import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
4
+ import { moduleLocals } from '../../css-module/classNames.js';
5
+
6
+ const LAYOUT_GRID = 'LayoutGrid';
7
+ const BREAKPOINT_LIST = Object.keys(BREAKPOINT);
8
+ const normalizeColumns = (columns) => {
9
+ return typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns.join(' ');
10
+ };
11
+ const normalizeResponsiveColumns = (columns) => {
12
+ if (typeof columns === 'object' && !Array.isArray(columns)) {
13
+ return Object.entries(columns).reduce((acc, [breakpoint, value]) => ({
14
+ ...acc,
15
+ ...(value ? { [breakpoint]: normalizeColumns(value) } : {}),
16
+ }), {
17
+ _: normalizeColumns(columns._),
18
+ });
19
+ }
20
+ return { _: normalizeColumns(columns) };
21
+ };
22
+ const useLayoutGridResponsiveColumns = columns => {
23
+ useStyleExtract(styles);
24
+ if (!columns) {
25
+ return { classNames: [], style: {} };
26
+ }
27
+ const normalizedColumns = normalizeResponsiveColumns(columns);
28
+ const breakpointsInUse = BREAKPOINT_LIST.filter(breakpoint => normalizedColumns[breakpoint]);
29
+ const classNames = moduleLocals(styles, LAYOUT_GRID, [
30
+ 'columns',
31
+ ...breakpointsInUse.map(breakpoint => `columns-${breakpoint}`),
32
+ ]);
33
+ const cssVariables = breakpointsInUse.reduce((acc, breakpoint) => ({
34
+ ...acc,
35
+ [`--columns-${breakpoint}`]: normalizedColumns[breakpoint],
36
+ }), {
37
+ '--columns': normalizedColumns._,
38
+ });
39
+ return {
40
+ classNames,
41
+ style: cssVariables,
42
+ };
43
+ };
44
+
45
+ export { useLayoutGridResponsiveColumns };
46
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZFJlc3BvbnNpdmVDb2x1bW5zLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEdyaWRSZXNwb25zaXZlQ29sdW1ucy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJyZWFrcG9pbnQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQlJFQUtQT0lOVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IG1vZHVsZUxvY2FscyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfR1JJRCA9ICdMYXlvdXRHcmlkJztcblxuY29uc3QgQlJFQUtQT0lOVF9MSVNUID0gT2JqZWN0LmtleXMoQlJFQUtQT0lOVCk7XG5cbnR5cGUgTm9ybWFsaXplZENvbHVtbnMgPSB7IF86IHN0cmluZyB9ICYgUGFydGlhbDxSZWNvcmQ8QnJlYWtwb2ludCwgc3RyaW5nPj47XG5cbmNvbnN0IG5vcm1hbGl6ZUNvbHVtbnMgPSAoY29sdW1uczogc3RyaW5nW10gfCBudW1iZXIpOiBzdHJpbmcgPT4ge1xuICAgIHJldHVybiB0eXBlb2YgY29sdW1ucyA9PT0gJ251bWJlcicgPyBgcmVwZWF0KCR7Y29sdW1uc30sIDFmcilgIDogY29sdW1ucy5qb2luKCcgJyk7XG59O1xuXG5jb25zdCBub3JtYWxpemVSZXNwb25zaXZlQ29sdW1ucyA9IChjb2x1bW5zOiBSZXNwb25zaXZlPHN0cmluZ1tdIHwgbnVtYmVyPik6IE5vcm1hbGl6ZWRDb2x1bW5zID0+IHtcbiAgICBpZiAodHlwZW9mIGNvbHVtbnMgPT09ICdvYmplY3QnICYmICFBcnJheS5pc0FycmF5KGNvbHVtbnMpKSB7XG4gICAgICAgIHJldHVybiBPYmplY3QuZW50cmllcyhjb2x1bW5zKS5yZWR1Y2UoXG4gICAgICAgICAgICAoYWNjLCBbYnJlYWtwb2ludCwgdmFsdWVdKSA9PiAoe1xuICAgICAgICAgICAgICAgIC4uLmFjYyxcbiAgICAgICAgICAgICAgICAuLi4odmFsdWUgPyB7IFticmVha3BvaW50XTogbm9ybWFsaXplQ29sdW1ucyh2YWx1ZSkgfSA6IHt9KSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIF86IG5vcm1hbGl6ZUNvbHVtbnMoY29sdW1ucy5fKSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHsgXzogbm9ybWFsaXplQ29sdW1ucyhjb2x1bW5zKSB9O1xufTtcblxudHlwZSBIb29rID0gKGNvbHVtbnM/OiBSZXNwb25zaXZlPHN0cmluZ1tdIHwgbnVtYmVyPikgPT4ge1xuICAgIGNsYXNzTmFtZXM6IHN0cmluZ1tdO1xuICAgIHN0eWxlOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRSZXNwb25zaXZlQ29sdW1uczogSG9vayA9IGNvbHVtbnMgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgaWYgKCFjb2x1bW5zKSB7XG4gICAgICAgIHJldHVybiB7IGNsYXNzTmFtZXM6IFtdLCBzdHlsZToge30gfTtcbiAgICB9XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ29sdW1ucyA9IG5vcm1hbGl6ZVJlc3BvbnNpdmVDb2x1bW5zKGNvbHVtbnMpO1xuXG4gICAgY29uc3QgYnJlYWtwb2ludHNJblVzZSA9IEJSRUFLUE9JTlRfTElTVC5maWx0ZXIoYnJlYWtwb2ludCA9PiBub3JtYWxpemVkQ29sdW1uc1ticmVha3BvaW50XSk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlTG9jYWxzKHN0eWxlcywgTEFZT1VUX0dSSUQsIFtcbiAgICAgICAgJ2NvbHVtbnMnLFxuICAgICAgICAuLi5icmVha3BvaW50c0luVXNlLm1hcChicmVha3BvaW50ID0+IGBjb2x1bW5zLSR7YnJlYWtwb2ludH1gKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGNzc1ZhcmlhYmxlcyA9IGJyZWFrcG9pbnRzSW5Vc2UucmVkdWNlKFxuICAgICAgICAoYWNjLCBicmVha3BvaW50KSA9PiAoe1xuICAgICAgICAgICAgLi4uYWNjLFxuICAgICAgICAgICAgW2AtLWNvbHVtbnMtJHticmVha3BvaW50fWBdOiBub3JtYWxpemVkQ29sdW1uc1ticmVha3BvaW50XSxcbiAgICAgICAgfSksXG4gICAgICAgIHtcbiAgICAgICAgICAgICctLWNvbHVtbnMnOiBub3JtYWxpemVkQ29sdW1ucy5fLFxuICAgICAgICB9LFxuICAgICk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBjbGFzc05hbWVzLFxuICAgICAgICBzdHlsZTogY3NzVmFyaWFibGVzLFxuICAgIH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBT0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7QUFJaEQsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE9BQTBCO0lBQ2hELE9BQU8sT0FBTyxPQUFPLEtBQUssUUFBUSxHQUFHLFVBQVUsT0FBTyxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUN2RixDQUFDLENBQUM7QUFFRixNQUFNLDBCQUEwQixHQUFHLENBQUMsT0FBc0M7SUFDdEUsSUFBSSxPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1FBQ3hELE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUFNLENBQ2pDLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxNQUFNO1lBQzNCLEdBQUcsR0FBRztZQUNOLElBQUksS0FBSyxHQUFHLEVBQUUsQ0FBQyxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDOUQsQ0FBQyxFQUNGO1lBQ0ksQ0FBQyxFQUFFLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7U0FDakMsQ0FDSixDQUFDO0tBQ0w7SUFFRCxPQUFPLEVBQUUsQ0FBQyxFQUFFLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7QUFDNUMsQ0FBQyxDQUFDO01BT1csOEJBQThCLEdBQVMsT0FBTztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNWLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQztLQUN4QztJQUVELE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFOUQsTUFBTSxnQkFBZ0IsR0FBRyxlQUFlLENBQUMsTUFBTSxDQUFDLFVBQVUsSUFBSSxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTdGLE1BQU0sVUFBVSxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ2pELFNBQVM7UUFDVCxHQUFHLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxVQUFVLElBQUksV0FBVyxVQUFVLEVBQUUsQ0FBQztLQUNqRSxDQUFDLENBQUM7SUFFSCxNQUFNLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLENBQ3hDLENBQUMsR0FBRyxFQUFFLFVBQVUsTUFBTTtRQUNsQixHQUFHLEdBQUc7UUFDTixDQUFDLGFBQWEsVUFBVSxFQUFFLEdBQUcsaUJBQWlCLENBQUMsVUFBVSxDQUFDO0tBQzdELENBQUMsRUFDRjtRQUNJLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0tBQ25DLENBQ0osQ0FBQztJQUVGLE9BQU87UUFDSCxVQUFVO1FBQ1YsS0FBSyxFQUFFLFlBQVk7S0FDdEIsQ0FBQztBQUNOOzs7OyJ9
package/dist/layout/index.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  export { useLayoutClassNames } from './hooks/useLayoutClassNames';
2
2
  export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames';
3
3
  export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames';
4
- export { useLayoutStyles } from './hooks/useLayoutStyles';
5
- export { useLayoutGridStyles } from './hooks/useLayoutGridStyles';
4
+ export { useLayoutGridResponsiveColumns } from './hooks/useLayoutGridResponsiveColumns';
6
5
  export { useLayoutHideClassnames } from './module-layout-hide';
7
6
  export { useAlignSelfClassNames } from './module-align-self';
8
7
  export { useLayoutPaddingClassnames } from './module-layout-padding';
package/dist/layout/index.js CHANGED
@@ -1,10 +1,9 @@
1
1
  export { useLayoutClassNames } from './hooks/useLayoutClassNames.js';
2
2
  export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames.js';
3
3
  export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames.js';
4
- export { useLayoutStyles } from './hooks/useLayoutStyles.js';
5
- export { useLayoutGridStyles } from './hooks/useLayoutGridStyles.js';
4
+ export { useLayoutGridResponsiveColumns } from './hooks/useLayoutGridResponsiveColumns.js';
6
5
  export { useLayoutHideClassnames } from './module-layout-hide/hooks/useLayoutHideClassnames.js';
7
6
  export { useAlignSelfClassNames } from './module-align-self/hooks/useAlignSelfClassNames.js';
8
7
  export { useLayoutPaddingClassnames } from './module-layout-padding/hooks/useLayoutPaddingClassnames.js';
9
8
  export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
10
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
9
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OyJ9
package/dist/layout/style/grid.mixins.less CHANGED
@@ -1,5 +1,6 @@
1
1
  @import '../../generated/tokens.less';
2
2
  @import '../../generated/options.less';
3
+ @import '../../generated/breakpoints.less';
3
4
  @import '../../responsive/style/mixins.less';
4
5
  @import '../../theme/style/declarations.mixins.less';
5
6
 
@@ -28,3 +29,17 @@
28
29
  });
29
30
  });
30
31
  }
32
+
33
+ .grid-columns() {
34
+ &--columns {
35
+ grid-template-columns: var(--columns);
36
+ }
37
+
38
+ each(@breakpoints, .(@v, @k, @i) {
39
+ &--columns-@{k} {
40
+ @media (min-width: @v) {
41
+ grid-template-columns: ~"var(--columns-@{k})";
42
+ }
43
+ }
44
+ });
45
+ }
package/dist/layout/style/index.module.less CHANGED
@@ -15,4 +15,5 @@
15
15
  .grid-base();
16
16
  .grid-justify-content();
17
17
  .grid-align-items();
18
+ .grid-columns()
18
19
  }
package/dist/layout/style/index.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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}@media (min-width:400px){._1T-lc4{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._2J4CPL{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._2Aft_c{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.dBFosZ{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1fCiiM{-ms-flex-pack:distribute;justify-content:space-around}.lbx7YH{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:700px){.xXHa2D{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._2tus7T{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._1X9yZg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._2Qwy6e{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2edC8M{-ms-flex-pack:distribute;justify-content:space-around}._3RU3b0{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:880px){._1arj0p{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._1jhiec{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._20XsA-{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._15WN3j{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1gF4nW{-ms-flex-pack:distribute;justify-content:space-around}._11OeqJ{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1200px){._2JgpbG{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._2enbh4{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._36NHrt{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._3FRFZs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1ZsRFi{-ms-flex-pack:distribute;justify-content:space-around}.u6FwNM{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1900px){._3LAaFJ{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bwlCap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.Cjj8pU{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._1tRRgp{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._12mrYT{-ms-flex-pack:distribute;justify-content:space-around}.OkauQs{-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}@media (min-width:400px){._3hQYZh{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1yu-Lc{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.wMQW3S{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.pW3b5B{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1prRSA{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:700px){._44IDPW{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2AP6r_{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._1BBcE_{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._1Lv_lm{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1fMkeb{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:880px){._3wNsry{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1QG5jh{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._21PrAO{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._3zOGJn{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1gnTEJ{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1200px){.ePxzTG{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2HJ29S{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._2hnsNI{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._2lCZwy{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1juEXh{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1900px){.nEAyoT{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2Edznx{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._2YoGID{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._3q0FuG{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1eMDtF{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}";
4
- 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--narrow-l--justify-content-center":"_1T-lc4","LayoutGrid--narrow-l--justify-content-start":"_2J4CPL","LayoutGrid--narrow-l--justify-content-end":"_2Aft_c","LayoutGrid--narrow-l--justify-content-space-between":"dBFosZ","LayoutGrid--narrow-l--justify-content-space-around":"_1fCiiM","LayoutGrid--narrow-l--justify-content-space-evenly":"lbx7YH","LayoutGrid--medium-s--justify-content-center":"xXHa2D","LayoutGrid--medium-s--justify-content-start":"_2tus7T","LayoutGrid--medium-s--justify-content-end":"_1X9yZg","LayoutGrid--medium-s--justify-content-space-between":"_2Qwy6e","LayoutGrid--medium-s--justify-content-space-around":"_2edC8M","LayoutGrid--medium-s--justify-content-space-evenly":"_3RU3b0","LayoutGrid--medium-l--justify-content-center":"_1arj0p","LayoutGrid--medium-l--justify-content-start":"_1jhiec","LayoutGrid--medium-l--justify-content-end":"_20XsA-","LayoutGrid--medium-l--justify-content-space-between":"_15WN3j","LayoutGrid--medium-l--justify-content-space-around":"_1gF4nW","LayoutGrid--medium-l--justify-content-space-evenly":"_11OeqJ","LayoutGrid--wide-s--justify-content-center":"_2JgpbG","LayoutGrid--wide-s--justify-content-start":"_2enbh4","LayoutGrid--wide-s--justify-content-end":"_36NHrt","LayoutGrid--wide-s--justify-content-space-between":"_3FRFZs","LayoutGrid--wide-s--justify-content-space-around":"_1ZsRFi","LayoutGrid--wide-s--justify-content-space-evenly":"u6FwNM","LayoutGrid--wide-l--justify-content-center":"_3LAaFJ","LayoutGrid--wide-l--justify-content-start":"bwlCap","LayoutGrid--wide-l--justify-content-end":"Cjj8pU","LayoutGrid--wide-l--justify-content-space-between":"_1tRRgp","LayoutGrid--wide-l--justify-content-space-around":"_12mrYT","LayoutGrid--wide-l--justify-content-space-evenly":"OkauQs","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","LayoutGrid--narrow-l--align-items-center":"_3hQYZh","LayoutGrid--narrow-l--align-items-start":"_1yu-Lc","LayoutGrid--narrow-l--align-items-end":"wMQW3S","LayoutGrid--narrow-l--align-items-stretch":"pW3b5B","LayoutGrid--narrow-l--align-items-baseline":"_1prRSA","LayoutGrid--medium-s--align-items-center":"_44IDPW","LayoutGrid--medium-s--align-items-start":"_2AP6r_","LayoutGrid--medium-s--align-items-end":"_1BBcE_","LayoutGrid--medium-s--align-items-stretch":"_1Lv_lm","LayoutGrid--medium-s--align-items-baseline":"_1fMkeb","LayoutGrid--medium-l--align-items-center":"_3wNsry","LayoutGrid--medium-l--align-items-start":"_1QG5jh","LayoutGrid--medium-l--align-items-end":"_21PrAO","LayoutGrid--medium-l--align-items-stretch":"_3zOGJn","LayoutGrid--medium-l--align-items-baseline":"_1gnTEJ","LayoutGrid--wide-s--align-items-center":"ePxzTG","LayoutGrid--wide-s--align-items-start":"_2HJ29S","LayoutGrid--wide-s--align-items-end":"_2hnsNI","LayoutGrid--wide-s--align-items-stretch":"_2lCZwy","LayoutGrid--wide-s--align-items-baseline":"_1juEXh","LayoutGrid--wide-l--align-items-center":"nEAyoT","LayoutGrid--wide-l--align-items-start":"_2Edznx","LayoutGrid--wide-l--align-items-end":"_2YoGID","LayoutGrid--wide-l--align-items-stretch":"_3q0FuG","LayoutGrid--wide-l--align-items-baseline":"_1eMDtF"};
3
+ 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}@media (min-width:400px){._1T-lc4{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._2J4CPL{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._2Aft_c{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.dBFosZ{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1fCiiM{-ms-flex-pack:distribute;justify-content:space-around}.lbx7YH{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:700px){.xXHa2D{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._2tus7T{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._1X9yZg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._2Qwy6e{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2edC8M{-ms-flex-pack:distribute;justify-content:space-around}._3RU3b0{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:880px){._1arj0p{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._1jhiec{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._20XsA-{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._15WN3j{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1gF4nW{-ms-flex-pack:distribute;justify-content:space-around}._11OeqJ{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1200px){._2JgpbG{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._2enbh4{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._36NHrt{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._3FRFZs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1ZsRFi{-ms-flex-pack:distribute;justify-content:space-around}.u6FwNM{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1900px){._3LAaFJ{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bwlCap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.Cjj8pU{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._1tRRgp{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._12mrYT{-ms-flex-pack:distribute;justify-content:space-around}.OkauQs{-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}@media (min-width:400px){._3hQYZh{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1yu-Lc{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.wMQW3S{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.pW3b5B{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1prRSA{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:700px){._44IDPW{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2AP6r_{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._1BBcE_{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._1Lv_lm{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1fMkeb{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:880px){._3wNsry{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1QG5jh{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._21PrAO{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._3zOGJn{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1gnTEJ{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1200px){.ePxzTG{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2HJ29S{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._2hnsNI{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._2lCZwy{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1juEXh{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1900px){.nEAyoT{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2Edznx{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._2YoGID{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._3q0FuG{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._1eMDtF{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.BaHcER{grid-template-columns:var(--columns)}@media (min-width:400px){._22-pFs{grid-template-columns:var(--columns-narrow-l)}}@media (min-width:700px){._2u4ySh{grid-template-columns:var(--columns-medium-s)}}@media (min-width:880px){._1OvDoW{grid-template-columns:var(--columns-medium-l)}}@media (min-width:1200px){.qjgCNQ{grid-template-columns:var(--columns-wide-s)}}@media (min-width:1900px){._18U3NI{grid-template-columns:var(--columns-wide-l)}}";
4
+ 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--narrow-l--justify-content-center":"_1T-lc4","LayoutGrid--narrow-l--justify-content-start":"_2J4CPL","LayoutGrid--narrow-l--justify-content-end":"_2Aft_c","LayoutGrid--narrow-l--justify-content-space-between":"dBFosZ","LayoutGrid--narrow-l--justify-content-space-around":"_1fCiiM","LayoutGrid--narrow-l--justify-content-space-evenly":"lbx7YH","LayoutGrid--medium-s--justify-content-center":"xXHa2D","LayoutGrid--medium-s--justify-content-start":"_2tus7T","LayoutGrid--medium-s--justify-content-end":"_1X9yZg","LayoutGrid--medium-s--justify-content-space-between":"_2Qwy6e","LayoutGrid--medium-s--justify-content-space-around":"_2edC8M","LayoutGrid--medium-s--justify-content-space-evenly":"_3RU3b0","LayoutGrid--medium-l--justify-content-center":"_1arj0p","LayoutGrid--medium-l--justify-content-start":"_1jhiec","LayoutGrid--medium-l--justify-content-end":"_20XsA-","LayoutGrid--medium-l--justify-content-space-between":"_15WN3j","LayoutGrid--medium-l--justify-content-space-around":"_1gF4nW","LayoutGrid--medium-l--justify-content-space-evenly":"_11OeqJ","LayoutGrid--wide-s--justify-content-center":"_2JgpbG","LayoutGrid--wide-s--justify-content-start":"_2enbh4","LayoutGrid--wide-s--justify-content-end":"_36NHrt","LayoutGrid--wide-s--justify-content-space-between":"_3FRFZs","LayoutGrid--wide-s--justify-content-space-around":"_1ZsRFi","LayoutGrid--wide-s--justify-content-space-evenly":"u6FwNM","LayoutGrid--wide-l--justify-content-center":"_3LAaFJ","LayoutGrid--wide-l--justify-content-start":"bwlCap","LayoutGrid--wide-l--justify-content-end":"Cjj8pU","LayoutGrid--wide-l--justify-content-space-between":"_1tRRgp","LayoutGrid--wide-l--justify-content-space-around":"_12mrYT","LayoutGrid--wide-l--justify-content-space-evenly":"OkauQs","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","LayoutGrid--narrow-l--align-items-center":"_3hQYZh","LayoutGrid--narrow-l--align-items-start":"_1yu-Lc","LayoutGrid--narrow-l--align-items-end":"wMQW3S","LayoutGrid--narrow-l--align-items-stretch":"pW3b5B","LayoutGrid--narrow-l--align-items-baseline":"_1prRSA","LayoutGrid--medium-s--align-items-center":"_44IDPW","LayoutGrid--medium-s--align-items-start":"_2AP6r_","LayoutGrid--medium-s--align-items-end":"_1BBcE_","LayoutGrid--medium-s--align-items-stretch":"_1Lv_lm","LayoutGrid--medium-s--align-items-baseline":"_1fMkeb","LayoutGrid--medium-l--align-items-center":"_3wNsry","LayoutGrid--medium-l--align-items-start":"_1QG5jh","LayoutGrid--medium-l--align-items-end":"_21PrAO","LayoutGrid--medium-l--align-items-stretch":"_3zOGJn","LayoutGrid--medium-l--align-items-baseline":"_1gnTEJ","LayoutGrid--wide-s--align-items-center":"ePxzTG","LayoutGrid--wide-s--align-items-start":"_2HJ29S","LayoutGrid--wide-s--align-items-end":"_2hnsNI","LayoutGrid--wide-s--align-items-stretch":"_2lCZwy","LayoutGrid--wide-s--align-items-baseline":"_1juEXh","LayoutGrid--wide-l--align-items-center":"nEAyoT","LayoutGrid--wide-l--align-items-start":"_2Edznx","LayoutGrid--wide-l--align-items-end":"_2YoGID","LayoutGrid--wide-l--align-items-stretch":"_3q0FuG","LayoutGrid--wide-l--align-items-baseline":"_1eMDtF","LayoutGrid--columns":"BaHcER","LayoutGrid--columns-narrow-l":"_22-pFs","LayoutGrid--columns-medium-s":"_2u4ySh","LayoutGrid--columns-medium-l":"_1OvDoW","LayoutGrid--columns-wide-s":"qjgCNQ","LayoutGrid--columns-wide-l":"_18U3NI"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
7
7
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-core",
3
- "version": "0.43.2",
3
+ "version": "0.44.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,14 +19,14 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.43.2",
23
- "@preply/ds-core-types": "0.43.2"
22
+ "@preply/ds-core": "0.44.0",
23
+ "@preply/ds-core-types": "0.44.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@preply/ds-core": "0.43.2",
27
- "@preply/ds-core-types": "0.43.2",
26
+ "@preply/ds-core": "0.44.0",
27
+ "@preply/ds-core-types": "0.44.0",
28
28
  "react": "^16.8.3",
29
29
  "react-dom": "^16.8.3"
30
30
  },
31
- "gitHead": "e93cea4c45ddb12062fb8dfe40204cc8c4abb805"
31
+ "gitHead": "85a7ecf5f64730399b1645e7dbf3459536534534"
32
32
  }
package/dist/layout/hooks/useLayoutGridStyles.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { LayoutGridProps } from '@preply/ds-core';
2
- import { CSSProperties } from 'react';
3
- declare type Hook = (props?: LayoutGridProps) => CSSProperties;
4
- export declare const useLayoutGridStyles: Hook;
5
- export {};
package/dist/layout/hooks/useLayoutGridStyles.js DELETED
@@ -1,10 +0,0 @@
1
- const useLayoutGridStyles = props => {
2
- const { columns } = props || {};
3
- const gridTemplateColumns = typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns === null || columns === void 0 ? void 0 : columns.join(' ');
4
- return {
5
- gridTemplateColumns,
6
- };
7
- };
8
-
9
- export { useLayoutGridStyles };
10
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZFN0eWxlcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xheW91dC9ob29rcy91c2VMYXlvdXRHcmlkU3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTGF5b3V0R3JpZFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgSG9vayA9IChwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gQ1NTUHJvcGVydGllcztcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRTdHlsZXM6IEhvb2sgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjb2x1bW5zIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGdyaWRUZW1wbGF0ZUNvbHVtbnMgPVxuICAgICAgICB0eXBlb2YgY29sdW1ucyA9PT0gJ251bWJlcicgPyBgcmVwZWF0KCR7Y29sdW1uc30sIDFmcilgIDogY29sdW1ucz8uam9pbignICcpO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucyxcbiAgICB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFLYSxtQkFBbUIsR0FBUyxLQUFLO0lBQzFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhDLE1BQU0sbUJBQW1CLEdBQ3JCLE9BQU8sT0FBTyxLQUFLLFFBQVEsR0FBRyxVQUFVLE9BQU8sUUFBUSxHQUFHLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFFakYsT0FBTztRQUNILG1CQUFtQjtLQUN0QixDQUFDO0FBQ047Ozs7In0=
package/dist/layout/hooks/useLayoutStyles.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { OptionalLayoutProps } from '@preply/ds-core';
2
- import { CSSProperties } from 'react';
3
- declare type Hook = (props?: OptionalLayoutProps) => CSSProperties;
4
- export declare const useLayoutStyles: Hook;
5
- export {};
package/dist/layout/hooks/useLayoutStyles.js DELETED
@@ -1,9 +0,0 @@
1
- import { useLayoutGridStyles } from './useLayoutGridStyles.js';
2
-
3
- const useLayoutStyles = props => {
4
- const gridStyles = useLayoutGridStyles(props.grid);
5
- return (props === null || props === void 0 ? void 0 : props.layout) === 'grid' ? gridStyles : {};
6
- };
7
-
8
- export { useLayoutStyles };
9
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0U3R5bGVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGF5b3V0L2hvb2tzL3VzZUxheW91dFN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgTGF5b3V0R3JpZFByb3BzLFxuICAgIE9wdGlvbmFsTGF5b3V0R3JpZFByb3BzLFxuICAgIE9wdGlvbmFsTGF5b3V0UHJvcHMsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VMYXlvdXRHcmlkU3R5bGVzIH0gZnJvbSAnLi91c2VMYXlvdXRHcmlkU3R5bGVzJztcblxudHlwZSBIb29rID0gKHByb3BzPzogT3B0aW9uYWxMYXlvdXRQcm9wcykgPT4gQ1NTUHJvcGVydGllcztcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dFN0eWxlczogSG9vayA9IHByb3BzID0+IHtcbiAgICBjb25zdCBncmlkU3R5bGVzID0gdXNlTGF5b3V0R3JpZFN0eWxlcyhcbiAgICAgICAgKHByb3BzIGFzIE9wdGlvbmFsTGF5b3V0R3JpZFByb3BzKS5ncmlkIGFzIExheW91dEdyaWRQcm9wcyxcbiAgICApO1xuICAgIHJldHVybiBwcm9wcz8ubGF5b3V0ID09PSAnZ3JpZCcgPyBncmlkU3R5bGVzIDoge307XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BV2EsZUFBZSxHQUFTLEtBQUs7SUFDdEMsTUFBTSxVQUFVLEdBQUcsbUJBQW1CLENBQ2pDLEtBQWlDLENBQUMsSUFBdUIsQ0FDN0QsQ0FBQztJQUNGLE9BQU8sQ0FBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsTUFBTSxNQUFLLE1BQU0sR0FBRyxVQUFVLEdBQUcsRUFBRSxDQUFDO0FBQ3REOzs7OyJ9