@preply/ds-web-core 0.22.1 → 0.23.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 (25) hide show
  1. package/dist/color-scheme/styles/mixins.less.js +2 -2
  2. package/dist/generated/breakpoints.less +15 -0
  3. package/dist/generated/breakpoints.less.js +8 -0
  4. package/dist/generated/options.less +2 -1
  5. package/dist/generated/options.less.js +2 -2
  6. package/dist/generated/tokens.less +1 -1
  7. package/dist/generated/tokens.less.js +2 -2
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +2 -1
  10. package/dist/layout/hooks/useLayoutFlexClassNames.js +5 -3
  11. package/dist/layout/style/common.mixins.less.js +2 -2
  12. package/dist/layout/style/flex.mixins.less +17 -1
  13. package/dist/layout/style/flex.mixins.less.js +2 -2
  14. package/dist/layout/style/grid.mixins.less.js +2 -2
  15. package/dist/layout/style/index.module.less +1 -0
  16. package/dist/layout/style/index.module.less.js +2 -2
  17. package/dist/responsive/index.d.ts +1 -0
  18. package/dist/responsive/index.js +2 -0
  19. package/dist/responsive/sc/mixins.d.ts +2 -0
  20. package/dist/responsive/sc/mixins.js +6 -0
  21. package/dist/responsive/style/mixins.less +12 -0
  22. package/dist/responsive/style/mixins.less.js +8 -0
  23. package/dist/theme/style/declarations.mixins.less.js +2 -2
  24. package/dist/typography/style/mixins.less.js +2 -2
  25. package/package.json +6 -6
package/dist/color-scheme/styles/mixins.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/generated/breakpoints.less ADDED
@@ -0,0 +1,15 @@
1
+ /* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */
2
+
3
+ @breakpoints: {
4
+ narrow-l: 400px;
5
+ medium-s: 700px;
6
+ medium-l: 880px;
7
+ wide-s: 1200px;
8
+ wide-l: 1900px;
9
+ };
10
+
11
+ @narrow-l: (min-width: 400px);
12
+ @medium-s: (min-width: 700px);
13
+ @medium-l: (min-width: 880px);
14
+ @wide-s: (min-width: 1200px);
15
+ @wide-l: (min-width: 1900px);
package/dist/generated/breakpoints.less.js ADDED
@@ -0,0 +1,8 @@
1
+ import styleInject from '../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
8
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixrREFBc0Q7QUFDOUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
package/dist/generated/options.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
4
4
  @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
@@ -9,6 +9,7 @@
9
9
  @ICON_ACCENT_OPTIONS: normal, muted, brand, positive;
10
10
  @ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
11
11
  @LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
12
+ @LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
12
13
  @LAYOUT_GAP_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
13
14
  @LAYOUT_JUSTIFY_CONTENT_OPTIONS: center, start, end, space-between, space-around, space-evenly;
14
15
  @LAYOUT_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
package/dist/generated/options.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/generated/tokens.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface);
4
4
  @scheme-bgColor: var(--786b9);
package/dist/generated/tokens.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/index.d.ts CHANGED
@@ -6,6 +6,7 @@ export * from './instrument';
6
6
  export * from './keyboard';
7
7
  export * from './layout';
8
8
  export * from './location';
9
+ export * from './responsive';
9
10
  export * from './ssr';
10
11
  export * from './theme';
11
12
  export * from './token';
package/dist/index.js CHANGED
@@ -16,6 +16,7 @@ export { useLayoutFlexClassNames } from './layout/hooks/useLayoutFlexClassNames.
16
16
  export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.js';
17
17
  export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
18
18
  export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
19
+ export { minWidth } from './responsive/sc/mixins.js';
19
20
  export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
20
21
  export { StyleExtractContext, StyleExtractProvider } from './ssr/contexts/StyleExtractContext.js';
21
22
  export { useClassNameExtract } from './ssr/hooks/useClassNameExtract.js';
@@ -31,4 +32,4 @@ export { withTheme } from './theme/hocs/withTheme.js';
31
32
  export { getTokenVar } from './token/util/getTokenVar.js';
32
33
  export { useToken } from './token/hooks/useToken.js';
33
34
  export { withGetToken } from './token/hocs/withGetToken.js';
