@preply/ds-web-core 0.22.1 → 0.25.0

package/dist/array/flatten.d.ts

@@ -1 +1 @@
-export function flatten(arr: any): any;
+export declare const flatten: <T>(arr: (T | T[])[]) => T[];

package/dist/array/flatten.js

@@ -1,6 +1,6 @@
-const flatten = arr => {
-    return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
+const flatten = (arr) => {
+    return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
 };
 
 export { flatten };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdHRlbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FycmF5L2ZsYXR0ZW4uanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGZsYXR0ZW4gPSBhcnIgPT4ge1xuICAgIHJldHVybiBhcnIucmVkdWNlKChhY2MsIHZhbCkgPT4gYWNjLmNvbmNhdChBcnJheS5pc0FycmF5KHZhbCkgPyBmbGF0dGVuKHZhbCkgOiB2YWwpLCBbXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFZLE1BQUMsT0FBTyxHQUFHLEdBQUcsSUFBSTtBQUM5QixJQUFJLE9BQU8sR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLEtBQUssR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztBQUM3Rjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdHRlbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2FycmF5L2ZsYXR0ZW4udHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGZsYXR0ZW4gPSA8VD4oYXJyOiBBcnJheTxUIHwgVFtdPik6IFRbXSA9PiB7XG4gICAgcmV0dXJuIGFyci5yZWR1Y2UoXG4gICAgICAgIChhY2M6IFRbXSwgdmFsOiBUIHwgVFtdKSA9PiBhY2MuY29uY2F0KEFycmF5LmlzQXJyYXkodmFsKSA/IGZsYXR0ZW4odmFsKSA6IHZhbCksXG4gICAgICAgIFtdIGFzIFRbXSxcbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFBYSxPQUFPLEdBQUcsQ0FBSSxHQUFtQjtJQUMxQyxPQUFPLEdBQUcsQ0FBQyxNQUFNLENBQ2IsQ0FBQyxHQUFRLEVBQUUsR0FBWSxLQUFLLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLEVBQy9FLEVBQVMsQ0FDWixDQUFDO0FBQ047Ozs7In0=

package/dist/color-scheme/classes/ColorScheme.js

@@ -1,4 +1,4 @@
-import { safeClassName } from '../../css-module/index.js';
+import { safeClassName } from '../../css-module/classes-deprecated.js';
 
 class ColorScheme {
     constructor(styles, name, extend) {

package/dist/color-scheme/styles/index.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".ds-scheme--base {\n  --scheme-name: 'base';\n}\n.ds-scheme--highlight {\n  --scheme-name: 'highlight';\n}\n.ds-scheme--banner {\n  --scheme-name: 'banner';\n}\n.ds-scheme--invert {\n  --scheme-name: 'invert';\n}\n";
+var css_248z = ".ds-scheme--base{--scheme-name:\"base\"}.ds-scheme--highlight{--scheme-name:\"highlight\"}.ds-scheme--banner{--scheme-name:\"banner\"}.ds-scheme--invert{--scheme-name:\"invert\"}";
 var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/color-scheme/styles/index.module.less",__css:css_248z,};
 var stylesheet=css_248z;
 styleInject(css_248z);

package/dist/color-scheme/styles/mixins.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-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";
-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";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

package/dist/css-module/classNames.d.ts

@@ -0,0 +1,7 @@
+import { CSSModule } from './types';
+export declare const globalClassNames: (globals?: (string | undefined)[]) => string[];
+export declare const moduleClassName: (cssModule: CSSModule, name: string) => string;
+export declare const moduleLocals: (cssModule: CSSModule, namespace: string, locals?: (string | (string | undefined)[] | undefined)[]) => string[];
+export declare const moduleClassNames: (cssModule: CSSModule, namespace: string, locals?: (string | (string | undefined)[] | undefined)[]) => string[];
+export declare const stringClassNames: (prefix: string, value: string | import("@preply/ds-core").ResponsiveProp<string> | undefined) => (string | undefined)[];
+export declare const booleanClassNames: (ifTrue: string | undefined, ifFalse: string | undefined, value: boolean | import("@preply/ds-core").ResponsiveProp<boolean> | undefined) => (string | undefined)[];

package/dist/css-module/classNames.js

@@ -0,0 +1,56 @@
+import { flatten } from '../array/flatten.js';
+
+const filterEmptyClassNames = (className) => className !== undefined;
+const globalClassNames = (globals = []) => globals.filter(filterEmptyClassNames);
+const moduleClassName = (cssModule, name) => {
+    if (!cssModule[name]) {
+        throw new Error(`Unknow classname ${name}`);
+    }
+    return cssModule[name];
+};
+const moduleLocals = (cssModule, namespace, locals = []) => flatten(locals)
+    .filter(filterEmptyClassNames)
+    .map(classname => `${namespace}${classname}`)
+    .map(classname => moduleClassName(cssModule, classname));
+const moduleClassNames = (cssModule, namespace, locals = []) => [
+    moduleClassName(cssModule, namespace),
+    ...moduleLocals(cssModule, namespace, locals),
+];
+const stringClassNames = (prefix, value) => {
+    if (typeof value === 'object') {
+        return Object.entries(value).map(([breakpoint, option]) => {
+            const breakpointPrefix = breakpoint === '_' ? '' : `__${breakpoint}`;
+            const classname = stringClassNames(prefix, option);
+            return `${breakpointPrefix}${classname}`;
+        });
+    }
+    if (typeof value === 'string') {
+        return [`--${prefix}-${value}`];
+    }
+    return [];
+};
+const booleanClassNames = (ifTrue, ifFalse, value) => {
+    if (typeof value === 'object') {
+        if (ifTrue === undefined) {
+            throw new Error('"ifTrue" param is mandatory in responsive props');
+        }
+        if (ifFalse === undefined) {
+            throw new Error('"ifFalse" param is mandatory in responsive props');
+        }
+        return Object.entries(value).map(([breakpoint, option]) => {
+            const breakpointPrefix = breakpoint === '_' ? '' : `__${breakpoint}`;
+            const classname = booleanClassNames(ifTrue, ifFalse, option);
+            return `${breakpointPrefix}${classname}`;
+        });
+    }
+    if (value && ifTrue !== undefined) {
+        return [`--${ifTrue}`];
+    }
+    if (value === false && ifFalse !== undefined) {
+        return [`--${ifFalse}`];
+    }
+    return [];
+};
+
+export { booleanClassNames, globalClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3NOYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Nzcy1tb2R1bGUvY2xhc3NOYW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgZmxhdHRlbiB9IGZyb20gJy4uL2FycmF5L2ZsYXR0ZW4nO1xuXG5pbXBvcnQgeyBDU1NNb2R1bGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgZmlsdGVyRW1wdHlDbGFzc05hbWVzID0gKGNsYXNzTmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkKTogY2xhc3NOYW1lIGlzIHN0cmluZyA9PlxuICAgIGNsYXNzTmFtZSAhPT0gdW5kZWZpbmVkO1xuXG5leHBvcnQgY29uc3QgZ2xvYmFsQ2xhc3NOYW1lcyA9IChnbG9iYWxzOiBBcnJheTxzdHJpbmcgfCB1bmRlZmluZWQ+ID0gW10pOiBzdHJpbmdbXSA9PlxuICAgIGdsb2JhbHMuZmlsdGVyKGZpbHRlckVtcHR5Q2xhc3NOYW1lcykgYXMgc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCBtb2R1bGVDbGFzc05hbWUgPSAoY3NzTW9kdWxlOiBDU1NNb2R1bGUsIG5hbWU6IHN0cmluZyk6IHN0cmluZyA9PiB7XG4gICAgaWYgKCFjc3NNb2R1bGVbbmFtZV0pIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3cgY2xhc3NuYW1lICR7bmFtZX1gKTtcbiAgICB9XG4gICAgcmV0dXJuIGNzc01vZHVsZVtuYW1lXTtcbn07XG5cbmV4cG9ydCBjb25zdCBtb2R1bGVMb2NhbHMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBBcnJheTwoc3RyaW5nIHwgdW5kZWZpbmVkKVtdIHwgc3RyaW5nIHwgdW5kZWZpbmVkPiA9IFtdLFxuKTogc3RyaW5nW10gPT5cbiAgICBmbGF0dGVuKGxvY2FscylcbiAgICAgICAgLmZpbHRlcihmaWx0ZXJFbXB0eUNsYXNzTmFtZXMpXG4gICAgICAgIC5tYXAoY2xhc3NuYW1lID0+IGAke25hbWVzcGFjZX0ke2NsYXNzbmFtZX1gKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBtb2R1bGVDbGFzc05hbWUoY3NzTW9kdWxlLCBjbGFzc25hbWUpKTtcblxuZXhwb3J0IGNvbnN0IG1vZHVsZUNsYXNzTmFtZXMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBBcnJheTwoc3RyaW5nIHwgdW5kZWZpbmVkKVtdIHwgc3RyaW5nIHwgdW5kZWZpbmVkPiA9IFtdLFxuKTogc3RyaW5nW10gPT4gW1xuICAgIG1vZHVsZUNsYXNzTmFtZShjc3NNb2R1bGUsIG5hbWVzcGFjZSksXG4gICAgLi4ubW9kdWxlTG9jYWxzKGNzc01vZHVsZSwgbmFtZXNwYWNlLCBsb2NhbHMpLFxuXTtcblxuZXhwb3J0IGNvbnN0IHN0cmluZ0NsYXNzTmFtZXMgPSAoXG4gICAgcHJlZml4OiBzdHJpbmcsXG4gICAgdmFsdWU6IFJlc3BvbnNpdmU8c3RyaW5nPiB8IHVuZGVmaW5lZCxcbik6IEFycmF5PHN0cmluZyB8IHVuZGVmaW5lZD4gPT4ge1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnKSB7XG4gICAgICAgIHJldHVybiBPYmplY3QuZW50cmllcyh2YWx1ZSkubWFwKChbYnJlYWtwb2ludCwgb3B0aW9uXSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYnJlYWtwb2ludFByZWZpeCA9IGJyZWFrcG9pbnQgPT09ICdfJyA/ICcnIDogYF9fJHticmVha3BvaW50fWA7XG4gICAgICAgICAgICBjb25zdCBjbGFzc25hbWUgPSBzdHJpbmdDbGFzc05hbWVzKHByZWZpeCwgb3B0aW9uKTtcbiAgICAgICAgICAgIHJldHVybiBgJHticmVha3BvaW50UHJlZml4fSR7Y2xhc3NuYW1lfWA7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgIHJldHVybiBbYC0tJHtwcmVmaXh9LSR7dmFsdWV9YF07XG4gICAgfVxuICAgIHJldHVybiBbXTtcbn07XG5cbmV4cG9ydCBjb25zdCBib29sZWFuQ2xhc3NOYW1lcyA9IChcbiAgICBpZlRydWU6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgICBpZkZhbHNlOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgdmFsdWU6IFJlc3BvbnNpdmU8Ym9vbGVhbj4gfCB1bmRlZmluZWQsXG4pOiBBcnJheTxzdHJpbmcgfCB1bmRlZmluZWQ+ID0+IHtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnb2JqZWN0Jykge1xuICAgICAgICBpZiAoaWZUcnVlID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignXCJpZlRydWVcIiBwYXJhbSBpcyBtYW5kYXRvcnkgaW4gcmVzcG9uc2l2ZSBwcm9wcycpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChpZkZhbHNlID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignXCJpZkZhbHNlXCIgcGFyYW0gaXMgbWFuZGF0b3J5IGluIHJlc3BvbnNpdmUgcHJvcHMnKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gT2JqZWN0LmVudHJpZXModmFsdWUpLm1hcCgoW2JyZWFrcG9pbnQsIG9wdGlvbl0pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGJyZWFrcG9pbnRQcmVmaXggPSBicmVha3BvaW50ID09PSAnXycgPyAnJyA6IGBfXyR7YnJlYWtwb2ludH1gO1xuICAgICAgICAgICAgY29uc3QgY2xhc3NuYW1lID0gYm9vbGVhbkNsYXNzTmFtZXMoaWZUcnVlLCBpZkZhbHNlLCBvcHRpb24pO1xuICAgICAgICAgICAgcmV0dXJuIGAke2JyZWFrcG9pbnRQcmVmaXh9JHtjbGFzc25hbWV9YDtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIGlmICh2YWx1ZSAmJiBpZlRydWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm4gW2AtLSR7aWZUcnVlfWBdO1xuICAgIH1cbiAgICBpZiAodmFsdWUgPT09IGZhbHNlICYmIGlmRmFsc2UgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm4gW2AtLSR7aWZGYWxzZX1gXTtcbiAgICB9XG4gICAgcmV0dXJuIFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQU1BLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxTQUE2QixLQUN4RCxTQUFTLEtBQUssU0FBUyxDQUFDO01BRWYsZ0JBQWdCLEdBQUcsQ0FBQyxVQUFxQyxFQUFFLEtBQ3BFLE9BQU8sQ0FBQyxNQUFNLENBQUMscUJBQXFCLEVBQWM7TUFFekMsZUFBZSxHQUFHLENBQUMsU0FBb0IsRUFBRSxJQUFZO0lBQzlELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDbEIsTUFBTSxJQUFJLEtBQUssQ0FBQyxvQkFBb0IsSUFBSSxFQUFFLENBQUMsQ0FBQztLQUMvQztJQUNELE9BQU8sU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzNCLEVBQUU7TUFFVyxZQUFZLEdBQUcsQ0FDeEIsU0FBb0IsRUFDcEIsU0FBaUIsRUFDakIsU0FBNkQsRUFBRSxLQUUvRCxPQUFPLENBQUMsTUFBTSxDQUFDO0tBQ1YsTUFBTSxDQUFDLHFCQUFxQixDQUFDO0tBQzdCLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxTQUFTLEdBQUcsU0FBUyxFQUFFLENBQUM7S0FDNUMsR0FBRyxDQUFDLFNBQVMsSUFBSSxlQUFlLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxFQUFFO01BRXBELGdCQUFnQixHQUFHLENBQzVCLFNBQW9CLEVBQ3BCLFNBQWlCLEVBQ2pCLFNBQTZELEVBQUUsS0FDcEQ7SUFDWCxlQUFlLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQztJQUNyQyxHQUFHLFlBQVksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQztFQUMvQztNQUVXLGdCQUFnQixHQUFHLENBQzVCLE1BQWMsRUFDZCxLQUFxQztJQUVyQyxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUMzQixPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDO1lBQ2xELE1BQU0sZ0JBQWdCLEdBQUcsVUFBVSxLQUFLLEdBQUcsR0FBRyxFQUFFLEdBQUcsS0FBSyxVQUFVLEVBQUUsQ0FBQztZQUNyRSxNQUFNLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDbkQsT0FBTyxHQUFHLGdCQUFnQixHQUFHLFNBQVMsRUFBRSxDQUFDO1NBQzVDLENBQUMsQ0FBQztLQUNOO0lBRUQsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7UUFDM0IsT0FBTyxDQUFDLEtBQUssTUFBTSxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUM7S0FDbkM7SUFDRCxPQUFPLEVBQUUsQ0FBQztBQUNkLEVBQUU7TUFFVyxpQkFBaUIsR0FBRyxDQUM3QixNQUEwQixFQUMxQixPQUEyQixFQUMzQixLQUFzQztJQUV0QyxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUMzQixJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUU7WUFDdEIsTUFBTSxJQUFJLEtBQUssQ0FBQyxpREFBaUQsQ0FBQyxDQUFDO1NBQ3RFO1FBQ0QsSUFBSSxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQ3ZCLE1BQU0sSUFBSSxLQUFLLENBQUMsa0RBQWtELENBQUMsQ0FBQztTQUN2RTtRQUNELE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUM7WUFDbEQsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVLEtBQUssR0FBRyxHQUFHLEVBQUUsR0FBRyxLQUFLLFVBQVUsRUFBRSxDQUFDO1lBQ3JFLE1BQU0sU0FBUyxHQUFHLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDN0QsT0FBTyxHQUFHLGdCQUFnQixHQUFHLFNBQVMsRUFBRSxDQUFDO1NBQzVDLENBQUMsQ0FBQztLQUNOO0lBQ0QsSUFBSSxLQUFLLElBQUksTUFBTSxLQUFLLFNBQVMsRUFBRTtRQUMvQixPQUFPLENBQUMsS0FBSyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0tBQzFCO0lBQ0QsSUFBSSxLQUFLLEtBQUssS0FBSyxJQUFJLE9BQU8sS0FBSyxTQUFTLEVBQUU7UUFDMUMsT0FBTyxDQUFDLEtBQUssT0FBTyxFQUFFLENBQUMsQ0FBQztLQUMzQjtJQUNELE9BQU8sRUFBRSxDQUFDO0FBQ2Q7Ozs7In0=

package/dist/css-module/classes-deprecated.d.ts

@@ -0,0 +1,11 @@
+import type { CSSModule } from './types';
+export type { CSSModule } from './types';
+declare type Concatenated = Array<string | undefined>;
+declare type Conditional = {
+    if: boolean | undefined;
+    then: string | Concatenated | undefined;
+};
+declare type ClassName = Concatenated | Conditional | string | undefined;
+export declare const safeClassName: (cssModule: CSSModule, name: string) => string;
+export declare const localClasses: (cssModule: CSSModule, namespace: string, locals?: ClassName[]) => string[];
+export declare const globalClasses: (globals?: ClassName[]) => string[];

package/dist/css-module/classes-deprecated.js

@@ -0,0 +1,26 @@
+const fromArray = (classname) => !classname.includes(undefined) ? classname.join('-') : undefined;
+const fromObject = (classname, recurse) => classname.if ? recurse(classname.then) : undefined;
+const conditionalClass = (classname) => {
+    if (Array.isArray(classname)) {
+        return fromArray(classname);
+    }
+    if (typeof classname === 'object') {
+        return fromObject(classname, conditionalClass);
+    }
+    return classname;
+};
+const safeClassName = (cssModule, name) => {
+    if (!cssModule[name]) {
+        throw new Error(`Unknow classname ${name}`);
+    }
+    return cssModule[name];
+};
+const localClasses = (cssModule, namespace, locals = []) => locals
+    .map(part => conditionalClass(part))
+    .filter(classname => classname)
+    .map(classname => `${namespace}--${classname}`)
+    .map(classname => safeClassName(cssModule, classname));
+const globalClasses = (globals = []) => globals.map(part => conditionalClass(part)).filter(classname => classname);
+
+export { globalClasses, localClasses, safeClassName };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy1kZXByZWNhdGVkLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY3NzLW1vZHVsZS9jbGFzc2VzLWRlcHJlY2F0ZWQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBDb25jYXRlbmF0ZWQgPSBBcnJheTxzdHJpbmcgfCB1bmRlZmluZWQ+O1xudHlwZSBDb25kaXRpb25hbCA9IHtcbiAgICBpZjogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgICB0aGVuOiBzdHJpbmcgfCBDb25jYXRlbmF0ZWQgfCB1bmRlZmluZWQ7XG59O1xudHlwZSBDbGFzc05hbWUgPSBDb25jYXRlbmF0ZWQgfCBDb25kaXRpb25hbCB8IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuY29uc3QgZnJvbUFycmF5ID0gKGNsYXNzbmFtZTogQ29uY2F0ZW5hdGVkKTogc3RyaW5nIHwgdW5kZWZpbmVkID0+XG4gICAgIWNsYXNzbmFtZS5pbmNsdWRlcyh1bmRlZmluZWQpID8gY2xhc3NuYW1lLmpvaW4oJy0nKSA6IHVuZGVmaW5lZDtcblxuY29uc3QgZnJvbU9iamVjdCA9IChjbGFzc25hbWU6IENvbmRpdGlvbmFsLCByZWN1cnNlOiB0eXBlb2YgY29uZGl0aW9uYWxDbGFzcyk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PlxuICAgIGNsYXNzbmFtZS5pZiA/IHJlY3Vyc2UoY2xhc3NuYW1lLnRoZW4pIDogdW5kZWZpbmVkO1xuXG5jb25zdCBjb25kaXRpb25hbENsYXNzID0gKGNsYXNzbmFtZTogQ2xhc3NOYW1lKTogc3RyaW5nIHwgdW5kZWZpbmVkID0+IHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShjbGFzc25hbWUpKSB7XG4gICAgICAgIHJldHVybiBmcm9tQXJyYXkoY2xhc3NuYW1lKTtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiBjbGFzc25hbWUgPT09ICdvYmplY3QnKSB7XG4gICAgICAgIHJldHVybiBmcm9tT2JqZWN0KGNsYXNzbmFtZSwgY29uZGl0aW9uYWxDbGFzcyk7XG4gICAgfVxuICAgIHJldHVybiBjbGFzc25hbWU7XG59O1xuXG5leHBvcnQgY29uc3Qgc2FmZUNsYXNzTmFtZSA9IChjc3NNb2R1bGU6IENTU01vZHVsZSwgbmFtZTogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICBpZiAoIWNzc01vZHVsZVtuYW1lXSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVua25vdyBjbGFzc25hbWUgJHtuYW1lfWApO1xuICAgIH1cbiAgICByZXR1cm4gY3NzTW9kdWxlW25hbWVdO1xufTtcblxuZXhwb3J0IGNvbnN0IGxvY2FsQ2xhc3NlcyA9IChcbiAgICBjc3NNb2R1bGU6IENTU01vZHVsZSxcbiAgICBuYW1lc3BhY2U6IHN0cmluZyxcbiAgICBsb2NhbHM6IENsYXNzTmFtZVtdID0gW10sXG4pOiBzdHJpbmdbXSA9PlxuICAgIGxvY2Fsc1xuICAgICAgICAubWFwKHBhcnQgPT4gY29uZGl0aW9uYWxDbGFzcyhwYXJ0KSlcbiAgICAgICAgLmZpbHRlcihjbGFzc25hbWUgPT4gY2xhc3NuYW1lKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBgJHtuYW1lc3BhY2V9LS0ke2NsYXNzbmFtZX1gKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBzYWZlQ2xhc3NOYW1lKGNzc01vZHVsZSwgY2xhc3NuYW1lKSk7XG5cbmV4cG9ydCBjb25zdCBnbG9iYWxDbGFzc2VzID0gKGdsb2JhbHM6IENsYXNzTmFtZVtdID0gW10pOiBzdHJpbmdbXSA9PlxuICAgIGdsb2JhbHMubWFwKHBhcnQgPT4gY29uZGl0aW9uYWxDbGFzcyhwYXJ0KSkuZmlsdGVyKGNsYXNzbmFtZSA9PiBjbGFzc25hbWUpIGFzIHN0cmluZ1tdO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdBLE1BQU0sU0FBUyxHQUFHLENBQUMsU0FBdUIsS0FDdEMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsU0FBUyxDQUFDO0FBRXJFLE1BQU0sVUFBVSxHQUFHLENBQUMsU0FBc0IsRUFBRSxPQUFnQyxLQUN4RSxTQUFTLENBQUMsRUFBRSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsU0FBUyxDQUFDO0FBRXZELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxTQUFvQjtJQUMxQyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUU7UUFDMUIsT0FBTyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUM7S0FDL0I7SUFDRCxJQUFJLE9BQU8sU0FBUyxLQUFLLFFBQVEsRUFBRTtRQUMvQixPQUFPLFVBQVUsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztLQUNsRDtJQUNELE9BQU8sU0FBUyxDQUFDO0FBQ3JCLENBQUMsQ0FBQztNQUVXLGFBQWEsR0FBRyxDQUFDLFNBQW9CLEVBQUUsSUFBWTtJQUM1RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQ2xCLE1BQU0sSUFBSSxLQUFLLENBQUMsb0JBQW9CLElBQUksRUFBRSxDQUFDLENBQUM7S0FDL0M7SUFDRCxPQUFPLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUMzQixFQUFFO01BRVcsWUFBWSxHQUFHLENBQ3hCLFNBQW9CLEVBQ3BCLFNBQWlCLEVBQ2pCLFNBQXNCLEVBQUUsS0FFeEIsTUFBTTtLQUNELEdBQUcsQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDbkMsTUFBTSxDQUFDLFNBQVMsSUFBSSxTQUFTLENBQUM7S0FDOUIsR0FBRyxDQUFDLFNBQVMsSUFBSSxHQUFHLFNBQVMsS0FBSyxTQUFTLEVBQUUsQ0FBQztLQUM5QyxHQUFHLENBQUMsU0FBUyxJQUFJLGFBQWEsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLEVBQUU7TUFFbEQsYUFBYSxHQUFHLENBQUMsVUFBdUIsRUFBRSxLQUNuRCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUzs7OzsifQ==

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

@@ -1,11 +1,2 @@
-import type { CSSModule } from './types';
-export type { CSSModule } from './types';
-declare type Concatenated = Array<string | undefined>;
-declare type Conditional = {
-    if: boolean | undefined;
-    then: string | Concatenated | undefined;
-};
-declare type ClassName = Concatenated | Conditional | string | undefined;
-export declare const safeClassName: (cssModule: CSSModule, name: string) => string;
-export declare const localClasses: (cssModule: CSSModule, namespace: string, locals?: ClassName[]) => string[];
-export declare const globalClasses: (globals?: ClassName[]) => string[];
+export * from './classes-deprecated';
+export * from './classNames';

package/dist/css-module/index.js

@@ -1,26 +1,3 @@
-const fromArray = (classname) => !classname.includes(undefined) ? classname.join('-') : undefined;
-const fromObject = (classname, recurse) => classname.if ? recurse(classname.then) : undefined;
-const conditionalClass = (classname) => {
-    if (Array.isArray(classname)) {
-        return fromArray(classname);
-    }
-    if (typeof classname === 'object') {
-        return fromObject(classname, conditionalClass);
-    }
-    return classname;
-};
-const safeClassName = (cssModule, name) => {
-    if (!cssModule[name]) {
-        throw new Error(`Unknow classname ${name}`);
-    }
-    return cssModule[name];
-};
-const localClasses = (cssModule, namespace, locals = []) => locals
-    .map(part => conditionalClass(part))
-    .filter(classname => classname)
-    .map(classname => `${namespace}--${classname}`)
-    .map(classname => safeClassName(cssModule, classname));
-const globalClasses = (globals = []) => globals.map(part => conditionalClass(part)).filter(classname => classname);
-
-export { globalClasses, localClasses, safeClassName };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MtbW9kdWxlL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbnR5cGUgQ29uY2F0ZW5hdGVkID0gQXJyYXk8c3RyaW5nIHwgdW5kZWZpbmVkPjtcbnR5cGUgQ29uZGl0aW9uYWwgPSB7XG4gICAgaWY6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgdGhlbjogc3RyaW5nIHwgQ29uY2F0ZW5hdGVkIHwgdW5kZWZpbmVkO1xufTtcbnR5cGUgQ2xhc3NOYW1lID0gQ29uY2F0ZW5hdGVkIHwgQ29uZGl0aW9uYWwgfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21BcnJheSA9IChjbGFzc25hbWU6IENvbmNhdGVuYXRlZCk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PlxuICAgICFjbGFzc25hbWUuaW5jbHVkZXModW5kZWZpbmVkKSA/IGNsYXNzbmFtZS5qb2luKCctJykgOiB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21PYmplY3QgPSAoY2xhc3NuYW1lOiBDb25kaXRpb25hbCwgcmVjdXJzZTogdHlwZW9mIGNvbmRpdGlvbmFsQ2xhc3MpOiBzdHJpbmcgfCB1bmRlZmluZWQgPT5cbiAgICBjbGFzc25hbWUuaWYgPyByZWN1cnNlKGNsYXNzbmFtZS50aGVuKSA6IHVuZGVmaW5lZDtcblxuY29uc3QgY29uZGl0aW9uYWxDbGFzcyA9IChjbGFzc25hbWU6IENsYXNzTmFtZSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2xhc3NuYW1lKSkge1xuICAgICAgICByZXR1cm4gZnJvbUFycmF5KGNsYXNzbmFtZSk7XG4gICAgfVxuICAgIGlmICh0eXBlb2YgY2xhc3NuYW1lID09PSAnb2JqZWN0Jykge1xuICAgICAgICByZXR1cm4gZnJvbU9iamVjdChjbGFzc25hbWUsIGNvbmRpdGlvbmFsQ2xhc3MpO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NuYW1lO1xufTtcblxuZXhwb3J0IGNvbnN0IHNhZmVDbGFzc05hbWUgPSAoY3NzTW9kdWxlOiBDU1NNb2R1bGUsIG5hbWU6IHN0cmluZyk6IHN0cmluZyA9PiB7XG4gICAgaWYgKCFjc3NNb2R1bGVbbmFtZV0pIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3cgY2xhc3NuYW1lICR7bmFtZX1gKTtcbiAgICB9XG4gICAgcmV0dXJuIGNzc01vZHVsZVtuYW1lXTtcbn07XG5cbmV4cG9ydCBjb25zdCBsb2NhbENsYXNzZXMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBDbGFzc05hbWVbXSA9IFtdLFxuKTogc3RyaW5nW10gPT5cbiAgICBsb2NhbHNcbiAgICAgICAgLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpXG4gICAgICAgIC5maWx0ZXIoY2xhc3NuYW1lID0+IGNsYXNzbmFtZSlcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gYCR7bmFtZXNwYWNlfS0tJHtjbGFzc25hbWV9YClcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gc2FmZUNsYXNzTmFtZShjc3NNb2R1bGUsIGNsYXNzbmFtZSkpO1xuXG5leHBvcnQgY29uc3QgZ2xvYmFsQ2xhc3NlcyA9IChnbG9iYWxzOiBDbGFzc05hbWVbXSA9IFtdKTogc3RyaW5nW10gPT5cbiAgICBnbG9iYWxzLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpLmZpbHRlcihjbGFzc25hbWUgPT4gY2xhc3NuYW1lKSBhcyBzdHJpbmdbXTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXQSxNQUFNLFNBQVMsR0FBRyxDQUFDLFNBQXVCLEtBQ3RDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUVyRSxNQUFNLFVBQVUsR0FBRyxDQUFDLFNBQXNCLEVBQUUsT0FBZ0MsS0FDeEUsU0FBUyxDQUFDLEVBQUUsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUV2RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsU0FBb0I7SUFDMUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1FBQzFCLE9BQU8sU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQy9CO0lBQ0QsSUFBSSxPQUFPLFNBQVMsS0FBSyxRQUFRLEVBQUU7UUFDL0IsT0FBTyxVQUFVLENBQUMsU0FBUyxFQUFFLGdCQUFnQixDQUFDLENBQUM7S0FDbEQ7SUFDRCxPQUFPLFNBQVMsQ0FBQztBQUNyQixDQUFDLENBQUM7TUFFVyxhQUFhLEdBQUcsQ0FBQyxTQUFvQixFQUFFLElBQVk7SUFDNUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNsQixNQUFNLElBQUksS0FBSyxDQUFDLG9CQUFvQixJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBQy9DO0lBQ0QsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDM0IsRUFBRTtNQUVXLFlBQVksR0FBRyxDQUN4QixTQUFvQixFQUNwQixTQUFpQixFQUNqQixTQUFzQixFQUFFLEtBRXhCLE1BQU07S0FDRCxHQUFHLENBQUMsSUFBSSxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO0tBQ25DLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUyxDQUFDO0tBQzlCLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxTQUFTLEtBQUssU0FBUyxFQUFFLENBQUM7S0FDOUMsR0FBRyxDQUFDLFNBQVMsSUFBSSxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxFQUFFO01BRWxELGFBQWEsR0FBRyxDQUFDLFVBQXVCLEVBQUUsS0FDbkQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLFNBQVM7Ozs7In0=
+export { globalClasses, localClasses, safeClassName } from './classes-deprecated.js';
+export { booleanClassNames, globalClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './classNames.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/dist/generated/breakpoints.less

@@ -0,0 +1,15 @@
+/* AUTO GENERATED @Fri Apr 22 2022 12:48:36 GMT+0000 (Coordinated Universal Time) */
+
+@breakpoints: {
+    narrow-l: 400px;
+    medium-s: 700px;
+    medium-l: 880px;
+    wide-s: 1200px;
+    wide-l: 1900px;
+};
+
+@narrow-l: (min-width: 400px);
+@medium-s: (min-width: 700px);
+@medium-l: (min-width: 880px);
+@wide-s: (min-width: 1200px);
+@wide-l: (min-width: 1900px);

package/dist/generated/breakpoints.less.js

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

package/dist/generated/options.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Apr 22 2022 12:48:35 GMT+0000 (Coordinated Universal Time) */
 
 @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
 @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
@@ -9,6 +9,7 @@
 @ICON_ACCENT_OPTIONS: normal, muted, brand, positive;
 @ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
 @LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
+@LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
 @LAYOUT_GAP_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
 @LAYOUT_JUSTIFY_CONTENT_OPTIONS: center, start, end, space-between, space-around, space-evenly;
 @LAYOUT_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;

package/dist/generated/options.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
-var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

package/dist/generated/tokens.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Apr 22 2022 12:48:35 GMT+0000 (Coordinated Universal Time) */
 
 @scheme-color: var(--aface);
 @scheme-bgColor: var(--786b9);

package/dist/generated/tokens.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
-var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './instrument';
 export * from './keyboard';
 export * from './layout';
 export * from './location';
+export * from './responsive';
 export * from './ssr';
 export * from './theme';
 export * from './token';

package/dist/index.js

@@ -1,5 +1,4 @@
 export { VERSION } from './version.js';
-export { globalClasses, localClasses, safeClassName } from './css-module/index.js';
 export { getDatasetProps, getExternalUrlProps } from './dom/props/index.js';
 export { mapEdgeKeyToStandard } from './keyboard/index.js';
 export { currentHref, currentProtocol } from './location/index.js';
@@ -9,6 +8,8 @@ export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
 export { ColorSchemeProvider } from './color-scheme/providers/ColorSchemeProvider.js';
 export { useColorScheme } from './color-scheme/hooks/useColorScheme.js';
 export { withColorScheme } from './color-scheme/hocs/withColorScheme.js';
+export { globalClasses, localClasses, safeClassName } from './css-module/classes-deprecated.js';
+export { booleanClassNames, globalClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './css-module/classNames.js';
 export { useInstrument } from './instrument/hooks/useInstrument.js';
 export { InstrumentProvider } from './instrument/providers/Instrument.js';
 export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
@@ -16,6 +17,7 @@ export { useLayoutFlexClassNames } from './layout/hooks/useLayoutFlexClassNames.
 export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.js';
 export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
 export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
+export { minWidth } from './responsive/sc/mixins.js';
 export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
 export { StyleExtractContext, StyleExtractProvider } from './ssr/contexts/StyleExtractContext.js';
 export { useClassNameExtract } from './ssr/hooks/useClassNameExtract.js';
@@ -31,4 +33,4 @@ export { withTheme } from './theme/hocs/withTheme.js';
 export { getTokenVar } from './token/util/getTokenVar.js';
 export { useToken } from './token/hooks/useToken.js';
 export { withGetToken } from './token/hocs/withGetToken.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9

package/dist/layout/hooks/useLayoutFlexClassNames.js

@@ -1,27 +1,29 @@
-import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from '@preply/ds-core';
-import { safeClassName, localClasses } from '../../css-module/index.js';
+import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT } from '@preply/ds-core';
 import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
 import styles from '../style/index.module.less.js';
+import { moduleClassNames, stringClassNames, booleanClassNames } from '../../css-module/classNames.js';
 
 const LAYOUT_FLEX = 'LayoutFlex';
 const useLayoutFlexClassNames = (layout, props) => {
     useStyleExtract(styles);
-    const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, justifyContent, alignItems, inline, } = props || {};
+    const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, direction, justifyContent, alignItems, inline, } = props || {};
+    const actualDirection = direction || (!reverse && !column ? LAYOUT_FLEX_DIRECTION_DEFAULT : undefined);
+    const columnClassName = column ? 'column' : 'row';
+    const reverseClassName = reverse ? 'rev' : 'fwd';
+    const columnReverseClassName = `--${columnClassName}-${reverseClassName}`;
     return layout === 'flex'
-        ? [
-            safeClassName(styles, LAYOUT_FLEX),
-            ...localClasses(styles, LAYOUT_FLEX, [
-                ['gap', gap],
-                ['padding', padding],
-                [inline ? 'inline' : undefined],
-                [nowrap ? 'nowrap' : undefined],
-                [column ? 'column' : 'row', reverse ? 'rev' : 'fwd'],
-                ['justify-content', justifyContent],
-                ['align-items', alignItems],
-            ]),
-        ]
+        ? moduleClassNames(styles, LAYOUT_FLEX, [
+            stringClassNames('gap', gap),
+            stringClassNames('padding', padding),
+            booleanClassNames('inline', undefined, inline),
+            booleanClassNames('nowrap', undefined, nowrap),
+            columnReverseClassName,
+            stringClassNames('direction', actualDirection),
+            stringClassNames('justify-content', justifyContent),
+            stringClassNames('align-items', alignItems),
+        ])
         : [];
 };
 
 export { useLayoutFlexClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0RmxleFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEZsZXhDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULFxuICAgICAgICBwYWRkaW5nID0gTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbiAgICAgICAgbm93cmFwLFxuICAgICAgICBjb2x1bW4sXG4gICAgICAgIHJldmVyc2UsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBpbmxpbmUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuICAgIHJldHVybiBsYXlvdXQgPT09ICdmbGV4J1xuICAgICAgICA/IFtcbiAgICAgICAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIExBWU9VVF9GTEVYKSxcbiAgICAgICAgICAgICAgLi4ubG9jYWxDbGFzc2VzKHN0eWxlcywgTEFZT1VUX0ZMRVgsIFtcbiAgICAgICAgICAgICAgICAgIFsnZ2FwJywgZ2FwXSxcbiAgICAgICAgICAgICAgICAgIFsncGFkZGluZycsIHBhZGRpbmddLFxuICAgICAgICAgICAgICAgICAgW2lubGluZSA/ICdpbmxpbmUnIDogdW5kZWZpbmVkXSxcbiAgICAgICAgICAgICAgICAgIFtub3dyYXAgPyAnbm93cmFwJyA6IHVuZGVmaW5lZF0sXG4gICAgICAgICAgICAgICAgICBbY29sdW1uID8gJ2NvbHVtbicgOiAncm93JywgcmV2ZXJzZSA/ICdyZXYnIDogJ2Z3ZCddLFxuICAgICAgICAgICAgICAgICAgWydqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudF0sXG4gICAgICAgICAgICAgICAgICBbJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtc10sXG4gICAgICAgICAgICAgIF0pLFxuICAgICAgICAgIF1cbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFPQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxjQUFjLEVBQ2QsVUFBVSxFQUNWLE1BQU0sR0FDVCxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7SUFDaEIsT0FBTyxNQUFNLEtBQUssTUFBTTtVQUNsQjtZQUNJLGFBQWEsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1lBQ2xDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7Z0JBQ2pDLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQztnQkFDWixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7Z0JBQ3BCLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxLQUFLLEVBQUUsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7Z0JBQ3BELENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUNsYXNzTmFtZXMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExBWU9VVF9GTEVYID0gJ0xheW91dEZsZXgnO1xuXG50eXBlIEhvb2sgPSAobGF5b3V0PzogTGF5b3V0VHlwZSwgcHJvcHM/OiBMYXlvdXRGbGV4UHJvcHMpID0+IHN0cmluZ1tdO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0RmxleENsYXNzTmFtZXM6IEhvb2sgPSAobGF5b3V0LCBwcm9wcykgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIHBhZGRpbmcgPSBMQVlPVVRfUEFERElOR19ERUZBVUxULFxuICAgICAgICBub3dyYXAsXG4gICAgICAgIGNvbHVtbixcbiAgICAgICAgcmV2ZXJzZSxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGFjdHVhbERpcmVjdGlvbiA9XG4gICAgICAgIGRpcmVjdGlvbiB8fCAoIXJldmVyc2UgJiYgIWNvbHVtbiA/IExBWU9VVF9GTEVYX0RJUkVDVElPTl9ERUZBVUxUIDogdW5kZWZpbmVkKTtcblxuICAgIGNvbnN0IGNvbHVtbkNsYXNzTmFtZSA9IGNvbHVtbiA/ICdjb2x1bW4nIDogJ3Jvdyc7XG4gICAgY29uc3QgcmV2ZXJzZUNsYXNzTmFtZSA9IHJldmVyc2UgPyAncmV2JyA6ICdmd2QnO1xuICAgIGNvbnN0IGNvbHVtblJldmVyc2VDbGFzc05hbWUgPSBgLS0ke2NvbHVtbkNsYXNzTmFtZX0tJHtyZXZlcnNlQ2xhc3NOYW1lfWA7XG5cbiAgICByZXR1cm4gbGF5b3V0ID09PSAnZmxleCdcbiAgICAgICAgPyBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTEFZT1VUX0ZMRVgsIFtcbiAgICAgICAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnZ2FwJywgZ2FwKSxcbiAgICAgICAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygncGFkZGluZycsIHBhZGRpbmcpLFxuICAgICAgICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaW5saW5lJywgdW5kZWZpbmVkLCBpbmxpbmUpLFxuICAgICAgICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnbm93cmFwJywgdW5kZWZpbmVkLCBub3dyYXApLFxuICAgICAgICAgICAgICBjb2x1bW5SZXZlcnNlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdkaXJlY3Rpb24nLCBhY3R1YWxEaXJlY3Rpb24pLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCksXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyksXG4gICAgICAgICAgXSlcbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFXQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLE1BQU0sZUFBZSxHQUNqQixTQUFTLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLEdBQUcsNkJBQTZCLEdBQUcsU0FBUyxDQUFDLENBQUM7SUFFbkYsTUFBTSxlQUFlLEdBQUcsTUFBTSxHQUFHLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDbEQsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLEdBQUcsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNqRCxNQUFNLHNCQUFzQixHQUFHLEtBQUssZUFBZSxJQUFJLGdCQUFnQixFQUFFLENBQUM7SUFFMUUsT0FBTyxNQUFNLEtBQUssTUFBTTtVQUNsQixnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1lBQ2xDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxHQUFHLENBQUM7WUFDNUIsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztZQUNwQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQztZQUM5QyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQztZQUM5QyxzQkFBc0I7WUFDdEIsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLGVBQWUsQ0FBQztZQUM5QyxnQkFBZ0IsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLENBQUM7WUFDbkQsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQztTQUM5QyxDQUFDO1VBQ0YsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=

package/dist/layout/hooks/useLayoutGridClassNames.js

@@ -1,7 +1,7 @@
 import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from '@preply/ds-core';
-import { safeClassName, localClasses } from '../../css-module/index.js';
 import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
 import styles from '../style/index.module.less.js';
+import { safeClassName, localClasses } from '../../css-module/classes-deprecated.js';
 
 const LAYOUT_GRID = 'LayoutGrid';
 const useLayoutGridClassNames = (layout, props) => {

package/dist/layout/style/common.mixins.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-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";
-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";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

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

@@ -1,7 +1,15 @@
 @import '../../generated/tokens.less';
 @import '../../generated/options.less';
+@import '../../responsive/style/mixins.less';
 @import '../../theme/style/declarations.mixins.less';
 
+@flex-direction-values: {
+    column: column;
+    column-reverse: column-reverse;
+    row: row;
+    row-reverse: row-reverse;
+};
+
 @flex-align-items-values: {
     center: center;
     start: flex-start;
@@ -48,7 +56,7 @@
     }
 }
 
-.flex-direction() {
+.flex-column-reverse() {
     &--row-fwd {
         flex-direction: row;
     }
@@ -63,6 +71,16 @@
     }
 }
 
+.flex-direction() {
+    .responsive({
+        each(@flex-direction-values, .(@v, @k, @i) {
+            &--direction-@{k} {
+                flex-direction: @v;
+            }
+        });
+    });
+}
+
 .flex-align-items() {
     each(@flex-align-items-values, .(@v, @k, @i) {
         &--align-items-@{k} {

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

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-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";
-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";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

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

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-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";
-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";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

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

@@ -8,6 +8,7 @@
     .flex-inline();
     .layout-gap();
     .layout-padding();
+    .flex-column-reverse(); // ORDER MATTERS: this must come before flex-direction
     .flex-direction();
     .flex-justify-content();
     .flex-align-items();

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

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* 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";
-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"};
+var css_248z = "._15uGWh{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._3rnoor{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._1_IXQm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._1eu8AB{grid-gap:var(--74358);gap:var(--74358)}._3NW7L7{grid-gap:var(--6947b);gap:var(--6947b)}.rXTJOf{grid-gap:var(--1ba55);gap:var(--1ba55)}._1epFyH{grid-gap:var(--477fd);gap:var(--477fd)}._3ZkSph{grid-gap:var(--74380);gap:var(--74380)}._1YQCoq{grid-gap:var(--39ce9);gap:var(--39ce9)}._1kgBLJ{grid-gap:var(--28cff);gap:var(--28cff)}.WwTEFN{grid-gap:var(--6acb5);gap:var(--6acb5)}._1s0AvS{padding:var(--74358)}._1KSvD2{padding:var(--6947b)}._2eHbRB{padding:var(--1ba55)}.Mg8ym6{padding:var(--477fd)}._3UmbJn{padding:var(--74380)}.gC6B_2{padding:var(--39ce9)}._2AUsLk{padding:var(--28cff)}._1w8p7U{padding:var(--6acb5)}.X4eHUe{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._3_M_4w,.X4eHUe{-webkit-box-orient:horizontal}._3_M_4w{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._2ByMq1{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2ByMq1,._3_8VIk{-webkit-box-orient:vertical}._3_8VIk{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.TeMu3z{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2JjQiK,.TeMu3z{-webkit-box-orient:vertical}._2JjQiK{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1o4EVj{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1o4EVj,._24jMtt{-webkit-box-orient:horizontal}._24jMtt{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:400px){._1pxZfa{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1pxZfa,.JTZ7SS{-webkit-box-orient:vertical}.JTZ7SS{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._3w7rZ2{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._3j-Cdx,._3w7rZ2{-webkit-box-orient:horizontal}._3j-Cdx{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:700px){._3t8la0{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1Epzvd,._3t8la0{-webkit-box-orient:vertical}._1Epzvd{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._3soS2x{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1nJxAB,._3soS2x{-webkit-box-orient:horizontal}._1nJxAB{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:880px){.J16Ter{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2LogKS,.J16Ter{-webkit-box-orient:vertical}._2LogKS{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._2b6KU2{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2b6KU2,._EYzHF{-webkit-box-orient:horizontal}._EYzHF{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1200px){._1qiHcF{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1afcea,._1qiHcF{-webkit-box-orient:vertical}._1afcea{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._16r3-G{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._16r3-G,.xmIdNL{-webkit-box-orient:horizontal}.xmIdNL{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1900px){._1jgRdJ{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1jgRdJ,.G5rtHO{-webkit-box-orient:vertical}.G5rtHO{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._3N7s_l{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1vpO1T,._3N7s_l{-webkit-box-orient:horizontal}._1vpO1T{-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}.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}._1C0eq8{display:grid;margin:0;padding:0}._3JhbNt{grid-gap:var(--74358);gap:var(--74358)}._1HEcbC{grid-gap:var(--6947b);gap:var(--6947b)}._1N4Zuv{grid-gap:var(--1ba55);gap:var(--1ba55)}._1-XHso{grid-gap:var(--477fd);gap:var(--477fd)}._2IkWNq{grid-gap:var(--74380);gap:var(--74380)}._2hyzTo{grid-gap:var(--39ce9);gap:var(--39ce9)}._2ZTaVv{grid-gap:var(--28cff);gap:var(--28cff)}._3qb755{grid-gap:var(--6acb5);gap:var(--6acb5)}._2810ZQ{padding:var(--74358)}.GCWWp1{padding:var(--6947b)}._26DBh8{padding:var(--1ba55)}._2MOywW{padding:var(--477fd)}._2qYGQe{padding:var(--74380)}._3vJ5sb{padding:var(--39ce9)}._1NStuR{padding:var(--28cff)}._1YQt_H{padding:var(--6acb5)}._25SpXB{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3GDeqz{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._2-jaGe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._3lGct7{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2wHTdX{-ms-flex-pack:distribute;justify-content:space-around}._1BVKaN{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}._1nyAA2{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1Xe-EI{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._3hQvqA{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.KBSz7h{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.KBW4yE{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/style/index.module.less",__css:css_248z,"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-3xs":"_3NW7L7","LayoutFlex--gap-2xs":"rXTJOf","LayoutFlex--gap-xs":"_1epFyH","LayoutFlex--gap-s":"_3ZkSph","LayoutFlex--gap-m":"_1YQCoq","LayoutFlex--gap-l":"_1kgBLJ","LayoutFlex--gap-xl":"WwTEFN","LayoutFlex--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__narrow-l--direction-column":"_1pxZfa","LayoutFlex__narrow-l--direction-column-reverse":"JTZ7SS","LayoutFlex__narrow-l--direction-row":"_3w7rZ2","LayoutFlex__narrow-l--direction-row-reverse":"_3j-Cdx","LayoutFlex__medium-s--direction-column":"_3t8la0","LayoutFlex__medium-s--direction-column-reverse":"_1Epzvd","LayoutFlex__medium-s--direction-row":"_3soS2x","LayoutFlex__medium-s--direction-row-reverse":"_1nJxAB","LayoutFlex__medium-l--direction-column":"J16Ter","LayoutFlex__medium-l--direction-column-reverse":"_2LogKS","LayoutFlex__medium-l--direction-row":"_2b6KU2","LayoutFlex__medium-l--direction-row-reverse":"_EYzHF","LayoutFlex__wide-s--direction-column":"_1qiHcF","LayoutFlex__wide-s--direction-column-reverse":"_1afcea","LayoutFlex__wide-s--direction-row":"_16r3-G","LayoutFlex__wide-s--direction-row-reverse":"xmIdNL","LayoutFlex__wide-l--direction-column":"_1jgRdJ","LayoutFlex__wide-l--direction-column-reverse":"G5rtHO","LayoutFlex__wide-l--direction-row":"_3N7s_l","LayoutFlex__wide-l--direction-row-reverse":"_1vpO1T","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"};
 var stylesheet=css_248z;
 styleInject(css_248z);
 

package/dist/responsive/index.d.ts

@@ -0,0 +1 @@
+export { minWidth } from './sc/mixins';

package/dist/responsive/index.js

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

package/dist/responsive/sc/mixins.d.ts

@@ -0,0 +1,2 @@
+import { Breakpoint } from '@preply/ds-core';
+export declare const minWidth: (bp: Breakpoint) => string;

package/dist/responsive/sc/mixins.js

@@ -0,0 +1,6 @@
+import { BREAKPOINT } from '@preply/ds-core';
+
+const minWidth = (bp) => `@media (min-width: ${BREAKPOINT[bp]}px)`;
+
+export { minWidth };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcmVzcG9uc2l2ZS9zYy9taXhpbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQlJFQUtQT0lOVCwgQnJlYWtwb2ludCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmV4cG9ydCBjb25zdCBtaW5XaWR0aCA9IChicDogQnJlYWtwb2ludCk6IHN0cmluZyA9PiBgQG1lZGlhIChtaW4td2lkdGg6ICR7QlJFQUtQT0lOVFticF19cHgpYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztNQUVhLFFBQVEsR0FBRyxDQUFDLEVBQWMsS0FBYSxzQkFBc0IsVUFBVSxDQUFDLEVBQUUsQ0FBQzs7OzsifQ==

package/dist/responsive/style/mixins.less

@@ -0,0 +1,12 @@
+@import '../../generated/breakpoints.less';
+
+.responsive(@rules) {
+    @rules();
+    each(@breakpoints, .(@v, @k, @i) {
+        @media (min-width: @v) {
+            &__@{k} {
+                @rules();
+            }
+        }
+    });
+}

package/dist/responsive/style/mixins.less.js

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

package/dist/theme/classes/Theme.js

@@ -1,6 +1,6 @@
 import { TOKEN_ID_FIELD, TOKEN_COLOR_SCHEME_AWARE_FIELD } from '@preply/ds-core-types';
 import { flatten } from '../../array/flatten.js';
-import { safeClassName } from '../../css-module/index.js';
+import { safeClassName } from '../../css-module/classes-deprecated.js';
 
 class Theme {
     constructor(styles, name, extend = [], tokens) {

package/dist/theme/style/declarations.mixins.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
-var stylesheet="/* AUTO GENERATED @Tue Apr 12 2022 07:49:31 GMT+0000 (Coordinated Universal Time) */\n";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

package/dist/typography/style/mixins.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
-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";
-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";
+var css_248z = "";
+var stylesheet="";
 styleInject(css_248z);
 
 export { css_248z as default, stylesheet };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-core",
-    "version": "0.22.1",
+    "version": "0.25.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,14 +19,14 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.22.1",
-        "@preply/ds-core-types": "0.22.1"
+        "@preply/ds-core": "0.25.0",
+        "@preply/ds-core-types": "0.25.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.22.1",
-        "@preply/ds-core-types": "0.22.1",
+        "@preply/ds-core": "0.25.0",
+        "@preply/ds-core-types": "0.25.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
-    "gitHead": "f6cdd2ef969af74cc04ff15fbcb95f5831a589c7"
+    "gitHead": "057c4b0b235d206ee7b08aef99e3c32933320ca6"
 }