34
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
35
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
package/dist/layout/hooks/useLayoutFlexClassNames.js CHANGED
@@ -1,4 +1,4 @@
1
- import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from '@preply/ds-core';
1
+ import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT } from '@preply/ds-core';
2
2
  import { safeClassName, localClasses } from '../../css-module/index.js';
3
3
  import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
4
4
  import styles from '../style/index.module.less.js';
@@ -6,7 +6,8 @@ import styles from '../style/index.module.less.js';
6
6
  const LAYOUT_FLEX = 'LayoutFlex';
7
7
  const useLayoutFlexClassNames = (layout, props) => {
8
8
  useStyleExtract(styles);
9
- const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, justifyContent, alignItems, inline, } = props || {};
9
+ const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, direction, justifyContent, alignItems, inline, } = props || {};
10
+ const actualDirection = direction || (!reverse && !column ? LAYOUT_FLEX_DIRECTION_DEFAULT : undefined);
10
11
  return layout === 'flex'
11
12
  ? [
12
13
  safeClassName(styles, LAYOUT_FLEX),
@@ -16,6 +17,7 @@ const useLayoutFlexClassNames = (layout, props) => {
16
17
  [inline ? 'inline' : undefined],
17
18
  [nowrap ? 'nowrap' : undefined],
18
19
  [column ? 'column' : 'row', reverse ? 'rev' : 'fwd'],
20
+ ['direction', actualDirection],
19
21
  ['justify-content', justifyContent],
20
22
  ['align-items', alignItems],
21
23
  ]),
@@ -24,4 +26,4 @@ const useLayoutFlexClassNames = (layout, props) => {
24
26
  };
25
27
 
26
28
  export { useLayoutFlexClassNames };
27
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0RmxleFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEZsZXhDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULFxuICAgICAgICBwYWRkaW5nID0gTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbiAgICAgICAgbm93cmFwLFxuICAgICAgICBjb2x1bW4sXG4gICAgICAgIHJldmVyc2UsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBpbmxpbmUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuICAgIHJldHVybiBsYXlvdXQgPT09ICdmbGV4J1xuICAgICAgICA/IFtcbiAgICAgICAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIExBWU9VVF9GTEVYKSxcbiAgICAgICAgICAgICAgLi4ubG9jYWxDbGFzc2VzKHN0eWxlcywgTEFZT1VUX0ZMRVgsIFtcbiAgICAgICAgICAgICAgICAgIFsnZ2FwJywgZ2FwXSxcbiAgICAgICAgICAgICAgICAgIFsncGFkZGluZycsIHBhZGRpbmddLFxuICAgICAgICAgICAgICAgICAgW2lubGluZSA/ICdpbmxpbmUnIDogdW5kZWZpbmVkXSxcbiAgICAgICAgICAgICAgICAgIFtub3dyYXAgPyAnbm93cmFwJyA6IHVuZGVmaW5lZF0sXG4gICAgICAgICAgICAgICAgICBbY29sdW1uID8gJ2NvbHVtbicgOiAncm93JywgcmV2ZXJzZSA/ICdyZXYnIDogJ2Z3ZCddLFxuICAgICAgICAgICAgICAgICAgWydqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudF0sXG4gICAgICAgICAgICAgICAgICBbJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtc10sXG4gICAgICAgICAgICAgIF0pLFxuICAgICAgICAgIF1cbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFPQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxjQUFjLEVBQ2QsVUFBVSxFQUNWLE1BQU0sR0FDVCxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7SUFDaEIsT0FBTyxNQUFNLEtBQUssTUFBTTtVQUNsQjtZQUNJLGFBQWEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1lBQ2xDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7Z0JBQ2pDLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQztnQkFDWixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7Z0JBQ3BCLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxLQUFLLEVBQUUsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7Z0JBQ3BELENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=
29
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0RmxleFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEZsZXhDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULFxuICAgICAgICBwYWRkaW5nID0gTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbiAgICAgICAgbm93cmFwLFxuICAgICAgICBjb2x1bW4sXG4gICAgICAgIHJldmVyc2UsXG4gICAgICAgIGRpcmVjdGlvbixcbiAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIGlubGluZSxcbiAgICB9ID0gcHJvcHMgfHwge307XG5cbiAgICBjb25zdCBhY3R1YWxEaXJlY3Rpb24gPVxuICAgICAgICBkaXJlY3Rpb24gfHwgKCFyZXZlcnNlICYmICFjb2x1bW4gPyBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCA6IHVuZGVmaW5lZCk7XG5cbiAgICByZXR1cm4gbGF5b3V0ID09PSAnZmxleCdcbiAgICAgICAgPyBbXG4gICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBMQVlPVVRfRkxFWCksXG4gICAgICAgICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgICAgICAgICAgICBbJ2dhcCcsIGdhcF0sXG4gICAgICAgICAgICAgICAgICBbJ3BhZGRpbmcnLCBwYWRkaW5nXSxcbiAgICAgICAgICAgICAgICAgIFtpbmxpbmUgPyAnaW5saW5lJyA6IHVuZGVmaW5lZF0sXG4gICAgICAgICAgICAgICAgICBbbm93cmFwID8gJ25vd3JhcCcgOiB1bmRlZmluZWRdLFxuICAgICAgICAgICAgICAgICAgW2NvbHVtbiA/ICdjb2x1bW4nIDogJ3JvdycsIHJldmVyc2UgPyAncmV2JyA6ICdmd2QnXSxcbiAgICAgICAgICAgICAgICAgIFsnZGlyZWN0aW9uJywgYWN0dWFsRGlyZWN0aW9uXSxcbiAgICAgICAgICAgICAgICAgIFsnanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnRdLFxuICAgICAgICAgICAgICAgICAgWydhbGlnbi1pdGVtcycsIGFsaWduSXRlbXNdLFxuICAgICAgICAgICAgICBdKSxcbiAgICAgICAgICBdXG4gICAgICAgIDogW107XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBV0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sRUFDRixHQUFHLEdBQUcsa0JBQWtCLEVBQ3hCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsU0FBUyxFQUNULGNBQWMsRUFDZCxVQUFVLEVBQ1YsTUFBTSxHQUNULEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVoQixNQUFNLGVBQWUsR0FDakIsU0FBUyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxHQUFHLDZCQUE2QixHQUFHLFNBQVMsQ0FBQyxDQUFDO0lBRW5GLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEI7WUFDSSxhQUFhLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztZQUNsQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO2dCQUNqQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUM7Z0JBQ1osQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO2dCQUNwQixDQUFDLE1BQU0sR0FBRyxRQUFRLEdBQUcsU0FBUyxDQUFDO2dCQUMvQixDQUFDLE1BQU0sR0FBRyxRQUFRLEdBQUcsU0FBUyxDQUFDO2dCQUMvQixDQUFDLE1BQU0sR0FBRyxRQUFRLEdBQUcsS0FBSyxFQUFFLE9BQU8sR0FBRyxLQUFLLEdBQUcsS0FBSyxDQUFDO2dCQUNwRCxDQUFDLFdBQVcsRUFBRSxlQUFlLENBQUM7Z0JBQzlCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=
package/dist/layout/style/common.mixins.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/layout/style/flex.mixins.less CHANGED
@@ -2,6 +2,14 @@
2
2
  @import '../../generated/options.less';
3
3
  @import '../../theme/style/declarations.mixins.less';
4
4
 
5
+
6
+ @flex-direction-values: {
7
+ column: column;
8
+ column-reverse: column-reverse;
9
+ row: row;
10
+ row-reverse: row-reverse;
11
+ }
12
+
5
13
  @flex-align-items-values: {
6
14
  center: center;
7
15
  start: flex-start;
@@ -48,7 +56,7 @@
48
56
  }
49
57
  }
50
58
 
51
- .flex-direction() {
59
+ .flex-column-reverse() {
52
60
  &--row-fwd {
53
61
  flex-direction: row;
54
62
  }
@@ -63,6 +71,14 @@
63
71
  }
64
72
  }
65
73
 
74
+ .flex-direction() {
75
+ each(@flex-direction-values, .(@v, @k, @i) {
76
+ &--direction-@{k} {
77
+ flex-direction: @v;
78
+ }
79
+ });
80
+ }
81
+
66
82
  .flex-align-items() {
67
83
  each(@flex-align-items-values, .(@v, @k, @i) {
68
84
  &--align-items-@{k} {
package/dist/layout/style/flex.mixins.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/layout/style/grid.mixins.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/layout/style/index.module.less CHANGED
@@ -8,6 +8,7 @@
8
8
  .flex-inline();
9
9
  .layout-gap();
10
10
  .layout-padding();
11
+ .flex-column-reverse(); // ORDER MATTERS: this must come before flex-direction
11
12
  .flex-direction();
12
13
  .flex-justify-content();
13
14
  .flex-align-items();
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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n._15uGWh {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n._3rnoor {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n._1_IXQm {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n._1eu8AB {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._3NW7L7 {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n.rXTJOf {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1epFyH {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._3ZkSph {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._1YQCoq {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._1kgBLJ {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n.WwTEFN {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._1s0AvS {\n padding: var(--74358);\n}\n._1KSvD2 {\n padding: var(--6947b);\n}\n._2eHbRB {\n padding: var(--1ba55);\n}\n.Mg8ym6 {\n padding: var(--477fd);\n}\n._3UmbJn {\n padding: var(--74380);\n}\n.gC6B_2 {\n padding: var(--39ce9);\n}\n._2AUsLk {\n padding: var(--28cff);\n}\n._1w8p7U {\n padding: var(--6acb5);\n}\n.X4eHUe {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n._3_M_4w {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n._2ByMq1 {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n._3_8VIk {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n._3Aw3T1 {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n._10X-3Q {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n._33a0v9 {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n._3qMVGq {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n._2REBgi {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n._3zq1C_ {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n.hUFwKI {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n._1BOjPg {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n._3AQmNs {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n._3orDH1 {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.qh7on_ {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n._1C0eq8 {\n margin: 0;\n padding: 0;\n display: grid;\n}\n._3JhbNt {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._1HEcbC {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n._1N4Zuv {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1-XHso {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._2IkWNq {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._2hyzTo {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._2ZTaVv {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n._3qb755 {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._2810ZQ {\n padding: var(--74358);\n}\n.GCWWp1 {\n padding: var(--6947b);\n}\n._26DBh8 {\n padding: var(--1ba55);\n}\n._2MOywW {\n padding: var(--477fd);\n}\n._2qYGQe {\n padding: var(--74380);\n}\n._3vJ5sb {\n padding: var(--39ce9);\n}\n._1NStuR {\n padding: var(--28cff);\n}\n._1YQt_H {\n padding: var(--6acb5);\n}\n._25SpXB {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n._3GDeqz {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n}\n._2-jaGe {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n}\n._3lGct7 {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n._2wHTdX {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n._1BVKaN {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n._1nyAA2 {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n._1Xe-EI {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n}\n._3hQvqA {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n}\n.KBSz7h {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.KBW4yE {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n";
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--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--padding-none":"_1s0AvS","LayoutFlex--padding-3xs":"_1KSvD2","LayoutFlex--padding-2xs":"_2eHbRB","LayoutFlex--padding-xs":"Mg8ym6","LayoutFlex--padding-s":"_3UmbJn","LayoutFlex--padding-m":"gC6B_2","LayoutFlex--padding-l":"_2AUsLk","LayoutFlex--padding-xl":"_1w8p7U","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","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--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","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--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"};
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n._15uGWh {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n._3rnoor {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n._1_IXQm {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n._1eu8AB {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._3NW7L7 {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n.rXTJOf {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1epFyH {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._3ZkSph {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._1YQCoq {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._1kgBLJ {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n.WwTEFN {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._1s0AvS {\n padding: var(--74358);\n}\n._1KSvD2 {\n padding: var(--6947b);\n}\n._2eHbRB {\n padding: var(--1ba55);\n}\n.Mg8ym6 {\n padding: var(--477fd);\n}\n._3UmbJn {\n padding: var(--74380);\n}\n.gC6B_2 {\n padding: var(--39ce9);\n}\n._2AUsLk {\n padding: var(--28cff);\n}\n._1w8p7U {\n padding: var(--6acb5);\n}\n.X4eHUe {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n._3_M_4w {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n._2ByMq1 {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n._3_8VIk {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.TeMu3z {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n._2JjQiK {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n._1o4EVj {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n._24jMtt {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n._3Aw3T1 {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n._10X-3Q {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n._33a0v9 {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n._3qMVGq {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n._2REBgi {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n._3zq1C_ {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n.hUFwKI {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n._1BOjPg {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n._3AQmNs {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n._3orDH1 {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.qh7on_ {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n._1C0eq8 {\n margin: 0;\n padding: 0;\n display: grid;\n}\n._3JhbNt {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._1HEcbC {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n._1N4Zuv {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1-XHso {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._2IkWNq {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._2hyzTo {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._2ZTaVv {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n._3qb755 {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._2810ZQ {\n padding: var(--74358);\n}\n.GCWWp1 {\n padding: var(--6947b);\n}\n._26DBh8 {\n padding: var(--1ba55);\n}\n._2MOywW {\n padding: var(--477fd);\n}\n._2qYGQe {\n padding: var(--74380);\n}\n._3vJ5sb {\n padding: var(--39ce9);\n}\n._1NStuR {\n padding: var(--28cff);\n}\n._1YQt_H {\n padding: var(--6acb5);\n}\n._25SpXB {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n._3GDeqz {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n}\n._2-jaGe {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n}\n._3lGct7 {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n._2wHTdX {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n._1BVKaN {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n._1nyAA2 {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n._1Xe-EI {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n}\n._3hQvqA {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n}\n.KBSz7h {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.KBW4yE {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n";
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--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--padding-none":"_1s0AvS","LayoutFlex--padding-3xs":"_1KSvD2","LayoutFlex--padding-2xs":"_2eHbRB","LayoutFlex--padding-xs":"Mg8ym6","LayoutFlex--padding-s":"_3UmbJn","LayoutFlex--padding-m":"gC6B_2","LayoutFlex--padding-l":"_2AUsLk","LayoutFlex--padding-xl":"_1w8p7U","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--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--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","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--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"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
7
7
 
package/dist/responsive/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { minWidth } from './sc/mixins';
package/dist/responsive/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { minWidth } from './sc/mixins.js';
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
package/dist/responsive/sc/mixins.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Breakpoint } from '@preply/ds-core';
2
+ export declare const minWidth: (bp: Breakpoint) => string;
package/dist/responsive/sc/mixins.js ADDED
@@ -0,0 +1,6 @@
1
+ import { BREAKPOINT } from '@preply/ds-core';
2
+
3
+ const minWidth = (bp) => `@media (min-width: ${BREAKPOINT[bp]}px)`;
4
+
5
+ export { minWidth };
6
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcmVzcG9uc2l2ZS9zYy9taXhpbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQlJFQUtQT0lOVCwgQnJlYWtwb2ludCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmV4cG9ydCBjb25zdCBtaW5XaWR0aCA9IChicDogQnJlYWtwb2ludCk6IHN0cmluZyA9PiBgQG1lZGlhIChtaW4td2lkdGg6ICR7QlJFQUtQT0lOVFticF19cHgpYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztNQUVhLFFBQVEsR0FBRyxDQUFDLEVBQWMsS0FBYSxzQkFBc0IsVUFBVSxDQUFDLEVBQUUsQ0FBQzs7OzsifQ==
package/dist/responsive/style/mixins.less ADDED
@@ -0,0 +1,12 @@
1
+ @import '../../generated/breakpoints.less';
2
+
3
+ .responsive(@rules) {
4
+ @rules();
5
+ each(@breakpoints, .(@v, @k, @i) {
6
+ @media (min-width: @v) {
7
+ &__@{k} {
8
+ @rules();
9
+ }
10
+ }
11
+ });
12
+ }
package/dist/responsive/style/mixins.less.js ADDED
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
8
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
package/dist/theme/style/declarations.mixins.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/dist/typography/style/mixins.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 = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Apr 13 2022 16:25:09 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-core",
3
- "version": "0.22.1",
3
+ "version": "0.23.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.22.1",
23
- "@preply/ds-core-types": "0.22.1"
22
+ "@preply/ds-core": "0.23.0",
23
+ "@preply/ds-core-types": "0.23.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@preply/ds-core": "0.22.1",
27
- "@preply/ds-core-types": "0.22.1",
26
+ "@preply/ds-core": "0.23.0",
27
+ "@preply/ds-core-types": "0.23.0",
28
28
  "react": "^16.8.3",
29
29
  "react-dom": "^16.8.3"
30
30
  },
31
- "gitHead": "f6cdd2ef969af74cc04ff15fbcb95f5831a589c7"
31
+ "gitHead": "ffbdaab6c8ee1b846e8f2b166547457543ee5224"
32
32
  }