@preply/ds-web-core 0.29.1 → 0.31.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.
- package/dist/color-scheme/classes/ColorScheme.js +3 -3
- package/dist/css-module/classNames.d.ts +4 -0
- package/dist/css-module/classNames.js +29 -9
- package/dist/css-module/index.d.ts +0 -1
- package/dist/css-module/index.js +2 -3
- package/dist/generated/breakpoints.less +1 -1
- package/dist/generated/options.less +4 -1
- package/dist/generated/tokens.less +165 -1
- package/dist/index.js +2 -3
- package/dist/layout/hooks/useLayoutFlexClassNames.js +4 -4
- package/dist/layout/hooks/useLayoutGridClassNames.js +8 -11
- package/dist/layout/style/common.mixins.less +8 -14
- package/dist/layout/style/flex.mixins.less +35 -8
- package/dist/layout/style/grid.mixins.less +9 -0
- package/dist/layout/style/index.module.less +2 -2
- package/dist/layout/style/index.module.less.js +2 -2
- package/dist/responsive/style/mixins.less +1 -1
- package/dist/theme/classes/Theme.js +3 -3
- package/dist/theme/style/declarations.mixins.less +20 -0
- package/dist/typography/style/mixins.less +32 -5
- package/package.json +6 -6
- package/dist/css-module/classes-deprecated.d.ts +0 -11
- package/dist/css-module/classes-deprecated.js +0 -26
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { moduleClassName } from '../../css-module/classNames.js';
|
|
2
2
|
|
|
3
3
|
class ColorScheme {
|
|
4
4
|
constructor(styles, name, extend) {
|
|
@@ -12,7 +12,7 @@ class ColorScheme {
|
|
|
12
12
|
const classNames = [...extendedClasses, this.name, backgroundClass];
|
|
13
13
|
return classNames
|
|
14
14
|
.filter(className => !!className)
|
|
15
|
-
.map(className =>
|
|
15
|
+
.map(className => moduleClassName(this.styles, `${ColorScheme.PREFIX}scheme--${className}`))
|
|
16
16
|
.join(' ');
|
|
17
17
|
}
|
|
18
18
|
/**
|
|
@@ -31,4 +31,4 @@ ColorScheme.PREFIX = 'ds-';
|
|
|
31
31
|
ColorScheme.BACKGROUND_CLASS_NAME = '--bg';
|
|
32
32
|
|
|
33
33
|
export { ColorScheme };
|
|
34
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvY2xhc3Nlcy9Db2xvclNjaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IG1vZHVsZUNsYXNzTmFtZSB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlL3R5cGVzJztcbmltcG9ydCB0eXBlIHsgQ29sb3JTY2hlbWVJbnRlcmZhY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjbGFzcyBDb2xvclNjaGVtZSBpbXBsZW1lbnRzIENvbG9yU2NoZW1lSW50ZXJmYWNlIHtcbiAgICBzdGF0aWMgUFJFRklYID0gJ2RzLSc7XG4gICAgc3RhdGljIEJBQ0tHUk9VTkRfQ0xBU1NfTkFNRSA9ICctLWJnJztcblxuICAgIHByaXZhdGUgc3R5bGVzOiBDU1NNb2R1bGU7XG4gICAgcHJpdmF0ZSBleHRlbmQ/OiBDb2xvclNjaGVtZU5hbWVbXTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgbmFtZTtcblxuICAgIGNvbnN0cnVjdG9yKHN0eWxlczogQ1NTTW9kdWxlLCBuYW1lOiBDb2xvclNjaGVtZU5hbWUsIGV4dGVuZD86IENvbG9yU2NoZW1lTmFtZVtdKSB7XG4gICAgICAgIHRoaXMuc3R5bGVzID0gc3R5bGVzO1xuICAgICAgICB0aGlzLm5hbWUgPSBuYW1lO1xuICAgICAgICB0aGlzLmV4dGVuZCA9IGV4dGVuZDtcbiAgICB9XG5cbiAgICBnZXRDbGFzc05hbWUob3B0aW9ucz86IHsgd2l0aEJhY2tncm91bmQ/OiBib29sZWFuIH0pOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBleHRlbmRlZENsYXNzZXMgPSB0aGlzLmV4dGVuZCB8fCBbXTtcbiAgICAgICAgY29uc3QgYmFja2dyb3VuZENsYXNzID0gb3B0aW9ucz8ud2l0aEJhY2tncm91bmQgPyBDb2xvclNjaGVtZS5CQUNLR1JPVU5EX0NMQVNTX05BTUUgOiAnJztcbiAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IFsuLi5leHRlbmRlZENsYXNzZXMsIHRoaXMubmFtZSwgYmFja2dyb3VuZENsYXNzXTtcbiAgICAgICAgcmV0dXJuIGNsYXNzTmFtZXNcbiAgICAgICAgICAgIC5maWx0ZXIoY2xhc3NOYW1lID0+ICEhY2xhc3NOYW1lKVxuICAgICAgICAgICAgLm1hcChjbGFzc05hbWUgPT5cbiAgICAgICAgICAgICAgICBtb2R1bGVDbGFzc05hbWUodGhpcy5zdHlsZXMsIGAke0NvbG9yU2NoZW1lLlBSRUZJWH1zY2hlbWUtLSR7Y2xhc3NOYW1lfWApLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBhbGwgY29sb3Igc2NoZW1lcyBzaGFyZSBhIHNpbmdsZSBzdHlsZSBmaWxlIChnbG9iYWwgc2NoZW1lIGNsYXNzIG5hbWVzKVxuICAgICAqIGFjdHVhbCBzY2hlbWUgdG9rZW5zIGFyZSBpbXBsZW1lbnRlZCBpbiBlYWNoIHRoZW1lJ3Mgc3R5bGVzaGVldFxuICAgICAqL1xuICAgIGdldFN0eWxlcygpOiBDU1NNb2R1bGVbXSB7XG4gICAgICAgIHJldHVybiBbdGhpcy5zdHlsZXNdO1xuICAgIH1cblxuICAgIGdldE5hbWVzKCk6IENvbG9yU2NoZW1lTmFtZVtdIHtcbiAgICAgICAgY29uc3QgZXh0ZW5kZWROYW1lcyA9IHRoaXMuZXh0ZW5kIHx8IFtdO1xuICAgICAgICByZXR1cm4gW3RoaXMubmFtZSwgLi4uZXh0ZW5kZWROYW1lc107XG4gICAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BTWEsV0FBVztJQVFwQixZQUFZLE1BQWlCLEVBQUUsSUFBcUIsRUFBRSxNQUEwQjtRQUM1RSxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztLQUN4QjtJQUVELFlBQVksQ0FBQyxPQUFzQztRQUMvQyxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQztRQUMxQyxNQUFNLGVBQWUsR0FBRyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLElBQUcsV0FBVyxDQUFDLHFCQUFxQixHQUFHLEVBQUUsQ0FBQztRQUN6RixNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQUcsZUFBZSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDcEUsT0FBTyxVQUFVO2FBQ1osTUFBTSxDQUFDLFNBQVMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDO2FBQ2hDLEdBQUcsQ0FBQyxTQUFTLElBQ1YsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsTUFBTSxXQUFXLFNBQVMsRUFBRSxDQUFDLENBQzVFO2FBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2xCOzs7OztJQU1ELFNBQVM7UUFDTCxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0tBQ3hCO0lBRUQsUUFBUTtRQUNKLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQ3hDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsYUFBYSxDQUFDLENBQUM7S0FDeEM7O0FBcENNLGtCQUFNLEdBQUcsS0FBSyxDQUFDO0FBQ2YsaUNBQXFCLEdBQUcsTUFBTTs7OzsifQ==
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ShortHand } from '@preply/ds-core';
|
|
1
2
|
import { CSSModule } from './types';
|
|
2
3
|
export declare const globalClassNames: (globals?: (string | undefined)[]) => string[];
|
|
3
4
|
export declare const moduleClassName: (cssModule: CSSModule, name: string) => string;
|
|
@@ -6,6 +7,9 @@ export declare const moduleClassNames: (cssModule: CSSModule, namespace: string,
|
|
|
6
7
|
export declare const stringClassNames: (prefix: string, value: string | ({
|
|
7
8
|
_: string;
|
|
8
9
|
} & Partial<Record<import("@preply/ds-core").Breakpoint, string>>) | undefined) => (string | undefined)[];
|
|
10
|
+
export declare const longhandClassNames: (prefix: string, value: string | [string, string] | [string, string, string] | [string, string, string, string] | ({
|
|
11
|
+
_: ShortHand<string>;
|
|
12
|
+
} & Partial<Record<import("@preply/ds-core").Breakpoint, ShortHand<string>>>) | undefined) => (string | undefined)[];
|
|
9
13
|
export declare const booleanClassNames: (ifTrue: string | undefined, ifFalse: string | undefined, value: boolean | ({
|
|
10
14
|
_: boolean;
|
|
11
15
|
} & Partial<Record<import("@preply/ds-core").Breakpoint, boolean>>) | undefined) => (string | undefined)[];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { normalizeShorthand } from '@preply/ds-core';
|
|
1
2
|
import { flatten } from '../array/flatten.js';
|
|
2
3
|
|
|
3
4
|
const filterEmptyClassNames = (className) => className !== undefined;
|
|
@@ -10,7 +11,7 @@ const moduleClassName = (cssModule, name) => {
|
|
|
10
11
|
};
|
|
11
12
|
const moduleLocals = (cssModule, namespace, locals = []) => flatten(locals)
|
|
12
13
|
.filter(filterEmptyClassNames)
|
|
13
|
-
.map(classname => `${namespace}
|
|
14
|
+
.map(classname => `${namespace}--${classname}`)
|
|
14
15
|
.map(classname => moduleClassName(cssModule, classname));
|
|
15
16
|
const moduleClassNames = (cssModule, namespace, locals = []) => [
|
|
16
17
|
moduleClassName(cssModule, namespace),
|
|
@@ -19,13 +20,32 @@ const moduleClassNames = (cssModule, namespace, locals = []) => [
|
|
|
19
20
|
const stringClassNames = (prefix, value) => {
|
|
20
21
|
if (typeof value === 'object') {
|
|
21
22
|
return Object.entries(value).map(([breakpoint, option]) => {
|
|
22
|
-
const breakpointPrefix = breakpoint === '_' ? '' :
|
|
23
|
+
const breakpointPrefix = breakpoint === '_' ? '' : `${breakpoint}--`;
|
|
23
24
|
const classname = stringClassNames(prefix, option);
|
|
24
25
|
return `${breakpointPrefix}${classname}`;
|
|
25
26
|
});
|
|
26
27
|
}
|
|
27
|
-
if (
|
|
28
|
-
return [
|
|
28
|
+
if (value) {
|
|
29
|
+
return [`${prefix}-${value}`];
|
|
30
|
+
}
|
|
31
|
+
return [];
|
|
32
|
+
};
|
|
33
|
+
const longhandClassNames = (prefix, value) => {
|
|
34
|
+
if (typeof value === 'object' && !Array.isArray(value)) {
|
|
35
|
+
return Object.entries(value).flatMap(([breakpoint, option]) => {
|
|
36
|
+
const breakpointPrefix = breakpoint === '_' ? '' : `${breakpoint}--`;
|
|
37
|
+
const classnames = longhandClassNames(prefix, option);
|
|
38
|
+
return classnames.map(c => `${breakpointPrefix}${c}`);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
if (value) {
|
|
42
|
+
const [top, right, bottom, left] = normalizeShorthand(value);
|
|
43
|
+
return [
|
|
44
|
+
`${prefix}-top-${top}`,
|
|
45
|
+
`${prefix}-right-${right}`,
|
|
46
|
+
`${prefix}-bottom-${bottom}`,
|
|
47
|
+
`${prefix}-left-${left}`,
|
|
48
|
+
];
|
|
29
49
|
}
|
|
30
50
|
return [];
|
|
31
51
|
};
|
|
@@ -38,19 +58,19 @@ const booleanClassNames = (ifTrue, ifFalse, value) => {
|
|
|
38
58
|
throw new Error('"ifFalse" param is mandatory in responsive props');
|
|
39
59
|
}
|
|
40
60
|
return Object.entries(value).map(([breakpoint, option]) => {
|
|
41
|
-
const breakpointPrefix = breakpoint === '_' ? '' :
|
|
61
|
+
const breakpointPrefix = breakpoint === '_' ? '' : `${breakpoint}--`;
|
|
42
62
|
const classname = booleanClassNames(ifTrue, ifFalse, option);
|
|
43
63
|
return `${breakpointPrefix}${classname}`;
|
|
44
64
|
});
|
|
45
65
|
}
|
|
46
66
|
if (value && ifTrue !== undefined) {
|
|
47
|
-
return [
|
|
67
|
+
return [`${ifTrue}`];
|
|
48
68
|
}
|
|
49
69
|
if (value === false && ifFalse !== undefined) {
|
|
50
|
-
return [
|
|
70
|
+
return [`${ifFalse}`];
|
|
51
71
|
}
|
|
52
72
|
return [];
|
|
53
73
|
};
|
|
54
74
|
|
|
55
|
-
export { booleanClassNames, globalClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames };
|
|
56
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
75
|
+
export { booleanClassNames, globalClassNames, longhandClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames };
|
|
76
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3NOYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Nzcy1tb2R1bGUvY2xhc3NOYW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNwb25zaXZlLCBTaG9ydEhhbmQsIG5vcm1hbGl6ZVNob3J0aGFuZCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IGZsYXR0ZW4gfSBmcm9tICcuLi9hcnJheS9mbGF0dGVuJztcblxuaW1wb3J0IHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IGZpbHRlckVtcHR5Q2xhc3NOYW1lcyA9IChjbGFzc05hbWU6IHN0cmluZyB8IHVuZGVmaW5lZCk6IGNsYXNzTmFtZSBpcyBzdHJpbmcgPT5cbiAgICBjbGFzc05hbWUgIT09IHVuZGVmaW5lZDtcblxuZXhwb3J0IGNvbnN0IGdsb2JhbENsYXNzTmFtZXMgPSAoZ2xvYmFsczogQXJyYXk8c3RyaW5nIHwgdW5kZWZpbmVkPiA9IFtdKTogc3RyaW5nW10gPT5cbiAgICBnbG9iYWxzLmZpbHRlcihmaWx0ZXJFbXB0eUNsYXNzTmFtZXMpIGFzIHN0cmluZ1tdO1xuXG5leHBvcnQgY29uc3QgbW9kdWxlQ2xhc3NOYW1lID0gKGNzc01vZHVsZTogQ1NTTW9kdWxlLCBuYW1lOiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICAgIGlmICghY3NzTW9kdWxlW25hbWVdKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcihgVW5rbm93IGNsYXNzbmFtZSAke25hbWV9YCk7XG4gICAgfVxuICAgIHJldHVybiBjc3NNb2R1bGVbbmFtZV07XG59O1xuXG5leHBvcnQgY29uc3QgbW9kdWxlTG9jYWxzID0gKFxuICAgIGNzc01vZHVsZTogQ1NTTW9kdWxlLFxuICAgIG5hbWVzcGFjZTogc3RyaW5nLFxuICAgIGxvY2FsczogQXJyYXk8KHN0cmluZyB8IHVuZGVmaW5lZClbXSB8IHN0cmluZyB8IHVuZGVmaW5lZD4gPSBbXSxcbik6IHN0cmluZ1tdID0+XG4gICAgZmxhdHRlbihsb2NhbHMpXG4gICAgICAgIC5maWx0ZXIoZmlsdGVyRW1wdHlDbGFzc05hbWVzKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBgJHtuYW1lc3BhY2V9LS0ke2NsYXNzbmFtZX1gKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBtb2R1bGVDbGFzc05hbWUoY3NzTW9kdWxlLCBjbGFzc25hbWUpKTtcblxuZXhwb3J0IGNvbnN0IG1vZHVsZUNsYXNzTmFtZXMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBBcnJheTwoc3RyaW5nIHwgdW5kZWZpbmVkKVtdIHwgc3RyaW5nIHwgdW5kZWZpbmVkPiA9IFtdLFxuKTogc3RyaW5nW10gPT4gW1xuICAgIG1vZHVsZUNsYXNzTmFtZShjc3NNb2R1bGUsIG5hbWVzcGFjZSksXG4gICAgLi4ubW9kdWxlTG9jYWxzKGNzc01vZHVsZSwgbmFtZXNwYWNlLCBsb2NhbHMpLFxuXTtcblxuZXhwb3J0IGNvbnN0IHN0cmluZ0NsYXNzTmFtZXMgPSAoXG4gICAgcHJlZml4OiBzdHJpbmcsXG4gICAgdmFsdWU6IFJlc3BvbnNpdmU8c3RyaW5nPiB8IHVuZGVmaW5lZCxcbik6IEFycmF5PHN0cmluZyB8IHVuZGVmaW5lZD4gPT4ge1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnKSB7XG4gICAgICAgIHJldHVybiBPYmplY3QuZW50cmllcyh2YWx1ZSkubWFwKChbYnJlYWtwb2ludCwgb3B0aW9uXSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYnJlYWtwb2ludFByZWZpeCA9IGJyZWFrcG9pbnQgPT09ICdfJyA/ICcnIDogYCR7YnJlYWtwb2ludH0tLWA7XG4gICAgICAgICAgICBjb25zdCBjbGFzc25hbWUgPSBzdHJpbmdDbGFzc05hbWVzKHByZWZpeCwgb3B0aW9uKTtcbiAgICAgICAgICAgIHJldHVybiBgJHticmVha3BvaW50UHJlZml4fSR7Y2xhc3NuYW1lfWA7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGlmICh2YWx1ZSkge1xuICAgICAgICByZXR1cm4gW2Ake3ByZWZpeH0tJHt2YWx1ZX1gXTtcbiAgICB9XG4gICAgcmV0dXJuIFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGxvbmdoYW5kQ2xhc3NOYW1lcyA9IChcbiAgICBwcmVmaXg6IHN0cmluZyxcbiAgICB2YWx1ZTogUmVzcG9uc2l2ZTxTaG9ydEhhbmQ8c3RyaW5nPj4gfCB1bmRlZmluZWQsXG4pOiBBcnJheTxzdHJpbmcgfCB1bmRlZmluZWQ+ID0+IHtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyAmJiAhQXJyYXkuaXNBcnJheSh2YWx1ZSkpIHtcbiAgICAgICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHZhbHVlKS5mbGF0TWFwKChbYnJlYWtwb2ludCwgb3B0aW9uXSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYnJlYWtwb2ludFByZWZpeCA9IGJyZWFrcG9pbnQgPT09ICdfJyA/ICcnIDogYCR7YnJlYWtwb2ludH0tLWA7XG4gICAgICAgICAgICBjb25zdCBjbGFzc25hbWVzID0gbG9uZ2hhbmRDbGFzc05hbWVzKHByZWZpeCwgb3B0aW9uKTtcbiAgICAgICAgICAgIHJldHVybiBjbGFzc25hbWVzLm1hcChjID0+IGAke2JyZWFrcG9pbnRQcmVmaXh9JHtjfWApO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgY29uc3QgW3RvcCwgcmlnaHQsIGJvdHRvbSwgbGVmdF0gPSBub3JtYWxpemVTaG9ydGhhbmQodmFsdWUpO1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgYCR7cHJlZml4fS10b3AtJHt0b3B9YCxcbiAgICAgICAgICAgIGAke3ByZWZpeH0tcmlnaHQtJHtyaWdodH1gLFxuICAgICAgICAgICAgYCR7cHJlZml4fS1ib3R0b20tJHtib3R0b219YCxcbiAgICAgICAgICAgIGAke3ByZWZpeH0tbGVmdC0ke2xlZnR9YCxcbiAgICAgICAgXTtcbiAgICB9XG5cbiAgICByZXR1cm4gW107XG59O1xuXG5leHBvcnQgY29uc3QgYm9vbGVhbkNsYXNzTmFtZXMgPSAoXG4gICAgaWZUcnVlOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgaWZGYWxzZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHZhbHVlOiBSZXNwb25zaXZlPGJvb2xlYW4+IHwgdW5kZWZpbmVkLFxuKTogQXJyYXk8c3RyaW5nIHwgdW5kZWZpbmVkPiA9PiB7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgaWYgKGlmVHJ1ZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1wiaWZUcnVlXCIgcGFyYW0gaXMgbWFuZGF0b3J5IGluIHJlc3BvbnNpdmUgcHJvcHMnKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaWZGYWxzZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1wiaWZGYWxzZVwiIHBhcmFtIGlzIG1hbmRhdG9yeSBpbiByZXNwb25zaXZlIHByb3BzJyk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHZhbHVlKS5tYXAoKFticmVha3BvaW50LCBvcHRpb25dKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBicmVha3BvaW50UHJlZml4ID0gYnJlYWtwb2ludCA9PT0gJ18nID8gJycgOiBgJHticmVha3BvaW50fS0tYDtcbiAgICAgICAgICAgIGNvbnN0IGNsYXNzbmFtZSA9IGJvb2xlYW5DbGFzc05hbWVzKGlmVHJ1ZSwgaWZGYWxzZSwgb3B0aW9uKTtcbiAgICAgICAgICAgIHJldHVybiBgJHticmVha3BvaW50UHJlZml4fSR7Y2xhc3NuYW1lfWA7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICBpZiAodmFsdWUgJiYgaWZUcnVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuIFtgJHtpZlRydWV9YF07XG4gICAgfVxuICAgIGlmICh2YWx1ZSA9PT0gZmFsc2UgJiYgaWZGYWxzZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHJldHVybiBbYCR7aWZGYWxzZX1gXTtcbiAgICB9XG4gICAgcmV0dXJuIFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFNQSxNQUFNLHFCQUFxQixHQUFHLENBQUMsU0FBNkIsS0FDeEQsU0FBUyxLQUFLLFNBQVMsQ0FBQztNQUVmLGdCQUFnQixHQUFHLENBQUMsVUFBcUMsRUFBRSxLQUNwRSxPQUFPLENBQUMsTUFBTSxDQUFDLHFCQUFxQixFQUFjO01BRXpDLGVBQWUsR0FBRyxDQUFDLFNBQW9CLEVBQUUsSUFBWTtJQUM5RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQ2xCLE1BQU0sSUFBSSxLQUFLLENBQUMsb0JBQW9CLElBQUksRUFBRSxDQUFDLENBQUM7S0FDL0M7SUFDRCxPQUFPLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUMzQixFQUFFO01BRVcsWUFBWSxHQUFHLENBQ3hCLFNBQW9CLEVBQ3BCLFNBQWlCLEVBQ2pCLFNBQTZELEVBQUUsS0FFL0QsT0FBTyxDQUFDLE1BQU0sQ0FBQztLQUNWLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQztLQUM3QixHQUFHLENBQUMsU0FBUyxJQUFJLEdBQUcsU0FBUyxLQUFLLFNBQVMsRUFBRSxDQUFDO0tBQzlDLEdBQUcsQ0FBQyxTQUFTLElBQUksZUFBZSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsRUFBRTtNQUVwRCxnQkFBZ0IsR0FBRyxDQUM1QixTQUFvQixFQUNwQixTQUFpQixFQUNqQixTQUE2RCxFQUFFLEtBQ3BEO0lBQ1gsZUFBZSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7SUFDckMsR0FBRyxZQUFZLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7RUFDL0M7TUFFVyxnQkFBZ0IsR0FBRyxDQUM1QixNQUFjLEVBQ2QsS0FBcUM7SUFFckMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7UUFDM0IsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQztZQUNsRCxNQUFNLGdCQUFnQixHQUFHLFVBQVUsS0FBSyxHQUFHLEdBQUcsRUFBRSxHQUFHLEdBQUcsVUFBVSxJQUFJLENBQUM7WUFDckUsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ25ELE9BQU8sR0FBRyxnQkFBZ0IsR0FBRyxTQUFTLEVBQUUsQ0FBQztTQUM1QyxDQUFDLENBQUM7S0FDTjtJQUVELElBQUksS0FBSyxFQUFFO1FBQ1AsT0FBTyxDQUFDLEdBQUcsTUFBTSxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUM7S0FDakM7SUFDRCxPQUFPLEVBQUUsQ0FBQztBQUNkLEVBQUU7TUFFVyxrQkFBa0IsR0FBRyxDQUM5QixNQUFjLEVBQ2QsS0FBZ0Q7SUFFaEQsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ3BELE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUM7WUFDdEQsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVLEtBQUssR0FBRyxHQUFHLEVBQUUsR0FBRyxHQUFHLFVBQVUsSUFBSSxDQUFDO1lBQ3JFLE1BQU0sVUFBVSxHQUFHLGtCQUFrQixDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQztZQUN0RCxPQUFPLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEdBQUcsZ0JBQWdCLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUN6RCxDQUFDLENBQUM7S0FDTjtJQUVELElBQUksS0FBSyxFQUFFO1FBQ1AsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdELE9BQU87WUFDSCxHQUFHLE1BQU0sUUFBUSxHQUFHLEVBQUU7WUFDdEIsR0FBRyxNQUFNLFVBQVUsS0FBSyxFQUFFO1lBQzFCLEdBQUcsTUFBTSxXQUFXLE1BQU0sRUFBRTtZQUM1QixHQUFHLE1BQU0sU0FBUyxJQUFJLEVBQUU7U0FDM0IsQ0FBQztLQUNMO0lBRUQsT0FBTyxFQUFFLENBQUM7QUFDZCxFQUFFO01BRVcsaUJBQWlCLEdBQUcsQ0FDN0IsTUFBMEIsRUFDMUIsT0FBMkIsRUFDM0IsS0FBc0M7SUFFdEMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7UUFDM0IsSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFO1lBQ3RCLE1BQU0sSUFBSSxLQUFLLENBQUMsaURBQWlELENBQUMsQ0FBQztTQUN0RTtRQUNELElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRTtZQUN2QixNQUFNLElBQUksS0FBSyxDQUFDLGtEQUFrRCxDQUFDLENBQUM7U0FDdkU7UUFDRCxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDO1lBQ2xELE1BQU0sZ0JBQWdCLEdBQUcsVUFBVSxLQUFLLEdBQUcsR0FBRyxFQUFFLEdBQUcsR0FBRyxVQUFVLElBQUksQ0FBQztZQUNyRSxNQUFNLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQzdELE9BQU8sR0FBRyxnQkFBZ0IsR0FBRyxTQUFTLEVBQUUsQ0FBQztTQUM1QyxDQUFDLENBQUM7S0FDTjtJQUNELElBQUksS0FBSyxJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUU7UUFDL0IsT0FBTyxDQUFDLEdBQUcsTUFBTSxFQUFFLENBQUMsQ0FBQztLQUN4QjtJQUNELElBQUksS0FBSyxLQUFLLEtBQUssSUFBSSxPQUFPLEtBQUssU0FBUyxFQUFFO1FBQzFDLE9BQU8sQ0FBQyxHQUFHLE9BQU8sRUFBRSxDQUFDLENBQUM7S0FDekI7SUFDRCxPQUFPLEVBQUUsQ0FBQztBQUNkOzs7OyJ9
|
package/dist/css-module/index.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
|
|
1
|
+
export { booleanClassNames, globalClassNames, longhandClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './classNames.js';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Thu Jun 02 2022 16:34:17 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;
|
|
@@ -21,4 +21,7 @@
|
|
|
21
21
|
@TEXT_INLINE_TAG_OPTIONS: span, strong, em;
|
|
22
22
|
@TEXT_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
23
23
|
@TEXT_TAG_OPTIONS: p, div, span;
|
|
24
|
+
@TEXT_VARIANT_OPTIONS: xs, s, s-italic, s-medium, s-medium-italic, s-bold, s-bold-italic, m,
|
|
25
|
+
m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic, l-medium,
|
|
26
|
+
l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
|
|
24
27
|
@THEME_OPTIONS: cluck-ui, base-ui, preply-ui;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Thu Jun 02 2022 16:34:17 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface);
|
|
4
4
|
@scheme-bgColor: var(--786b9);
|
|
@@ -51,6 +51,13 @@
|
|
|
51
51
|
@root-palette-magenta-500: var(--5893e);
|
|
52
52
|
@root-text-base-typeface: var(--7068b);
|
|
53
53
|
@root-text-base-fontFamily: var(--0e309);
|
|
54
|
+
@root-text-height-200: var(--3056a);
|
|
55
|
+
@root-text-height-400: var(--f8a46);
|
|
56
|
+
@root-text-height-600: var(--80463);
|
|
57
|
+
@root-text-height-1000: var(--6b62f);
|
|
58
|
+
@root-text-height-1600: var(--ad20b);
|
|
59
|
+
@root-text-height-2000: var(--3345f);
|
|
60
|
+
@root-text-height-2800: var(--25e5a);
|
|
54
61
|
@root-text-size-70: var(--9fea4);
|
|
55
62
|
@root-text-size-80: var(--cc496);
|
|
56
63
|
@root-text-size-90: var(--38f57);
|
|
@@ -60,8 +67,20 @@
|
|
|
60
67
|
@root-text-size-400: var(--c8989);
|
|
61
68
|
@root-text-size-500: var(--76b8d);
|
|
62
69
|
@root-text-size-600: var(--8be1e);
|
|
70
|
+
@root-text-size-800: var(--dcabc);
|
|
63
71
|
@root-text-size-1000: var(--6f187);
|
|
64
72
|
@root-text-size-1200: var(--f339d);
|
|
73
|
+
@root-text-size-1800: var(--00a28);
|
|
74
|
+
@root-text-size-2400: var(--b4751);
|
|
75
|
+
@root-text-spacing-tight: var(--f3cb5);
|
|
76
|
+
@root-text-spacing-regular: var(--28429);
|
|
77
|
+
@root-text-spacing-loose: var(--488ba);
|
|
78
|
+
@root-text-spacing-lax: var(--bc8cb);
|
|
79
|
+
@root-text-style-normal: var(--7bbf5);
|
|
80
|
+
@root-text-style-italic: var(--dfb50);
|
|
81
|
+
@root-text-weight-400: var(--2a8f5);
|
|
82
|
+
@root-text-weight-500: var(--d1c48);
|
|
83
|
+
@root-text-weight-700: var(--a25b2);
|
|
65
84
|
@root-text-base-fontSize: var(--8d63e);
|
|
66
85
|
@root-text-base-lineHeight: var(--d4313);
|
|
67
86
|
@background-primary: var(--7271a);
|
|
@@ -162,6 +181,46 @@
|
|
|
162
181
|
@heading-level-h3-fontSize: var(--ace69);
|
|
163
182
|
@heading-level-h4-fontSize: var(--3e140);
|
|
164
183
|
@heading-level-h5-fontSize: var(--af282);
|
|
184
|
+
@heading-level-h1-normal-fontSize: var(--d04d4);
|
|
185
|
+
@heading-level-h2-normal-fontSize: var(--2bd50);
|
|
186
|
+
@heading-level-h3-normal-fontSize: var(--28917);
|
|
187
|
+
@heading-level-h4-normal-fontSize: var(--63dde);
|
|
188
|
+
@heading-level-h5-normal-fontSize: var(--4dbf8);
|
|
189
|
+
@heading-level-h1-normal-fontWeight: var(--d41fd);
|
|
190
|
+
@heading-level-h2-normal-fontWeight: var(--a8a52);
|
|
191
|
+
@heading-level-h3-normal-fontWeight: var(--f6b07);
|
|
192
|
+
@heading-level-h4-normal-fontWeight: var(--aea9a);
|
|
193
|
+
@heading-level-h5-normal-fontWeight: var(--51bd6);
|
|
194
|
+
@heading-level-h1-normal-lineHeight: var(--263a0);
|
|
195
|
+
@heading-level-h2-normal-lineHeight: var(--74d17);
|
|
196
|
+
@heading-level-h3-normal-lineHeight: var(--33f70);
|
|
197
|
+
@heading-level-h4-normal-lineHeight: var(--2059e);
|
|
198
|
+
@heading-level-h5-normal-lineHeight: var(--4f103);
|
|
199
|
+
@heading-level-h1-normal-letterSpacing: var(--08c11);
|
|
200
|
+
@heading-level-h2-normal-letterSpacing: var(--ac8be);
|
|
201
|
+
@heading-level-h3-normal-letterSpacing: var(--02dfa);
|
|
202
|
+
@heading-level-h4-normal-letterSpacing: var(--b5659);
|
|
203
|
+
@heading-level-h5-normal-letterSpacing: var(--918f0);
|
|
204
|
+
@heading-level-h1-large-fontSize: var(--da58b);
|
|
205
|
+
@heading-level-h2-large-fontSize: var(--8a757);
|
|
206
|
+
@heading-level-h3-large-fontSize: var(--42200);
|
|
207
|
+
@heading-level-h4-large-fontSize: var(--abc50);
|
|
208
|
+
@heading-level-h5-large-fontSize: var(--3b191);
|
|
209
|
+
@heading-level-h1-large-fontWeight: var(--32576);
|
|
210
|
+
@heading-level-h2-large-fontWeight: var(--000cc);
|
|
211
|
+
@heading-level-h3-large-fontWeight: var(--80998);
|
|
212
|
+
@heading-level-h4-large-fontWeight: var(--0e9c4);
|
|
213
|
+
@heading-level-h5-large-fontWeight: var(--99df3);
|
|
214
|
+
@heading-level-h1-large-lineHeight: var(--a165a);
|
|
215
|
+
@heading-level-h2-large-lineHeight: var(--65785);
|
|
216
|
+
@heading-level-h3-large-lineHeight: var(--8c79b);
|
|
217
|
+
@heading-level-h4-large-lineHeight: var(--95bce);
|
|
218
|
+
@heading-level-h5-large-lineHeight: var(--759bb);
|
|
219
|
+
@heading-level-h1-large-letterSpacing: var(--921c8);
|
|
220
|
+
@heading-level-h2-large-letterSpacing: var(--56bc0);
|
|
221
|
+
@heading-level-h3-large-letterSpacing: var(--2f0fc);
|
|
222
|
+
@heading-level-h4-large-letterSpacing: var(--45a27);
|
|
223
|
+
@heading-level-h5-large-letterSpacing: var(--4400a);
|
|
165
224
|
@panel-base-bgColor: var(--7c8e6);
|
|
166
225
|
@panel-base-borderRadius: var(--ff478);
|
|
167
226
|
@panel-divider-borderColor: var(--66a60);
|
|
@@ -185,6 +244,111 @@
|
|
|
185
244
|
@text-size-m-fontSize: var(--08192);
|
|
186
245
|
@text-size-l-fontSize: var(--da41a);
|
|
187
246
|
@text-size-xl-fontSize: var(--698b6);
|
|
247
|
+
@text-variant-xs-fontSize: var(--4c9f6);
|
|
248
|
+
@text-variant-s-fontSize: var(--a7cfd);
|
|
249
|
+
@text-variant-s-italic-fontSize: var(--79c03);
|
|
250
|
+
@text-variant-s-medium-fontSize: var(--28e99);
|
|
251
|
+
@text-variant-s-medium-italic-fontSize: var(--0e0e6);
|
|
252
|
+
@text-variant-s-bold-fontSize: var(--69b27);
|
|
253
|
+
@text-variant-s-bold-italic-fontSize: var(--0afa8);
|
|
254
|
+
@text-variant-m-fontSize: var(--0c62d);
|
|
255
|
+
@text-variant-m-italic-fontSize: var(--aa6f0);
|
|
256
|
+
@text-variant-m-medium-fontSize: var(--a5b1e);
|
|
257
|
+
@text-variant-m-medium-italic-fontSize: var(--a9ad4);
|
|
258
|
+
@text-variant-m-bold-fontSize: var(--29e81);
|
|
259
|
+
@text-variant-m-bold-italic-fontSize: var(--741af);
|
|
260
|
+
@text-variant-l-fontSize: var(--8d5be);
|
|
261
|
+
@text-variant-l-italic-fontSize: var(--feec7);
|
|
262
|
+
@text-variant-l-medium-fontSize: var(--0bcae);
|
|
263
|
+
@text-variant-l-medium-italic-fontSize: var(--007ce);
|
|
264
|
+
@text-variant-xl-fontSize: var(--c338f);
|
|
265
|
+
@text-variant-xl-italic-fontSize: var(--734b0);
|
|
266
|
+
@text-variant-xl-medium-fontSize: var(--19e13);
|
|
267
|
+
@text-variant-xl-medium-italic-fontSize: var(--88dc1);
|
|
268
|
+
@text-variant-xs-fontWeight: var(--71d69);
|
|
269
|
+
@text-variant-s-fontWeight: var(--dc8b9);
|
|
270
|
+
@text-variant-s-italic-fontWeight: var(--5127d);
|
|
271
|
+
@text-variant-s-medium-fontWeight: var(--ca04c);
|
|
272
|
+
@text-variant-s-medium-italic-fontWeight: var(--f9d4c);
|
|
273
|
+
@text-variant-s-bold-fontWeight: var(--a9bc9);
|
|
274
|
+
@text-variant-s-bold-italic-fontWeight: var(--363b4);
|
|
275
|
+
@text-variant-m-fontWeight: var(--cb99b);
|
|
276
|
+
@text-variant-m-italic-fontWeight: var(--fb483);
|
|
277
|
+
@text-variant-m-medium-fontWeight: var(--749dc);
|
|
278
|
+
@text-variant-m-medium-italic-fontWeight: var(--faf5f);
|
|
279
|
+
@text-variant-m-bold-fontWeight: var(--18f8e);
|
|
280
|
+
@text-variant-m-bold-italic-fontWeight: var(--c521d);
|
|
281
|
+
@text-variant-l-fontWeight: var(--0776b);
|
|
282
|
+
@text-variant-l-italic-fontWeight: var(--6e450);
|
|
283
|
+
@text-variant-l-medium-fontWeight: var(--149f7);
|
|
284
|
+
@text-variant-l-medium-italic-fontWeight: var(--fa919);
|
|
285
|
+
@text-variant-xl-fontWeight: var(--f8f48);
|
|
286
|
+
@text-variant-xl-italic-fontWeight: var(--0baf2);
|
|
287
|
+
@text-variant-xl-medium-fontWeight: var(--6455e);
|
|
288
|
+
@text-variant-xl-medium-italic-fontWeight: var(--cc6f6);
|
|
289
|
+
@text-variant-xs-lineHeight: var(--54357);
|
|
290
|
+
@text-variant-s-lineHeight: var(--c552e);
|
|
291
|
+
@text-variant-s-italic-lineHeight: var(--aeb64);
|
|
292
|
+
@text-variant-s-medium-lineHeight: var(--af784);
|
|
293
|
+
@text-variant-s-medium-italic-lineHeight: var(--88c2d);
|
|
294
|
+
@text-variant-s-bold-lineHeight: var(--42f89);
|
|
295
|
+
@text-variant-s-bold-italic-lineHeight: var(--49446);
|
|
296
|
+
@text-variant-m-lineHeight: var(--829b1);
|
|
297
|
+
@text-variant-m-italic-lineHeight: var(--33548);
|
|
298
|
+
@text-variant-m-medium-lineHeight: var(--76f1e);
|
|
299
|
+
@text-variant-m-medium-italic-lineHeight: var(--3bd2e);
|
|
300
|
+
@text-variant-m-bold-lineHeight: var(--3d432);
|
|
301
|
+
@text-variant-m-bold-italic-lineHeight: var(--c47e7);
|
|
302
|
+
@text-variant-l-lineHeight: var(--1cd7a);
|
|
303
|
+
@text-variant-l-italic-lineHeight: var(--1056e);
|
|
304
|
+
@text-variant-l-medium-lineHeight: var(--02fee);
|
|
305
|
+
@text-variant-l-medium-italic-lineHeight: var(--2c996);
|
|
306
|
+
@text-variant-xl-lineHeight: var(--2503f);
|
|
307
|
+
@text-variant-xl-italic-lineHeight: var(--e8423);
|
|
308
|
+
@text-variant-xl-medium-lineHeight: var(--85e4a);
|
|
309
|
+
@text-variant-xl-medium-italic-lineHeight: var(--904c1);
|
|
310
|
+
@text-variant-xs-letterSpacing: var(--29af8);
|
|
311
|
+
@text-variant-s-letterSpacing: var(--4d1d5);
|
|
312
|
+
@text-variant-s-italic-letterSpacing: var(--a50d8);
|
|
313
|
+
@text-variant-s-medium-letterSpacing: var(--015e8);
|
|
314
|
+
@text-variant-s-medium-italic-letterSpacing: var(--bc7f3);
|
|
315
|
+
@text-variant-s-bold-letterSpacing: var(--c2692);
|
|
316
|
+
@text-variant-s-bold-italic-letterSpacing: var(--10dc5);
|
|
317
|
+
@text-variant-m-letterSpacing: var(--03511);
|
|
318
|
+
@text-variant-m-italic-letterSpacing: var(--8330d);
|
|
319
|
+
@text-variant-m-medium-letterSpacing: var(--2a382);
|
|
320
|
+
@text-variant-m-medium-italic-letterSpacing: var(--fe4b2);
|
|
321
|
+
@text-variant-m-bold-letterSpacing: var(--6e9f2);
|
|
322
|
+
@text-variant-m-bold-italic-letterSpacing: var(--2e489);
|
|
323
|
+
@text-variant-l-letterSpacing: var(--b5b33);
|
|
324
|
+
@text-variant-l-italic-letterSpacing: var(--421c2);
|
|
325
|
+
@text-variant-l-medium-letterSpacing: var(--11ba2);
|
|
326
|
+
@text-variant-l-medium-italic-letterSpacing: var(--9705f);
|
|
327
|
+
@text-variant-xl-letterSpacing: var(--4aff4);
|
|
328
|
+
@text-variant-xl-italic-letterSpacing: var(--c9c19);
|
|
329
|
+
@text-variant-xl-medium-letterSpacing: var(--e7696);
|
|
330
|
+
@text-variant-xl-medium-italic-letterSpacing: var(--cf0e2);
|
|
331
|
+
@text-variant-xs-fontStyle: var(--647b4);
|
|
332
|
+
@text-variant-s-fontStyle: var(--b8dd4);
|
|
333
|
+
@text-variant-s-italic-fontStyle: var(--c89e0);
|
|
334
|
+
@text-variant-s-medium-fontStyle: var(--e1d91);
|
|
335
|
+
@text-variant-s-medium-italic-fontStyle: var(--38a14);
|
|
336
|
+
@text-variant-s-bold-fontStyle: var(--07031);
|
|
337
|
+
@text-variant-s-bold-italic-fontStyle: var(--36d92);
|
|
338
|
+
@text-variant-m-fontStyle: var(--a833d);
|
|
339
|
+
@text-variant-m-italic-fontStyle: var(--b8b43);
|
|
340
|
+
@text-variant-m-medium-fontStyle: var(--b079f);
|
|
341
|
+
@text-variant-m-medium-italic-fontStyle: var(--a19ae);
|
|
342
|
+
@text-variant-m-bold-fontStyle: var(--f02b4);
|
|
343
|
+
@text-variant-m-bold-italic-fontStyle: var(--8c577);
|
|
344
|
+
@text-variant-l-fontStyle: var(--af51c);
|
|
345
|
+
@text-variant-l-italic-fontStyle: var(--2adf6);
|
|
346
|
+
@text-variant-l-medium-fontStyle: var(--03e30);
|
|
347
|
+
@text-variant-l-medium-italic-fontStyle: var(--56d3f);
|
|
348
|
+
@text-variant-xl-fontStyle: var(--a93d9);
|
|
349
|
+
@text-variant-xl-italic-fontStyle: var(--0b0b0);
|
|
350
|
+
@text-variant-xl-medium-fontStyle: var(--0a5e6);
|
|
351
|
+
@text-variant-xl-medium-italic-fontStyle: var(--6fc94);
|
|
188
352
|
@text-weight-base-fontWeight: var(--5b0e0);
|
|
189
353
|
@text-weight-400-fontWeight: var(--73984);
|
|
190
354
|
@text-weight-500-fontWeight: var(--6e979);
|
package/dist/index.js
CHANGED
|
@@ -7,8 +7,7 @@ export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
|
|
|
7
7
|
export { ColorSchemeProvider } from './color-scheme/providers/ColorSchemeProvider.js';
|
|
8
8
|
export { useColorScheme } from './color-scheme/hooks/useColorScheme.js';
|
|
9
9
|
export { withColorScheme } from './color-scheme/hocs/withColorScheme.js';
|
|
10
|
-
export {
|
|
11
|
-
export { booleanClassNames, globalClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './css-module/classNames.js';
|
|
10
|
+
export { booleanClassNames, globalClassNames, longhandClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './css-module/classNames.js';
|
|
12
11
|
export { useInstrument } from './instrument/hooks/useInstrument.js';
|
|
13
12
|
export { InstrumentProvider } from './instrument/providers/Instrument.js';
|
|
14
13
|
export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
|
|
@@ -34,4 +33,4 @@ export { withTheme } from './theme/hocs/withTheme.js';
|
|
|
34
33
|
export { getTokenVar } from './token/util/getTokenVar.js';
|
|
35
34
|
export { useToken } from './token/hooks/useToken.js';
|
|
36
35
|
export { withGetToken } from './token/hocs/withGetToken.js';
|
|
37
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT } from '@preply/ds-core';
|
|
2
2
|
import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
|
|
3
3
|
import styles from '../style/index.module.less.js';
|
|
4
|
-
import { moduleClassNames, stringClassNames, booleanClassNames } from '../../css-module/classNames.js';
|
|
4
|
+
import { moduleClassNames, stringClassNames, longhandClassNames, booleanClassNames } from '../../css-module/classNames.js';
|
|
5
5
|
|
|
6
6
|
const LAYOUT_FLEX = 'LayoutFlex';
|
|
7
7
|
const useLayoutFlexClassNames = (layout, props) => {
|
|
@@ -10,11 +10,11 @@ const useLayoutFlexClassNames = (layout, props) => {
|
|
|
10
10
|
const actualDirection = direction || (!reverse && !column ? LAYOUT_FLEX_DIRECTION_DEFAULT : undefined);
|
|
11
11
|
const columnClassName = column ? 'column' : 'row';
|
|
12
12
|
const reverseClassName = reverse ? 'rev' : 'fwd';
|
|
13
|
-
const columnReverseClassName =
|
|
13
|
+
const columnReverseClassName = `${columnClassName}-${reverseClassName}`;
|
|
14
14
|
return layout === 'flex'
|
|
15
15
|
? moduleClassNames(styles, LAYOUT_FLEX, [
|
|
16
16
|
stringClassNames('gap', gap),
|
|
17
|
-
|
|
17
|
+
longhandClassNames('padding', padding),
|
|
18
18
|
booleanClassNames('inline', undefined, inline),
|
|
19
19
|
booleanClassNames('nowrap', undefined, nowrap),
|
|
20
20
|
columnReverseClassName,
|
|
@@ -26,4 +26,4 @@ const useLayoutFlexClassNames = (layout, props) => {
|
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
export { useLayoutFlexClassNames };
|
|
29
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBsb25naGFuZENsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxufSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExBWU9VVF9GTEVYID0gJ0xheW91dEZsZXgnO1xuXG50eXBlIEhvb2sgPSAobGF5b3V0PzogTGF5b3V0VHlwZSwgcHJvcHM/OiBMYXlvdXRGbGV4UHJvcHMpID0+IHN0cmluZ1tdO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0RmxleENsYXNzTmFtZXM6IEhvb2sgPSAobGF5b3V0LCBwcm9wcykgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIHBhZGRpbmcgPSBMQVlPVVRfUEFERElOR19ERUZBVUxULFxuICAgICAgICBub3dyYXAsXG4gICAgICAgIGNvbHVtbixcbiAgICAgICAgcmV2ZXJzZSxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGFjdHVhbERpcmVjdGlvbiA9XG4gICAgICAgIGRpcmVjdGlvbiB8fCAoIXJldmVyc2UgJiYgIWNvbHVtbiA/IExBWU9VVF9GTEVYX0RJUkVDVElPTl9ERUZBVUxUIDogdW5kZWZpbmVkKTtcblxuICAgIGNvbnN0IGNvbHVtbkNsYXNzTmFtZSA9IGNvbHVtbiA/ICdjb2x1bW4nIDogJ3Jvdyc7XG4gICAgY29uc3QgcmV2ZXJzZUNsYXNzTmFtZSA9IHJldmVyc2UgPyAncmV2JyA6ICdmd2QnO1xuICAgIGNvbnN0IGNvbHVtblJldmVyc2VDbGFzc05hbWUgPSBgJHtjb2x1bW5DbGFzc05hbWV9LSR7cmV2ZXJzZUNsYXNzTmFtZX1gO1xuXG4gICAgcmV0dXJuIGxheW91dCA9PT0gJ2ZsZXgnXG4gICAgICAgID8gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2dhcCcsIGdhcCksXG4gICAgICAgICAgICAgIGxvbmdoYW5kQ2xhc3NOYW1lcygncGFkZGluZycsIHBhZGRpbmcpLFxuICAgICAgICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaW5saW5lJywgdW5kZWZpbmVkLCBpbmxpbmUpLFxuICAgICAgICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnbm93cmFwJywgdW5kZWZpbmVkLCBub3dyYXApLFxuICAgICAgICAgICAgICBjb2x1bW5SZXZlcnNlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdkaXJlY3Rpb24nLCBhY3R1YWxEaXJlY3Rpb24pLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCksXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyksXG4gICAgICAgICAgXSlcbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFnQkEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sRUFDRixHQUFHLEdBQUcsa0JBQWtCLEVBQ3hCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsU0FBUyxFQUNULGNBQWMsRUFDZCxVQUFVLEVBQ1YsTUFBTSxHQUNULEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVoQixNQUFNLGVBQWUsR0FDakIsU0FBUyxLQUFLLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxHQUFHLDZCQUE2QixHQUFHLFNBQVMsQ0FBQyxDQUFDO0lBRW5GLE1BQU0sZUFBZSxHQUFHLE1BQU0sR0FBRyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2xELE1BQU0sZ0JBQWdCLEdBQUcsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDakQsTUFBTSxzQkFBc0IsR0FBRyxHQUFHLGVBQWUsSUFBSSxnQkFBZ0IsRUFBRSxDQUFDO0lBRXhFLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEIsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtZQUNsQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO1lBQzVCLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7WUFDdEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7WUFDOUMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7WUFDOUMsc0JBQXNCO1lBQ3RCLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxlQUFlLENBQUM7WUFDOUMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1lBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7U0FDOUMsQ0FBQztVQUNGLEVBQUUsQ0FBQztBQUNiOzs7OyJ9
|
|
@@ -1,24 +1,21 @@
|
|
|
1
1
|
import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from '@preply/ds-core';
|
|
2
2
|
import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
|
|
3
3
|
import styles from '../style/index.module.less.js';
|
|
4
|
-
import {
|
|
4
|
+
import { moduleClassNames, stringClassNames } from '../../css-module/classNames.js';
|
|
5
5
|
|
|
6
6
|
const LAYOUT_GRID = 'LayoutGrid';
|
|
7
7
|
const useLayoutGridClassNames = (layout, props) => {
|
|
8
8
|
useStyleExtract(styles);
|
|
9
9
|
const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, justifyContent, alignItems, } = props || {};
|
|
10
10
|
return layout === 'grid'
|
|
11
|
-
? [
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
['align-items', alignItems],
|
|
18
|
-
]),
|
|
19
|
-
]
|
|
11
|
+
? moduleClassNames(styles, LAYOUT_GRID, [
|
|
12
|
+
stringClassNames('gap', gap),
|
|
13
|
+
stringClassNames('padding', padding),
|
|
14
|
+
stringClassNames('justify-content', justifyContent),
|
|
15
|
+
stringClassNames('align-items', alignItems),
|
|
16
|
+
])
|
|
20
17
|
: [];
|
|
21
18
|
};
|
|
22
19
|
|
|
23
20
|
export { useLayoutGridClassNames };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dSSUQgPSAnTGF5b3V0R3JpZCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgcGFkZGluZyA9IExBWU9VVF9QQURESU5HX0RFRkFVTFQsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIHJldHVybiBsYXlvdXQgPT09ICdncmlkJ1xuICAgICAgICA/IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMQVlPVVRfR1JJRCwgW1xuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdnYXAnLCBnYXApLFxuICAgICAgICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdwYWRkaW5nJywgcGFkZGluZyksXG4gICAgICAgICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICAgICAgICBdKVxuICAgICAgICA6IFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQU9BLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztNQUlwQix1QkFBdUIsR0FBUyxDQUFDLE1BQU0sRUFBRSxLQUFLO0lBQ3ZELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQ0YsR0FBRyxHQUFHLGtCQUFrQixFQUN4QixPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLGNBQWMsRUFDZCxVQUFVLEdBQ2IsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEIsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtZQUNsQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO1lBQzVCLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7WUFDcEMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO1lBQ25ELGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7U0FDOUMsQ0FBQztVQUNGLEVBQUUsQ0FBQztBQUNiOzs7OyJ9
|
|
@@ -1,21 +1,15 @@
|
|
|
1
1
|
@import '../../generated/tokens.less';
|
|
2
2
|
@import '../../generated/options.less';
|
|
3
3
|
@import '../../theme/style/declarations.mixins.less';
|
|
4
|
+
@import '../../responsive/style/mixins.less';
|
|
4
5
|
|
|
5
6
|
.layout-gap() {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.layout-padding() {
|
|
15
|
-
each(@LAYOUT_PADDING_OPTIONS, {
|
|
16
|
-
&--padding-@{value} {
|
|
17
|
-
@token: 'root-space-@{value}';
|
|
18
|
-
padding: @@token;
|
|
19
|
-
}
|
|
7
|
+
.responsive({
|
|
8
|
+
each(@LAYOUT_GAP_OPTIONS, {
|
|
9
|
+
&--gap-@{value} {
|
|
10
|
+
@token: 'root-space-@{value}';
|
|
11
|
+
gap: @@token;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
20
14
|
});
|
|
21
15
|
}
|
|
@@ -82,17 +82,44 @@
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.flex-align-items() {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
align-items
|
|
88
|
-
|
|
85
|
+
.responsive({
|
|
86
|
+
each(@flex-align-items-values, .(@v, @k, @i) {
|
|
87
|
+
&--align-items-@{k} {
|
|
88
|
+
align-items: @v;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
89
91
|
});
|
|
90
92
|
}
|
|
91
93
|
|
|
92
94
|
.flex-justify-content() {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
justify-content
|
|
96
|
-
|
|
95
|
+
.responsive({
|
|
96
|
+
each(@flex-justify-content-values, .(@v, @k, @i) {
|
|
97
|
+
&--justify-content-@{k} {
|
|
98
|
+
justify-content: @v;
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.flex-padding() {
|
|
105
|
+
.responsive({
|
|
106
|
+
each(@LAYOUT_PADDING_OPTIONS, {
|
|
107
|
+
&--padding-top-@{value} {
|
|
108
|
+
@token: 'root-space-@{value}';
|
|
109
|
+
padding-top: @@token;
|
|
110
|
+
}
|
|
111
|
+
&--padding-right-@{value} {
|
|
112
|
+
@token: 'root-space-@{value}';
|
|
113
|
+
padding-right: @@token;
|
|
114
|
+
}
|
|
115
|
+
&--padding-bottom-@{value} {
|
|
116
|
+
@token: 'root-space-@{value}';
|
|
117
|
+
padding-bottom: @@token;
|
|
118
|
+
}
|
|
119
|
+
&--padding-left-@{value} {
|
|
120
|
+
@token: 'root-space-@{value}';
|
|
121
|
+
padding-left: @@token;
|
|
122
|
+
}
|
|
123
|
+
});
|
|
97
124
|
});
|
|
98
125
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
.flex-wrap();
|
|
8
8
|
.flex-inline();
|
|
9
9
|
.layout-gap();
|
|
10
|
-
.
|
|
10
|
+
.flex-padding();
|
|
11
11
|
.flex-column-reverse(); // ORDER MATTERS: this must come before flex-direction
|
|
12
12
|
.flex-direction();
|
|
13
13
|
.flex-justify-content();
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
.LayoutGrid {
|
|
18
18
|
.grid-base();
|
|
19
19
|
.layout-gap();
|
|
20
|
-
.
|
|
20
|
+
.grid-padding();
|
|
21
21
|
.grid-justify-content();
|
|
22
22
|
.grid-align-items();
|
|
23
23
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._15uGWh{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._3rnoor{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._1_IXQm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._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}";
|
|
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__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"};
|
|
3
|
+
var css_248z = "._15uGWh{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}._3rnoor{-ms-flex-wrap:nowrap;flex-wrap:nowrap}._1_IXQm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._1eu8AB{grid-gap:var(--74358);gap:var(--74358)}._3NW7L7{grid-gap:var(--6947b);gap:var(--6947b)}.rXTJOf{grid-gap:var(--1ba55);gap:var(--1ba55)}._1epFyH{grid-gap:var(--477fd);gap:var(--477fd)}._3ZkSph{grid-gap:var(--74380);gap:var(--74380)}._1YQCoq{grid-gap:var(--39ce9);gap:var(--39ce9)}._1kgBLJ{grid-gap:var(--28cff);gap:var(--28cff)}.WwTEFN{grid-gap:var(--6acb5);gap:var(--6acb5)}@media (min-width:400px){._2L-f_s{grid-gap:var(--74358);gap:var(--74358)}.PbiIBF{grid-gap:var(--6947b);gap:var(--6947b)}._3zdz0e{grid-gap:var(--1ba55);gap:var(--1ba55)}._3osIjC{grid-gap:var(--477fd);gap:var(--477fd)}._1P1v4c{grid-gap:var(--74380);gap:var(--74380)}._3xe4uM{grid-gap:var(--39ce9);gap:var(--39ce9)}.MNPkJu{grid-gap:var(--28cff);gap:var(--28cff)}._2TsA4h{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:700px){._2g-ZXZ{grid-gap:var(--74358);gap:var(--74358)}.dhP77U{grid-gap:var(--6947b);gap:var(--6947b)}._1EIe-9{grid-gap:var(--1ba55);gap:var(--1ba55)}.Uo-J8t{grid-gap:var(--477fd);gap:var(--477fd)}._3pwiuc{grid-gap:var(--74380);gap:var(--74380)}._1SL2yV{grid-gap:var(--39ce9);gap:var(--39ce9)}.ocfu4a{grid-gap:var(--28cff);gap:var(--28cff)}.kRMLrF{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:880px){.wP_zwl{grid-gap:var(--74358);gap:var(--74358)}.saWzqK{grid-gap:var(--6947b);gap:var(--6947b)}.fpqkAM{grid-gap:var(--1ba55);gap:var(--1ba55)}.BewJpl{grid-gap:var(--477fd);gap:var(--477fd)}._3amErM{grid-gap:var(--74380);gap:var(--74380)}._2RUx4-{grid-gap:var(--39ce9);gap:var(--39ce9)}.mQ5VJa{grid-gap:var(--28cff);gap:var(--28cff)}._1GSlEu{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1200px){._3EF1qe{grid-gap:var(--74358);gap:var(--74358)}._2VfgM-{grid-gap:var(--6947b);gap:var(--6947b)}._3DARm_{grid-gap:var(--1ba55);gap:var(--1ba55)}._1Yj8uD{grid-gap:var(--477fd);gap:var(--477fd)}._3Tt8fx{grid-gap:var(--74380);gap:var(--74380)}.sl3De1{grid-gap:var(--39ce9);gap:var(--39ce9)}._38f2Po{grid-gap:var(--28cff);gap:var(--28cff)}._27oGYO{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1900px){._3tBdRt{grid-gap:var(--74358);gap:var(--74358)}._3Xukld{grid-gap:var(--6947b);gap:var(--6947b)}._2UzxGY{grid-gap:var(--1ba55);gap:var(--1ba55)}._2KiYGz{grid-gap:var(--477fd);gap:var(--477fd)}._3Im1-V{grid-gap:var(--74380);gap:var(--74380)}._3ilX7i{grid-gap:var(--39ce9);gap:var(--39ce9)}.bSttwF{grid-gap:var(--28cff);gap:var(--28cff)}._1MUyyJ{grid-gap:var(--6acb5);gap:var(--6acb5)}}._3IUvl2{padding-top:var(--74358)}._1UYvvS{padding-right:var(--74358)}._2HKHPI{padding-bottom:var(--74358)}._1TGf8u{padding-left:var(--74358)}._2VbhXR{padding-top:var(--6947b)}.BzSKyx{padding-right:var(--6947b)}._1I-UqI{padding-bottom:var(--6947b)}._29emMu{padding-left:var(--6947b)}._2gI1QW{padding-top:var(--1ba55)}.HeIq_P{padding-right:var(--1ba55)}.b10Aue{padding-bottom:var(--1ba55)}._2f8T3X{padding-left:var(--1ba55)}.PrWMR9{padding-top:var(--477fd)}._39huVB{padding-right:var(--477fd)}._3eKwvm{padding-bottom:var(--477fd)}._1svlxm{padding-left:var(--477fd)}._291SRn{padding-top:var(--74380)}._2-EgIA{padding-right:var(--74380)}._6h87u5{padding-bottom:var(--74380)}._2ekwzQ{padding-left:var(--74380)}._38JpRv{padding-top:var(--39ce9)}._2sxEX5{padding-right:var(--39ce9)}.AqSEL4{padding-bottom:var(--39ce9)}._2iK4Eh{padding-left:var(--39ce9)}._2RIKtd{padding-top:var(--28cff)}._3BKus9{padding-right:var(--28cff)}._WsGwb{padding-bottom:var(--28cff)}._2Wy_HN{padding-left:var(--28cff)}._2AekAC{padding-top:var(--6acb5)}._2TKZDE{padding-right:var(--6acb5)}._3ZgeiY{padding-bottom:var(--6acb5)}._2SgMoI{padding-left:var(--6acb5)}@media (min-width:400px){._1V_owG{padding-top:var(--74358)}._2YBw4C{padding-right:var(--74358)}._1s6aAK{padding-bottom:var(--74358)}._24jYyO{padding-left:var(--74358)}.-YY3cF{padding-top:var(--6947b)}.IxFyoJ{padding-right:var(--6947b)}._1OREfT{padding-bottom:var(--6947b)}._22EURO{padding-left:var(--6947b)}.-SKsTL{padding-top:var(--1ba55)}._3MIpRs{padding-right:var(--1ba55)}._3nl1j-{padding-bottom:var(--1ba55)}._133piP{padding-left:var(--1ba55)}._1now1k{padding-top:var(--477fd)}.AMwB0V{padding-right:var(--477fd)}._1uQ7ZG{padding-bottom:var(--477fd)}._32cjXL{padding-left:var(--477fd)}._3QtT-6{padding-top:var(--74380)}._2INdSX{padding-right:var(--74380)}._3tnj02{padding-bottom:var(--74380)}.HQBb1R{padding-left:var(--74380)}._38sDSU{padding-top:var(--39ce9)}.pLaj-e{padding-right:var(--39ce9)}._1KP-aa{padding-bottom:var(--39ce9)}.LR1orS{padding-left:var(--39ce9)}._3JDlB-{padding-top:var(--28cff)}.HPp4Qh{padding-right:var(--28cff)}._1f5i9K{padding-bottom:var(--28cff)}._3KeCaz{padding-left:var(--28cff)}._1ZgHpz{padding-top:var(--6acb5)}._2Ev8fk{padding-right:var(--6acb5)}._1pzOJF{padding-bottom:var(--6acb5)}._1092Ov{padding-left:var(--6acb5)}}@media (min-width:700px){._1F4kig{padding-top:var(--74358)}.CgvRLA{padding-right:var(--74358)}.Qh_shn{padding-bottom:var(--74358)}._2Cldqt{padding-left:var(--74358)}._1SBfLk{padding-top:var(--6947b)}._3WaVQS{padding-right:var(--6947b)}._1ui2OG{padding-bottom:var(--6947b)}.Xs5Jtv{padding-left:var(--6947b)}._2CVLd5{padding-top:var(--1ba55)}._3hjcmX{padding-right:var(--1ba55)}.wTJ5YI{padding-bottom:var(--1ba55)}.uje3WJ{padding-left:var(--1ba55)}.Km7_N2{padding-top:var(--477fd)}._1ZsnfA{padding-right:var(--477fd)}.nC44oW{padding-bottom:var(--477fd)}.P4v79l{padding-left:var(--477fd)}._3FrE3g{padding-top:var(--74380)}._3YSr5w{padding-right:var(--74380)}._21-jsA{padding-bottom:var(--74380)}._1LkNIs{padding-left:var(--74380)}._3PTC-9{padding-top:var(--39ce9)}._14O85L{padding-right:var(--39ce9)}._3k_e-t{padding-bottom:var(--39ce9)}._2xDu8I{padding-left:var(--39ce9)}.RGiMDI{padding-top:var(--28cff)}._321Ly3{padding-right:var(--28cff)}.uBc22w{padding-bottom:var(--28cff)}.jNV1ro{padding-left:var(--28cff)}._21hEOr{padding-top:var(--6acb5)}._28Ngmk{padding-right:var(--6acb5)}.g6_vn6{padding-bottom:var(--6acb5)}._15MP9z{padding-left:var(--6acb5)}}@media (min-width:880px){._3q7Yay{padding-top:var(--74358)}.qb0s--{padding-right:var(--74358)}.ifCmHl{padding-bottom:var(--74358)}.oOKCYL{padding-left:var(--74358)}._1svGgS{padding-top:var(--6947b)}._3aNNCf{padding-right:var(--6947b)}._1OSqZr{padding-bottom:var(--6947b)}._1kIsSR{padding-left:var(--6947b)}._1nFyt0{padding-top:var(--1ba55)}.O1Y1Fu{padding-right:var(--1ba55)}._2IXXkE{padding-bottom:var(--1ba55)}._11oNNC{padding-left:var(--1ba55)}._3PqoqI{padding-top:var(--477fd)}._3Z7hCI{padding-right:var(--477fd)}._2XQYHd{padding-bottom:var(--477fd)}._3Nfhfu{padding-left:var(--477fd)}._2PXaRL{padding-top:var(--74380)}._1_iess{padding-right:var(--74380)}.jmg5zq{padding-bottom:var(--74380)}._1CWI46{padding-left:var(--74380)}._2B6GH9{padding-top:var(--39ce9)}._2mW5ps{padding-right:var(--39ce9)}.AvY4IC{padding-bottom:var(--39ce9)}._3at_70{padding-left:var(--39ce9)}._1ee23X{padding-top:var(--28cff)}._1XfRMB{padding-right:var(--28cff)}._3KC-2n{padding-bottom:var(--28cff)}._1nh-TN{padding-left:var(--28cff)}._3bFIT7{padding-top:var(--6acb5)}._1bBaq4{padding-right:var(--6acb5)}._3v9L4o{padding-bottom:var(--6acb5)}._12ro2m{padding-left:var(--6acb5)}}@media (min-width:1200px){._3lGr3a{padding-top:var(--74358)}._2qmjFJ{padding-right:var(--74358)}._3zGtAd{padding-bottom:var(--74358)}._3w9E4C{padding-left:var(--74358)}.KiFig5{padding-top:var(--6947b)}._3t1oZN{padding-right:var(--6947b)}._3s77YU{padding-bottom:var(--6947b)}._9m-5s1{padding-left:var(--6947b)}.EWOCYa{padding-top:var(--1ba55)}._1gYMEX{padding-right:var(--1ba55)}.hmUOFj{padding-bottom:var(--1ba55)}._1NBnOW{padding-left:var(--1ba55)}._1kL9vN{padding-top:var(--477fd)}._1SXo2P{padding-right:var(--477fd)}._3VgM6e{padding-bottom:var(--477fd)}._30_CDo{padding-left:var(--477fd)}.k58tNB{padding-top:var(--74380)}._3lUEp6{padding-right:var(--74380)}._29CQDe{padding-bottom:var(--74380)}._18NoXM{padding-left:var(--74380)}._1L3Dxx{padding-top:var(--39ce9)}._2XbII_{padding-right:var(--39ce9)}._3G1hNY{padding-bottom:var(--39ce9)}._3Os7T0{padding-left:var(--39ce9)}._1aee2Y{padding-top:var(--28cff)}._3uf3YC{padding-right:var(--28cff)}._1QFGK3{padding-bottom:var(--28cff)}._3I5aup{padding-left:var(--28cff)}._38Xhm2{padding-top:var(--6acb5)}._1O1Z2W{padding-right:var(--6acb5)}.rNY1zB{padding-bottom:var(--6acb5)}._1IlYje{padding-left:var(--6acb5)}}@media (min-width:1900px){._33MTiA{padding-top:var(--74358)}._12mKys{padding-right:var(--74358)}._2CYGIP{padding-bottom:var(--74358)}.NRwVMk{padding-left:var(--74358)}._2PFRrg{padding-top:var(--6947b)}._3AzLoa{padding-right:var(--6947b)}._1fa7Cu{padding-bottom:var(--6947b)}._21amYs{padding-left:var(--6947b)}._3dexk-{padding-top:var(--1ba55)}._175j96{padding-right:var(--1ba55)}._168jvA{padding-bottom:var(--1ba55)}._33Ohnx{padding-left:var(--1ba55)}._131gCw{padding-top:var(--477fd)}._1ZXZh3{padding-right:var(--477fd)}._1hcaL8{padding-bottom:var(--477fd)}._3apa5b{padding-left:var(--477fd)}._1FW4HA{padding-top:var(--74380)}._2LIXsD{padding-right:var(--74380)}._3E6jyJ{padding-bottom:var(--74380)}._1w_2Ua{padding-left:var(--74380)}._2mff5w{padding-top:var(--39ce9)}._2y99Br{padding-right:var(--39ce9)}._31B75e{padding-bottom:var(--39ce9)}._1113Tv{padding-left:var(--39ce9)}.Zkft7H{padding-top:var(--28cff)}.kvlHcC{padding-right:var(--28cff)}._15LEHH{padding-bottom:var(--28cff)}._2UaFWb{padding-left:var(--28cff)}.Uk95fI{padding-top:var(--6acb5)}._2YteCy{padding-right:var(--6acb5)}._3nG2XJ{padding-bottom:var(--6acb5)}.fUbmc5{padding-left:var(--6acb5)}}.X4eHUe{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._3_M_4w,.X4eHUe{-webkit-box-orient:horizontal}._3_M_4w{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._2ByMq1{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2ByMq1,._3_8VIk{-webkit-box-orient:vertical}._3_8VIk{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.TeMu3z{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._2JjQiK,.TeMu3z{-webkit-box-orient:vertical}._2JjQiK{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1o4EVj{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1o4EVj,._24jMtt{-webkit-box-orient:horizontal}._24jMtt{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:400px){._1RG37V{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1RG37V,._3Rxyiw{-webkit-box-orient:vertical}._3Rxyiw{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._8jyTaM{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1t_3rz,._8jyTaM{-webkit-box-orient:horizontal}._1t_3rz{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:700px){._1dYvLd{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1dYvLd,._3B2cts{-webkit-box-orient:vertical}._3B2cts{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._1V-ESa{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._1V-ESa,._2eL5Ug{-webkit-box-orient:horizontal}._2eL5Ug{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:880px){._1zHTP_{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1zHTP_,._3fBIHc{-webkit-box-orient:vertical}._3fBIHc{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._2r_ktS{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2r_ktS,._3RGdxW{-webkit-box-orient:horizontal}._3RGdxW{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1200px){._3_7sne{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._3_7sne,._3z0dTP{-webkit-box-orient:vertical}._3z0dTP{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.UEEKlY{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.hMRiH8,.UEEKlY{-webkit-box-orient:horizontal}.hMRiH8{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1900px){.lmSiRy{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._1XoMkw,.lmSiRy{-webkit-box-orient:vertical}._1XoMkw{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}._19m9cA{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._2gCQJe,._19m9cA{-webkit-box-orient:horizontal}._2gCQJe{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}._3Aw3T1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._10X-3Q{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._33a0v9{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._3qMVGq{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2REBgi{-ms-flex-pack:distribute;justify-content:space-around}._3zq1C_{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width:400px){._36Psqa{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3-j-w1{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._1Lu-3E{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._2VnVRQ{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1nH_hK{-ms-flex-pack:distribute;justify-content:space-around}._3-_n_C{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:700px){.Qf6Cla{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._6sxNQO{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ZxlLXH{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.Cn_Bv2{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._1i_Qo3{-ms-flex-pack:distribute;justify-content:space-around}._2C1XQX{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:880px){._3o7wjp{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._1gPYrw{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._22LB-D{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._3MnmNN{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._12WcM9{-ms-flex-pack:distribute;justify-content:space-around}._3Pz1zS{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1200px){._3R_B9A{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._11KLzX{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._3YOo5Q{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.HT4Jrf{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._3NRNH8{-ms-flex-pack:distribute;justify-content:space-around}._32hfui{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width:1900px){.FQ1F3D{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c6aMED{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}._3YO2K0{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}._32nrja{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2O5f5W{-ms-flex-pack:distribute;justify-content:space-around}.LoonNj{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}.hUFwKI{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1BOjPg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3AQmNs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._3orDH1{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.qh7on_{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width:400px){._1mmFAl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._10ybPf{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3Gldvl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.iA36V8{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._-6GZ3C{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:700px){.o5yv5p{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._3SIoEN{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3LKoyS{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._18CZ6Z{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.-nZAw3{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:880px){.AQDorR{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._34BfZ_{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._3iylCj{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.Z1VCoB{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._3dtfdr{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1200px){._1Ks9s5{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._34ZJYW{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._2pqScu{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.vkNyz8{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._7Y7qo5{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width:1900px){._1CEGxp{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._2ZDTru{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}._1vx6fg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}._25WgaN{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._2oMAvk{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._1C0eq8{display:grid;margin:0;padding:0}._3JhbNt{grid-gap:var(--74358);gap:var(--74358)}._1HEcbC{grid-gap:var(--6947b);gap:var(--6947b)}._1N4Zuv{grid-gap:var(--1ba55);gap:var(--1ba55)}._1-XHso{grid-gap:var(--477fd);gap:var(--477fd)}._2IkWNq{grid-gap:var(--74380);gap:var(--74380)}._2hyzTo{grid-gap:var(--39ce9);gap:var(--39ce9)}._2ZTaVv{grid-gap:var(--28cff);gap:var(--28cff)}._3qb755{grid-gap:var(--6acb5);gap:var(--6acb5)}@media (min-width:400px){._3Kl9R_{grid-gap:var(--74358);gap:var(--74358)}._1vbixr{grid-gap:var(--6947b);gap:var(--6947b)}._2rKUDF{grid-gap:var(--1ba55);gap:var(--1ba55)}._1TJTCx{grid-gap:var(--477fd);gap:var(--477fd)}._3WQpKC{grid-gap:var(--74380);gap:var(--74380)}._12kSYL{grid-gap:var(--39ce9);gap:var(--39ce9)}._3hiXAQ{grid-gap:var(--28cff);gap:var(--28cff)}.wLJXr3{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:700px){._3EDp7p{grid-gap:var(--74358);gap:var(--74358)}._2z0ygN{grid-gap:var(--6947b);gap:var(--6947b)}._2dagJC{grid-gap:var(--1ba55);gap:var(--1ba55)}._345iNf{grid-gap:var(--477fd);gap:var(--477fd)}._3Dva9x{grid-gap:var(--74380);gap:var(--74380)}._3qwsJC{grid-gap:var(--39ce9);gap:var(--39ce9)}._1UeO3D{grid-gap:var(--28cff);gap:var(--28cff)}._2UifZE{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:880px){._34yaDM{grid-gap:var(--74358);gap:var(--74358)}._13-fb9{grid-gap:var(--6947b);gap:var(--6947b)}.XleEyG{grid-gap:var(--1ba55);gap:var(--1ba55)}._1D1fsX{grid-gap:var(--477fd);gap:var(--477fd)}._149WVJ{grid-gap:var(--74380);gap:var(--74380)}.lHLqn7{grid-gap:var(--39ce9);gap:var(--39ce9)}.OhJF2k{grid-gap:var(--28cff);gap:var(--28cff)}._231a3s{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1200px){._2t8hqP{grid-gap:var(--74358);gap:var(--74358)}._1w2Ii7{grid-gap:var(--6947b);gap:var(--6947b)}._1m1gs8{grid-gap:var(--1ba55);gap:var(--1ba55)}._3qvUB1{grid-gap:var(--477fd);gap:var(--477fd)}.prxM6T{grid-gap:var(--74380);gap:var(--74380)}._3k1kX6{grid-gap:var(--39ce9);gap:var(--39ce9)}.gCH_T-{grid-gap:var(--28cff);gap:var(--28cff)}._3lxkZC{grid-gap:var(--6acb5);gap:var(--6acb5)}}@media (min-width:1900px){._2FTDuk{grid-gap:var(--74358);gap:var(--74358)}._3jycQR{grid-gap:var(--6947b);gap:var(--6947b)}._3NPAc0{grid-gap:var(--1ba55);gap:var(--1ba55)}._1Objjq{grid-gap:var(--477fd);gap:var(--477fd)}._2fMRWh{grid-gap:var(--74380);gap:var(--74380)}._2xzxGr{grid-gap:var(--39ce9);gap:var(--39ce9)}.T5WigT{grid-gap:var(--28cff);gap:var(--28cff)}._1SALbm{grid-gap:var(--6acb5);gap:var(--6acb5)}}._2810ZQ{padding:var(--74358)}.GCWWp1{padding:var(--6947b)}._26DBh8{padding:var(--1ba55)}._2MOywW{padding:var(--477fd)}._2qYGQe{padding:var(--74380)}._3vJ5sb{padding:var(--39ce9)}._1NStuR{padding:var(--28cff)}._1YQt_H{padding:var(--6acb5)}._25SpXB{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3GDeqz{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._2-jaGe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._3lGct7{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._2wHTdX{-ms-flex-pack:distribute;justify-content:space-around}._1BVKaN{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}._1nyAA2{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._1Xe-EI{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._3hQvqA{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.KBSz7h{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.KBW4yE{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}";
|
|
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--narrow-l--gap-none":"_2L-f_s","LayoutFlex--narrow-l--gap-3xs":"PbiIBF","LayoutFlex--narrow-l--gap-2xs":"_3zdz0e","LayoutFlex--narrow-l--gap-xs":"_3osIjC","LayoutFlex--narrow-l--gap-s":"_1P1v4c","LayoutFlex--narrow-l--gap-m":"_3xe4uM","LayoutFlex--narrow-l--gap-l":"MNPkJu","LayoutFlex--narrow-l--gap-xl":"_2TsA4h","LayoutFlex--medium-s--gap-none":"_2g-ZXZ","LayoutFlex--medium-s--gap-3xs":"dhP77U","LayoutFlex--medium-s--gap-2xs":"_1EIe-9","LayoutFlex--medium-s--gap-xs":"Uo-J8t","LayoutFlex--medium-s--gap-s":"_3pwiuc","LayoutFlex--medium-s--gap-m":"_1SL2yV","LayoutFlex--medium-s--gap-l":"ocfu4a","LayoutFlex--medium-s--gap-xl":"kRMLrF","LayoutFlex--medium-l--gap-none":"wP_zwl","LayoutFlex--medium-l--gap-3xs":"saWzqK","LayoutFlex--medium-l--gap-2xs":"fpqkAM","LayoutFlex--medium-l--gap-xs":"BewJpl","LayoutFlex--medium-l--gap-s":"_3amErM","LayoutFlex--medium-l--gap-m":"_2RUx4-","LayoutFlex--medium-l--gap-l":"mQ5VJa","LayoutFlex--medium-l--gap-xl":"_1GSlEu","LayoutFlex--wide-s--gap-none":"_3EF1qe","LayoutFlex--wide-s--gap-3xs":"_2VfgM-","LayoutFlex--wide-s--gap-2xs":"_3DARm_","LayoutFlex--wide-s--gap-xs":"_1Yj8uD","LayoutFlex--wide-s--gap-s":"_3Tt8fx","LayoutFlex--wide-s--gap-m":"sl3De1","LayoutFlex--wide-s--gap-l":"_38f2Po","LayoutFlex--wide-s--gap-xl":"_27oGYO","LayoutFlex--wide-l--gap-none":"_3tBdRt","LayoutFlex--wide-l--gap-3xs":"_3Xukld","LayoutFlex--wide-l--gap-2xs":"_2UzxGY","LayoutFlex--wide-l--gap-xs":"_2KiYGz","LayoutFlex--wide-l--gap-s":"_3Im1-V","LayoutFlex--wide-l--gap-m":"_3ilX7i","LayoutFlex--wide-l--gap-l":"bSttwF","LayoutFlex--wide-l--gap-xl":"_1MUyyJ","LayoutFlex--padding-top-none":"_3IUvl2","LayoutFlex--padding-right-none":"_1UYvvS","LayoutFlex--padding-bottom-none":"_2HKHPI","LayoutFlex--padding-left-none":"_1TGf8u","LayoutFlex--padding-top-3xs":"_2VbhXR","LayoutFlex--padding-right-3xs":"BzSKyx","LayoutFlex--padding-bottom-3xs":"_1I-UqI","LayoutFlex--padding-left-3xs":"_29emMu","LayoutFlex--padding-top-2xs":"_2gI1QW","LayoutFlex--padding-right-2xs":"HeIq_P","LayoutFlex--padding-bottom-2xs":"b10Aue","LayoutFlex--padding-left-2xs":"_2f8T3X","LayoutFlex--padding-top-xs":"PrWMR9","LayoutFlex--padding-right-xs":"_39huVB","LayoutFlex--padding-bottom-xs":"_3eKwvm","LayoutFlex--padding-left-xs":"_1svlxm","LayoutFlex--padding-top-s":"_291SRn","LayoutFlex--padding-right-s":"_2-EgIA","LayoutFlex--padding-bottom-s":"_6h87u5","LayoutFlex--padding-left-s":"_2ekwzQ","LayoutFlex--padding-top-m":"_38JpRv","LayoutFlex--padding-right-m":"_2sxEX5","LayoutFlex--padding-bottom-m":"AqSEL4","LayoutFlex--padding-left-m":"_2iK4Eh","LayoutFlex--padding-top-l":"_2RIKtd","LayoutFlex--padding-right-l":"_3BKus9","LayoutFlex--padding-bottom-l":"_WsGwb","LayoutFlex--padding-left-l":"_2Wy_HN","LayoutFlex--padding-top-xl":"_2AekAC","LayoutFlex--padding-right-xl":"_2TKZDE","LayoutFlex--padding-bottom-xl":"_3ZgeiY","LayoutFlex--padding-left-xl":"_2SgMoI","LayoutFlex--narrow-l--padding-top-none":"_1V_owG","LayoutFlex--narrow-l--padding-right-none":"_2YBw4C","LayoutFlex--narrow-l--padding-bottom-none":"_1s6aAK","LayoutFlex--narrow-l--padding-left-none":"_24jYyO","LayoutFlex--narrow-l--padding-top-3xs":"-YY3cF","LayoutFlex--narrow-l--padding-right-3xs":"IxFyoJ","LayoutFlex--narrow-l--padding-bottom-3xs":"_1OREfT","LayoutFlex--narrow-l--padding-left-3xs":"_22EURO","LayoutFlex--narrow-l--padding-top-2xs":"-SKsTL","LayoutFlex--narrow-l--padding-right-2xs":"_3MIpRs","LayoutFlex--narrow-l--padding-bottom-2xs":"_3nl1j-","LayoutFlex--narrow-l--padding-left-2xs":"_133piP","LayoutFlex--narrow-l--padding-top-xs":"_1now1k","LayoutFlex--narrow-l--padding-right-xs":"AMwB0V","LayoutFlex--narrow-l--padding-bottom-xs":"_1uQ7ZG","LayoutFlex--narrow-l--padding-left-xs":"_32cjXL","LayoutFlex--narrow-l--padding-top-s":"_3QtT-6","LayoutFlex--narrow-l--padding-right-s":"_2INdSX","LayoutFlex--narrow-l--padding-bottom-s":"_3tnj02","LayoutFlex--narrow-l--padding-left-s":"HQBb1R","LayoutFlex--narrow-l--padding-top-m":"_38sDSU","LayoutFlex--narrow-l--padding-right-m":"pLaj-e","LayoutFlex--narrow-l--padding-bottom-m":"_1KP-aa","LayoutFlex--narrow-l--padding-left-m":"LR1orS","LayoutFlex--narrow-l--padding-top-l":"_3JDlB-","LayoutFlex--narrow-l--padding-right-l":"HPp4Qh","LayoutFlex--narrow-l--padding-bottom-l":"_1f5i9K","LayoutFlex--narrow-l--padding-left-l":"_3KeCaz","LayoutFlex--narrow-l--padding-top-xl":"_1ZgHpz","LayoutFlex--narrow-l--padding-right-xl":"_2Ev8fk","LayoutFlex--narrow-l--padding-bottom-xl":"_1pzOJF","LayoutFlex--narrow-l--padding-left-xl":"_1092Ov","LayoutFlex--medium-s--padding-top-none":"_1F4kig","LayoutFlex--medium-s--padding-right-none":"CgvRLA","LayoutFlex--medium-s--padding-bottom-none":"Qh_shn","LayoutFlex--medium-s--padding-left-none":"_2Cldqt","LayoutFlex--medium-s--padding-top-3xs":"_1SBfLk","LayoutFlex--medium-s--padding-right-3xs":"_3WaVQS","LayoutFlex--medium-s--padding-bottom-3xs":"_1ui2OG","LayoutFlex--medium-s--padding-left-3xs":"Xs5Jtv","LayoutFlex--medium-s--padding-top-2xs":"_2CVLd5","LayoutFlex--medium-s--padding-right-2xs":"_3hjcmX","LayoutFlex--medium-s--padding-bottom-2xs":"wTJ5YI","LayoutFlex--medium-s--padding-left-2xs":"uje3WJ","LayoutFlex--medium-s--padding-top-xs":"Km7_N2","LayoutFlex--medium-s--padding-right-xs":"_1ZsnfA","LayoutFlex--medium-s--padding-bottom-xs":"nC44oW","LayoutFlex--medium-s--padding-left-xs":"P4v79l","LayoutFlex--medium-s--padding-top-s":"_3FrE3g","LayoutFlex--medium-s--padding-right-s":"_3YSr5w","LayoutFlex--medium-s--padding-bottom-s":"_21-jsA","LayoutFlex--medium-s--padding-left-s":"_1LkNIs","LayoutFlex--medium-s--padding-top-m":"_3PTC-9","LayoutFlex--medium-s--padding-right-m":"_14O85L","LayoutFlex--medium-s--padding-bottom-m":"_3k_e-t","LayoutFlex--medium-s--padding-left-m":"_2xDu8I","LayoutFlex--medium-s--padding-top-l":"RGiMDI","LayoutFlex--medium-s--padding-right-l":"_321Ly3","LayoutFlex--medium-s--padding-bottom-l":"uBc22w","LayoutFlex--medium-s--padding-left-l":"jNV1ro","LayoutFlex--medium-s--padding-top-xl":"_21hEOr","LayoutFlex--medium-s--padding-right-xl":"_28Ngmk","LayoutFlex--medium-s--padding-bottom-xl":"g6_vn6","LayoutFlex--medium-s--padding-left-xl":"_15MP9z","LayoutFlex--medium-l--padding-top-none":"_3q7Yay","LayoutFlex--medium-l--padding-right-none":"qb0s--","LayoutFlex--medium-l--padding-bottom-none":"ifCmHl","LayoutFlex--medium-l--padding-left-none":"oOKCYL","LayoutFlex--medium-l--padding-top-3xs":"_1svGgS","LayoutFlex--medium-l--padding-right-3xs":"_3aNNCf","LayoutFlex--medium-l--padding-bottom-3xs":"_1OSqZr","LayoutFlex--medium-l--padding-left-3xs":"_1kIsSR","LayoutFlex--medium-l--padding-top-2xs":"_1nFyt0","LayoutFlex--medium-l--padding-right-2xs":"O1Y1Fu","LayoutFlex--medium-l--padding-bottom-2xs":"_2IXXkE","LayoutFlex--medium-l--padding-left-2xs":"_11oNNC","LayoutFlex--medium-l--padding-top-xs":"_3PqoqI","LayoutFlex--medium-l--padding-right-xs":"_3Z7hCI","LayoutFlex--medium-l--padding-bottom-xs":"_2XQYHd","LayoutFlex--medium-l--padding-left-xs":"_3Nfhfu","LayoutFlex--medium-l--padding-top-s":"_2PXaRL","LayoutFlex--medium-l--padding-right-s":"_1_iess","LayoutFlex--medium-l--padding-bottom-s":"jmg5zq","LayoutFlex--medium-l--padding-left-s":"_1CWI46","LayoutFlex--medium-l--padding-top-m":"_2B6GH9","LayoutFlex--medium-l--padding-right-m":"_2mW5ps","LayoutFlex--medium-l--padding-bottom-m":"AvY4IC","LayoutFlex--medium-l--padding-left-m":"_3at_70","LayoutFlex--medium-l--padding-top-l":"_1ee23X","LayoutFlex--medium-l--padding-right-l":"_1XfRMB","LayoutFlex--medium-l--padding-bottom-l":"_3KC-2n","LayoutFlex--medium-l--padding-left-l":"_1nh-TN","LayoutFlex--medium-l--padding-top-xl":"_3bFIT7","LayoutFlex--medium-l--padding-right-xl":"_1bBaq4","LayoutFlex--medium-l--padding-bottom-xl":"_3v9L4o","LayoutFlex--medium-l--padding-left-xl":"_12ro2m","LayoutFlex--wide-s--padding-top-none":"_3lGr3a","LayoutFlex--wide-s--padding-right-none":"_2qmjFJ","LayoutFlex--wide-s--padding-bottom-none":"_3zGtAd","LayoutFlex--wide-s--padding-left-none":"_3w9E4C","LayoutFlex--wide-s--padding-top-3xs":"KiFig5","LayoutFlex--wide-s--padding-right-3xs":"_3t1oZN","LayoutFlex--wide-s--padding-bottom-3xs":"_3s77YU","LayoutFlex--wide-s--padding-left-3xs":"_9m-5s1","LayoutFlex--wide-s--padding-top-2xs":"EWOCYa","LayoutFlex--wide-s--padding-right-2xs":"_1gYMEX","LayoutFlex--wide-s--padding-bottom-2xs":"hmUOFj","LayoutFlex--wide-s--padding-left-2xs":"_1NBnOW","LayoutFlex--wide-s--padding-top-xs":"_1kL9vN","LayoutFlex--wide-s--padding-right-xs":"_1SXo2P","LayoutFlex--wide-s--padding-bottom-xs":"_3VgM6e","LayoutFlex--wide-s--padding-left-xs":"_30_CDo","LayoutFlex--wide-s--padding-top-s":"k58tNB","LayoutFlex--wide-s--padding-right-s":"_3lUEp6","LayoutFlex--wide-s--padding-bottom-s":"_29CQDe","LayoutFlex--wide-s--padding-left-s":"_18NoXM","LayoutFlex--wide-s--padding-top-m":"_1L3Dxx","LayoutFlex--wide-s--padding-right-m":"_2XbII_","LayoutFlex--wide-s--padding-bottom-m":"_3G1hNY","LayoutFlex--wide-s--padding-left-m":"_3Os7T0","LayoutFlex--wide-s--padding-top-l":"_1aee2Y","LayoutFlex--wide-s--padding-right-l":"_3uf3YC","LayoutFlex--wide-s--padding-bottom-l":"_1QFGK3","LayoutFlex--wide-s--padding-left-l":"_3I5aup","LayoutFlex--wide-s--padding-top-xl":"_38Xhm2","LayoutFlex--wide-s--padding-right-xl":"_1O1Z2W","LayoutFlex--wide-s--padding-bottom-xl":"rNY1zB","LayoutFlex--wide-s--padding-left-xl":"_1IlYje","LayoutFlex--wide-l--padding-top-none":"_33MTiA","LayoutFlex--wide-l--padding-right-none":"_12mKys","LayoutFlex--wide-l--padding-bottom-none":"_2CYGIP","LayoutFlex--wide-l--padding-left-none":"NRwVMk","LayoutFlex--wide-l--padding-top-3xs":"_2PFRrg","LayoutFlex--wide-l--padding-right-3xs":"_3AzLoa","LayoutFlex--wide-l--padding-bottom-3xs":"_1fa7Cu","LayoutFlex--wide-l--padding-left-3xs":"_21amYs","LayoutFlex--wide-l--padding-top-2xs":"_3dexk-","LayoutFlex--wide-l--padding-right-2xs":"_175j96","LayoutFlex--wide-l--padding-bottom-2xs":"_168jvA","LayoutFlex--wide-l--padding-left-2xs":"_33Ohnx","LayoutFlex--wide-l--padding-top-xs":"_131gCw","LayoutFlex--wide-l--padding-right-xs":"_1ZXZh3","LayoutFlex--wide-l--padding-bottom-xs":"_1hcaL8","LayoutFlex--wide-l--padding-left-xs":"_3apa5b","LayoutFlex--wide-l--padding-top-s":"_1FW4HA","LayoutFlex--wide-l--padding-right-s":"_2LIXsD","LayoutFlex--wide-l--padding-bottom-s":"_3E6jyJ","LayoutFlex--wide-l--padding-left-s":"_1w_2Ua","LayoutFlex--wide-l--padding-top-m":"_2mff5w","LayoutFlex--wide-l--padding-right-m":"_2y99Br","LayoutFlex--wide-l--padding-bottom-m":"_31B75e","LayoutFlex--wide-l--padding-left-m":"_1113Tv","LayoutFlex--wide-l--padding-top-l":"Zkft7H","LayoutFlex--wide-l--padding-right-l":"kvlHcC","LayoutFlex--wide-l--padding-bottom-l":"_15LEHH","LayoutFlex--wide-l--padding-left-l":"_2UaFWb","LayoutFlex--wide-l--padding-top-xl":"Uk95fI","LayoutFlex--wide-l--padding-right-xl":"_2YteCy","LayoutFlex--wide-l--padding-bottom-xl":"_3nG2XJ","LayoutFlex--wide-l--padding-left-xl":"fUbmc5","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--direction-column":"TeMu3z","LayoutFlex--direction-column-reverse":"_2JjQiK","LayoutFlex--direction-row":"_1o4EVj","LayoutFlex--direction-row-reverse":"_24jMtt","LayoutFlex--narrow-l--direction-column":"_1RG37V","LayoutFlex--narrow-l--direction-column-reverse":"_3Rxyiw","LayoutFlex--narrow-l--direction-row":"_8jyTaM","LayoutFlex--narrow-l--direction-row-reverse":"_1t_3rz","LayoutFlex--medium-s--direction-column":"_1dYvLd","LayoutFlex--medium-s--direction-column-reverse":"_3B2cts","LayoutFlex--medium-s--direction-row":"_1V-ESa","LayoutFlex--medium-s--direction-row-reverse":"_2eL5Ug","LayoutFlex--medium-l--direction-column":"_1zHTP_","LayoutFlex--medium-l--direction-column-reverse":"_3fBIHc","LayoutFlex--medium-l--direction-row":"_2r_ktS","LayoutFlex--medium-l--direction-row-reverse":"_3RGdxW","LayoutFlex--wide-s--direction-column":"_3_7sne","LayoutFlex--wide-s--direction-column-reverse":"_3z0dTP","LayoutFlex--wide-s--direction-row":"UEEKlY","LayoutFlex--wide-s--direction-row-reverse":"hMRiH8","LayoutFlex--wide-l--direction-column":"lmSiRy","LayoutFlex--wide-l--direction-column-reverse":"_1XoMkw","LayoutFlex--wide-l--direction-row":"_19m9cA","LayoutFlex--wide-l--direction-row-reverse":"_2gCQJe","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--narrow-l--justify-content-center":"_36Psqa","LayoutFlex--narrow-l--justify-content-start":"_3-j-w1","LayoutFlex--narrow-l--justify-content-end":"_1Lu-3E","LayoutFlex--narrow-l--justify-content-space-between":"_2VnVRQ","LayoutFlex--narrow-l--justify-content-space-around":"_1nH_hK","LayoutFlex--narrow-l--justify-content-space-evenly":"_3-_n_C","LayoutFlex--medium-s--justify-content-center":"Qf6Cla","LayoutFlex--medium-s--justify-content-start":"_6sxNQO","LayoutFlex--medium-s--justify-content-end":"ZxlLXH","LayoutFlex--medium-s--justify-content-space-between":"Cn_Bv2","LayoutFlex--medium-s--justify-content-space-around":"_1i_Qo3","LayoutFlex--medium-s--justify-content-space-evenly":"_2C1XQX","LayoutFlex--medium-l--justify-content-center":"_3o7wjp","LayoutFlex--medium-l--justify-content-start":"_1gPYrw","LayoutFlex--medium-l--justify-content-end":"_22LB-D","LayoutFlex--medium-l--justify-content-space-between":"_3MnmNN","LayoutFlex--medium-l--justify-content-space-around":"_12WcM9","LayoutFlex--medium-l--justify-content-space-evenly":"_3Pz1zS","LayoutFlex--wide-s--justify-content-center":"_3R_B9A","LayoutFlex--wide-s--justify-content-start":"_11KLzX","LayoutFlex--wide-s--justify-content-end":"_3YOo5Q","LayoutFlex--wide-s--justify-content-space-between":"HT4Jrf","LayoutFlex--wide-s--justify-content-space-around":"_3NRNH8","LayoutFlex--wide-s--justify-content-space-evenly":"_32hfui","LayoutFlex--wide-l--justify-content-center":"FQ1F3D","LayoutFlex--wide-l--justify-content-start":"c6aMED","LayoutFlex--wide-l--justify-content-end":"_3YO2K0","LayoutFlex--wide-l--justify-content-space-between":"_32nrja","LayoutFlex--wide-l--justify-content-space-around":"_2O5f5W","LayoutFlex--wide-l--justify-content-space-evenly":"LoonNj","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutFlex--narrow-l--align-items-center":"_1mmFAl","LayoutFlex--narrow-l--align-items-start":"_10ybPf","LayoutFlex--narrow-l--align-items-end":"_3Gldvl","LayoutFlex--narrow-l--align-items-stretch":"iA36V8","LayoutFlex--narrow-l--align-items-baseline":"_-6GZ3C","LayoutFlex--medium-s--align-items-center":"o5yv5p","LayoutFlex--medium-s--align-items-start":"_3SIoEN","LayoutFlex--medium-s--align-items-end":"_3LKoyS","LayoutFlex--medium-s--align-items-stretch":"_18CZ6Z","LayoutFlex--medium-s--align-items-baseline":"-nZAw3","LayoutFlex--medium-l--align-items-center":"AQDorR","LayoutFlex--medium-l--align-items-start":"_34BfZ_","LayoutFlex--medium-l--align-items-end":"_3iylCj","LayoutFlex--medium-l--align-items-stretch":"Z1VCoB","LayoutFlex--medium-l--align-items-baseline":"_3dtfdr","LayoutFlex--wide-s--align-items-center":"_1Ks9s5","LayoutFlex--wide-s--align-items-start":"_34ZJYW","LayoutFlex--wide-s--align-items-end":"_2pqScu","LayoutFlex--wide-s--align-items-stretch":"vkNyz8","LayoutFlex--wide-s--align-items-baseline":"_7Y7qo5","LayoutFlex--wide-l--align-items-center":"_1CEGxp","LayoutFlex--wide-l--align-items-start":"_2ZDTru","LayoutFlex--wide-l--align-items-end":"_1vx6fg","LayoutFlex--wide-l--align-items-stretch":"_25WgaN","LayoutFlex--wide-l--align-items-baseline":"_2oMAvk","LayoutGrid":"_1C0eq8","LayoutGrid--gap-none":"_3JhbNt","LayoutGrid--gap-3xs":"_1HEcbC","LayoutGrid--gap-2xs":"_1N4Zuv","LayoutGrid--gap-xs":"_1-XHso","LayoutGrid--gap-s":"_2IkWNq","LayoutGrid--gap-m":"_2hyzTo","LayoutGrid--gap-l":"_2ZTaVv","LayoutGrid--gap-xl":"_3qb755","LayoutGrid--narrow-l--gap-none":"_3Kl9R_","LayoutGrid--narrow-l--gap-3xs":"_1vbixr","LayoutGrid--narrow-l--gap-2xs":"_2rKUDF","LayoutGrid--narrow-l--gap-xs":"_1TJTCx","LayoutGrid--narrow-l--gap-s":"_3WQpKC","LayoutGrid--narrow-l--gap-m":"_12kSYL","LayoutGrid--narrow-l--gap-l":"_3hiXAQ","LayoutGrid--narrow-l--gap-xl":"wLJXr3","LayoutGrid--medium-s--gap-none":"_3EDp7p","LayoutGrid--medium-s--gap-3xs":"_2z0ygN","LayoutGrid--medium-s--gap-2xs":"_2dagJC","LayoutGrid--medium-s--gap-xs":"_345iNf","LayoutGrid--medium-s--gap-s":"_3Dva9x","LayoutGrid--medium-s--gap-m":"_3qwsJC","LayoutGrid--medium-s--gap-l":"_1UeO3D","LayoutGrid--medium-s--gap-xl":"_2UifZE","LayoutGrid--medium-l--gap-none":"_34yaDM","LayoutGrid--medium-l--gap-3xs":"_13-fb9","LayoutGrid--medium-l--gap-2xs":"XleEyG","LayoutGrid--medium-l--gap-xs":"_1D1fsX","LayoutGrid--medium-l--gap-s":"_149WVJ","LayoutGrid--medium-l--gap-m":"lHLqn7","LayoutGrid--medium-l--gap-l":"OhJF2k","LayoutGrid--medium-l--gap-xl":"_231a3s","LayoutGrid--wide-s--gap-none":"_2t8hqP","LayoutGrid--wide-s--gap-3xs":"_1w2Ii7","LayoutGrid--wide-s--gap-2xs":"_1m1gs8","LayoutGrid--wide-s--gap-xs":"_3qvUB1","LayoutGrid--wide-s--gap-s":"prxM6T","LayoutGrid--wide-s--gap-m":"_3k1kX6","LayoutGrid--wide-s--gap-l":"gCH_T-","LayoutGrid--wide-s--gap-xl":"_3lxkZC","LayoutGrid--wide-l--gap-none":"_2FTDuk","LayoutGrid--wide-l--gap-3xs":"_3jycQR","LayoutGrid--wide-l--gap-2xs":"_3NPAc0","LayoutGrid--wide-l--gap-xs":"_1Objjq","LayoutGrid--wide-l--gap-s":"_2fMRWh","LayoutGrid--wide-l--gap-m":"_2xzxGr","LayoutGrid--wide-l--gap-l":"T5WigT","LayoutGrid--wide-l--gap-xl":"_1SALbm","LayoutGrid--padding-none":"_2810ZQ","LayoutGrid--padding-3xs":"GCWWp1","LayoutGrid--padding-2xs":"_26DBh8","LayoutGrid--padding-xs":"_2MOywW","LayoutGrid--padding-s":"_2qYGQe","LayoutGrid--padding-m":"_3vJ5sb","LayoutGrid--padding-l":"_1NStuR","LayoutGrid--padding-xl":"_1YQt_H","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TOKEN_ID_FIELD, TOKEN_COLOR_SCHEME_AWARE_FIELD } from '@preply/ds-core-types';
|
|
2
2
|
import { flatten } from '../../array/flatten.js';
|
|
3
|
-
import {
|
|
3
|
+
import { moduleClassName } from '../../css-module/classNames.js';
|
|
4
4
|
|
|
5
5
|
class Theme {
|
|
6
6
|
constructor(styles, name, extend = [], tokens) {
|
|
@@ -33,7 +33,7 @@ class Theme {
|
|
|
33
33
|
}
|
|
34
34
|
getClassName() {
|
|
35
35
|
const extendedClasses = this.extend.map(theme => theme.getClassName());
|
|
36
|
-
const selfClass =
|
|
36
|
+
const selfClass = moduleClassName(this.styles, Theme.PREFIX + this.name);
|
|
37
37
|
return [...extendedClasses, selfClass].join(' ');
|
|
38
38
|
}
|
|
39
39
|
/**
|
|
@@ -60,4 +60,4 @@ class Theme {
|
|
|
60
60
|
Theme.PREFIX = 'ds-';
|
|
61
61
|
|
|
62
62
|
export { Theme };
|
|
63
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jbGFzc2VzL1RoZW1lLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgdHlwZSB7IFRoZW1lVG9rZW5NYXAsIFRva2VuLCBUb2tlblZhbHVlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlLXR5cGVzJztcbmltcG9ydCB7IFRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCwgVE9LRU5fSURfRklFTEQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQgeyBmbGF0dGVuIH0gZnJvbSAnLi4vLi4vYXJyYXkvZmxhdHRlbic7XG5pbXBvcnQgeyBDb2xvclNjaGVtZUludGVyZmFjZSB9IGZyb20gJy4uLy4uL2NvbG9yLXNjaGVtZSc7XG5pbXBvcnQgeyBtb2R1bGVDbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IFRoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgVGhlbWUgaW1wbGVtZW50cyBUaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIHRva2Vucz86IFRoZW1lVG9rZW5NYXA7XG4gICAgcHJpdmF0ZSBleHRlbmQ6IFRoZW1lSW50ZXJmYWNlW107XG4gICAgcHVibGljIHJlYWRvbmx5IG5hbWU6IFRoZW1lTmFtZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBzdHlsZXM6IENTU01vZHVsZSxcbiAgICAgICAgbmFtZTogVGhlbWVOYW1lLFxuICAgICAgICBleHRlbmQ6IFRoZW1lSW50ZXJmYWNlW10gPSBbXSxcbiAgICAgICAgdG9rZW5zPzogVGhlbWVUb2tlbk1hcCxcbiAgICApIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgICAgICB0aGlzLnRva2VucyA9IHRva2VucztcbiAgICB9XG5cbiAgICBwcml2YXRlIGluaGVyaXRlZFRva2VuKHQ6IFRva2VuLCBjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVJbnRlcmZhY2UpOiBUb2tlblZhbHVlIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgbGV0IHZhbHVlO1xuICAgICAgICB0aGlzLmV4dGVuZC5maW5kKHRoZW1lID0+IHtcbiAgICAgICAgICAgIHZhbHVlID0gdGhlbWUuZ2V0VG9rZW4odCwgY29sb3JTY2hlbWUpO1xuICAgICAgICAgICAgcmV0dXJuIHZhbHVlICE9PSB1bmRlZmluZWQ7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjb2xvclNjaGVtZVRva2VuKHQ6IFRva2VuLCBjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVJbnRlcmZhY2UpOiBUb2tlblZhbHVlIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAgICAgICBjb25zdCBpZCA9IHRbVE9LRU5fSURfRklFTERdO1xuICAgICAgICBjb25zdCB0b2tlbiA9IHRoaXMudG9rZW5zICYmIHRoaXMudG9rZW5zW2B0JHtpZH1gXTtcblxuICAgICAgICBpZiAodG9rZW4pIHtcbiAgICAgICAgICAgIGxldCB2YWx1ZTtcbiAgICAgICAgICAgIGNvbG9yU2NoZW1lLmdldE5hbWVzKCkuZmluZChzY2hlbWVOYW1lID0+IHtcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IHRva2VuW3NjaGVtZU5hbWVdO1xuICAgICAgICAgICAgICAgIHJldHVybiB2YWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICBnZXRDbGFzc05hbWUoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgZXh0ZW5kZWRDbGFzc2VzID0gdGhpcy5leHRlbmQubWFwKHRoZW1lID0+IHRoZW1lLmdldENsYXNzTmFtZSgpKTtcbiAgICAgICAgY29uc3Qgc2VsZkNsYXNzID0gbW9kdWxlQ2xhc3NOYW1lKHRoaXMuc3R5bGVzLCBUaGVtZS5QUkVGSVggKyB0aGlzLm5hbWUpO1xuICAgICAgICByZXR1cm4gWy4uLmV4dGVuZGVkQ2xhc3Nlcywgc2VsZkNsYXNzXS5qb2luKCcgJyk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogb3JkZXIgbWF0dGVycywgc2VsZiBzdHlsZXMgc2hvdWxkIGZvbGxvdyBpbmhlcml0ZWQgdGhlbWUocylcbiAgICAgKi9cbiAgICBnZXRTdHlsZXMoKTogQ1NTTW9kdWxlW10ge1xuICAgICAgICBjb25zdCBleHRlbmRlZFN0eWxlcyA9IGZsYXR0ZW4odGhpcy5leHRlbmQubWFwKHRoZW1lID0+IHRoZW1lLmdldFN0eWxlcygpKSkgfHwgW107XG4gICAgICAgIHJldHVybiBbLi4uZXh0ZW5kZWRTdHlsZXMsIHRoaXMuc3R5bGVzXTtcbiAgICB9XG5cbiAgICBnZXRUb2tlbih0OiBUb2tlbiwgY29sb3JTY2hlbWU6IENvbG9yU2NoZW1lSW50ZXJmYWNlKTogVG9rZW5WYWx1ZSB8IHVuZGVmaW5lZCB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgICAgICAgY29uc3QgaWQgPSB0W1RPS0VOX0lEX0ZJRUxEXTtcbiAgICAgICAgY29uc3QgaXNDb2xvclNjaGVtZUF3YXJlID0gdFtUT0tFTl9DT0xPUl9TQ0hFTUVfQVdBUkVfRklFTERdO1xuICAgICAgICBjb25zdCB0b2tlbiA9IHRoaXMudG9rZW5zICYmIHRoaXMudG9rZW5zW2B0JHtpZH1gXTtcblxuICAgICAgICBjb25zdCB2YWx1ZSA9IGlzQ29sb3JTY2hlbWVBd2FyZVxuICAgICAgICAgICAgPyB0aGlzLmNvbG9yU2NoZW1lVG9rZW4odCwgY29sb3JTY2hlbWUpXG4gICAgICAgICAgICA6ICh0b2tlbiBhcyBUb2tlblZhbHVlKTtcblxuICAgICAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCAmJiB0aGlzLmV4dGVuZCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaW5oZXJpdGVkVG9rZW4odCwgY29sb3JTY2hlbWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O01BVWEsS0FBSztJQVFkLFlBQ0ksTUFBaUIsRUFDakIsSUFBZSxFQUNmLFNBQTJCLEVBQUUsRUFDN0IsTUFBc0I7UUFFdEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7S0FDeEI7SUFFTyxjQUFjLENBQUMsQ0FBUSxFQUFFLFdBQWlDO1FBQzlELElBQUksS0FBSyxDQUFDO1FBQ1YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSztZQUNsQixLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsV0FBVyxDQUFDLENBQUM7WUFDdkMsT0FBTyxLQUFLLEtBQUssU0FBUyxDQUFDO1NBQzlCLENBQUMsQ0FBQztRQUNILE9BQU8sS0FBSyxDQUFDO0tBQ2hCO0lBRU8sZ0JBQWdCLENBQUMsQ0FBUSxFQUFFLFdBQWlDOztRQUVoRSxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDN0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVuRCxJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksS0FBSyxDQUFDO1lBQ1YsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVO2dCQUNsQyxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUMxQixPQUFPLEtBQUssS0FBSyxTQUFTLENBQUM7YUFDOUIsQ0FBQyxDQUFDO1lBQ0gsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFDRCxPQUFPLFNBQVMsQ0FBQztLQUNwQjtJQUVELFlBQVk7UUFDUixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDdkUsTUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekUsT0FBTyxDQUFDLEdBQUcsZUFBZSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUNwRDs7OztJQUtELFNBQVM7UUFDTCxNQUFNLGNBQWMsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xGLE9BQU8sQ0FBQyxHQUFHLGNBQWMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7S0FDM0M7SUFFRCxRQUFRLENBQUMsQ0FBUSxFQUFFLFdBQWlDOztRQUVoRCxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDN0IsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLENBQUMsOEJBQThCLENBQUMsQ0FBQztRQUM3RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRW5ELE1BQU0sS0FBSyxHQUFHLGtCQUFrQjtjQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxFQUFFLFdBQVcsQ0FBQztjQUNwQyxLQUFvQixDQUFDO1FBRTVCLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ3BDLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLEVBQUUsV0FBVyxDQUFDLENBQUM7U0FDOUM7UUFFRCxPQUFPLEtBQUssQ0FBQztLQUNoQjs7QUF6RU0sWUFBTSxHQUFHLEtBQUs7Ozs7In0=
|
|
@@ -59,6 +59,26 @@
|
|
|
59
59
|
font-size: @@token;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
.font-weight(@namespace, @key) {
|
|
63
|
+
@token: '@{namespace}-@{key}-fontWeight';
|
|
64
|
+
font-weight: @@token;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.line-height(@namespace, @key) {
|
|
68
|
+
@token: '@{namespace}-@{key}-lineHeight';
|
|
69
|
+
line-height: ~'@{@{token}}%';
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.letter-spacing(@namespace, @key) {
|
|
73
|
+
@token: '@{namespace}-@{key}-letterSpacing';
|
|
74
|
+
letter-spacing: ~'@{@{token}}em';
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.font-style(@namespace, @key) {
|
|
78
|
+
@token: '@{namespace}-@{key}-fontStyle';
|
|
79
|
+
font-style: @@token;
|
|
80
|
+
}
|
|
81
|
+
|
|
62
82
|
.color(@namespace, @key) {
|
|
63
83
|
@token: '@{namespace}-@{key}-color';
|
|
64
84
|
color: @@token;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@import '../../generated/tokens.less';
|
|
2
2
|
@import '../../generated/options.less';
|
|
3
3
|
@import '../../theme/style/declarations.mixins.less';
|
|
4
|
+
@import '../../responsive/style/mixins.less';
|
|
4
5
|
|
|
5
6
|
.type-base() {
|
|
6
7
|
font-family: @root-text-base-fontFamily;
|
|
@@ -39,11 +40,37 @@
|
|
|
39
40
|
});
|
|
40
41
|
}
|
|
41
42
|
|
|
43
|
+
.text-variants() {
|
|
44
|
+
each(@TEXT_VARIANT_OPTIONS, {
|
|
45
|
+
&--variant-@{value} {
|
|
46
|
+
@token: 'variant-@{value}';
|
|
47
|
+
.font-size('text', @token);
|
|
48
|
+
.font-weight('text', @token);
|
|
49
|
+
.line-height('text', @token);
|
|
50
|
+
.letter-spacing('text', @token);
|
|
51
|
+
.font-style('text', @token)
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
|
|
42
56
|
.heading-levels() {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
57
|
+
.responsive({
|
|
58
|
+
each(@HEADING_LEVEL_OPTIONS, {
|
|
59
|
+
&--level-@{value}-normal {
|
|
60
|
+
@token: 'level-@{value}-normal';
|
|
61
|
+
.font-size('heading', @token);
|
|
62
|
+
.font-weight('heading', @token);
|
|
63
|
+
.line-height('heading', @token);
|
|
64
|
+
.letter-spacing('heading', @token);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&--level-@{value}-large {
|
|
68
|
+
@token: 'level-@{value}-large';
|
|
69
|
+
.font-size('heading', @token);
|
|
70
|
+
.font-weight('heading', @token);
|
|
71
|
+
.line-height('heading', @token);
|
|
72
|
+
.letter-spacing('heading', @token);
|
|
73
|
+
}
|
|
74
|
+
});
|
|
48
75
|
});
|
|
49
76
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.31.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.
|
|
23
|
-
"@preply/ds-core-types": "0.
|
|
22
|
+
"@preply/ds-core": "0.31.0",
|
|
23
|
+
"@preply/ds-core-types": "0.31.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.31.0",
|
|
27
|
+
"@preply/ds-core-types": "0.31.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "535ad4e1cb94db51dfa5308c0536a89d9a77237f"
|
|
32
32
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { CSSModule } from './types';
|
|
2
|
-
export type { CSSModule } from './types';
|
|
3
|
-
declare type Concatenated = Array<string | undefined>;
|
|
4
|
-
declare type Conditional = {
|
|
5
|
-
if: boolean | undefined;
|
|
6
|
-
then: string | Concatenated | undefined;
|
|
7
|
-
};
|
|
8
|
-
declare type ClassName = Concatenated | Conditional | string | undefined;
|
|
9
|
-
export declare const safeClassName: (cssModule: CSSModule, name: string) => string;
|
|
10
|
-
export declare const localClasses: (cssModule: CSSModule, namespace: string, locals?: ClassName[]) => string[];
|
|
11
|
-
export declare const globalClasses: (globals?: ClassName[]) => string[];
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
const fromArray = (classname) => !classname.includes(undefined) ? classname.join('-') : undefined;
|
|
2
|
-
const fromObject = (classname, recurse) => classname.if ? recurse(classname.then) : undefined;
|
|
3
|
-
const conditionalClass = (classname) => {
|
|
4
|
-
if (Array.isArray(classname)) {
|
|
5
|
-
return fromArray(classname);
|
|
6
|
-
}
|
|
7
|
-
if (typeof classname === 'object') {
|
|
8
|
-
return fromObject(classname, conditionalClass);
|
|
9
|
-
}
|
|
10
|
-
return classname;
|
|
11
|
-
};
|
|
12
|
-
const safeClassName = (cssModule, name) => {
|
|
13
|
-
if (!cssModule[name]) {
|
|
14
|
-
throw new Error(`Unknow classname ${name}`);
|
|
15
|
-
}
|
|
16
|
-
return cssModule[name];
|
|
17
|
-
};
|
|
18
|
-
const localClasses = (cssModule, namespace, locals = []) => locals
|
|
19
|
-
.map(part => conditionalClass(part))
|
|
20
|
-
.filter(classname => classname)
|
|
21
|
-
.map(classname => `${namespace}--${classname}`)
|
|
22
|
-
.map(classname => safeClassName(cssModule, classname));
|
|
23
|
-
const globalClasses = (globals = []) => globals.map(part => conditionalClass(part)).filter(classname => classname);
|
|
24
|
-
|
|
25
|
-
export { globalClasses, localClasses, safeClassName };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy1kZXByZWNhdGVkLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY3NzLW1vZHVsZS9jbGFzc2VzLWRlcHJlY2F0ZWQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBDb25jYXRlbmF0ZWQgPSBBcnJheTxzdHJpbmcgfCB1bmRlZmluZWQ+O1xudHlwZSBDb25kaXRpb25hbCA9IHtcbiAgICBpZjogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgICB0aGVuOiBzdHJpbmcgfCBDb25jYXRlbmF0ZWQgfCB1bmRlZmluZWQ7XG59O1xudHlwZSBDbGFzc05hbWUgPSBDb25jYXRlbmF0ZWQgfCBDb25kaXRpb25hbCB8IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuY29uc3QgZnJvbUFycmF5ID0gKGNsYXNzbmFtZTogQ29uY2F0ZW5hdGVkKTogc3RyaW5nIHwgdW5kZWZpbmVkID0+XG4gICAgIWNsYXNzbmFtZS5pbmNsdWRlcyh1bmRlZmluZWQpID8gY2xhc3NuYW1lLmpvaW4oJy0nKSA6IHVuZGVmaW5lZDtcblxuY29uc3QgZnJvbU9iamVjdCA9IChjbGFzc25hbWU6IENvbmRpdGlvbmFsLCByZWN1cnNlOiB0eXBlb2YgY29uZGl0aW9uYWxDbGFzcyk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PlxuICAgIGNsYXNzbmFtZS5pZiA/IHJlY3Vyc2UoY2xhc3NuYW1lLnRoZW4pIDogdW5kZWZpbmVkO1xuXG5jb25zdCBjb25kaXRpb25hbENsYXNzID0gKGNsYXNzbmFtZTogQ2xhc3NOYW1lKTogc3RyaW5nIHwgdW5kZWZpbmVkID0+IHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShjbGFzc25hbWUpKSB7XG4gICAgICAgIHJldHVybiBmcm9tQXJyYXkoY2xhc3NuYW1lKTtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiBjbGFzc25hbWUgPT09ICdvYmplY3QnKSB7XG4gICAgICAgIHJldHVybiBmcm9tT2JqZWN0KGNsYXNzbmFtZSwgY29uZGl0aW9uYWxDbGFzcyk7XG4gICAgfVxuICAgIHJldHVybiBjbGFzc25hbWU7XG59O1xuXG5leHBvcnQgY29uc3Qgc2FmZUNsYXNzTmFtZSA9IChjc3NNb2R1bGU6IENTU01vZHVsZSwgbmFtZTogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICBpZiAoIWNzc01vZHVsZVtuYW1lXSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVua25vdyBjbGFzc25hbWUgJHtuYW1lfWApO1xuICAgIH1cbiAgICByZXR1cm4gY3NzTW9kdWxlW25hbWVdO1xufTtcblxuZXhwb3J0IGNvbnN0IGxvY2FsQ2xhc3NlcyA9IChcbiAgICBjc3NNb2R1bGU6IENTU01vZHVsZSxcbiAgICBuYW1lc3BhY2U6IHN0cmluZyxcbiAgICBsb2NhbHM6IENsYXNzTmFtZVtdID0gW10sXG4pOiBzdHJpbmdbXSA9PlxuICAgIGxvY2Fsc1xuICAgICAgICAubWFwKHBhcnQgPT4gY29uZGl0aW9uYWxDbGFzcyhwYXJ0KSlcbiAgICAgICAgLmZpbHRlcihjbGFzc25hbWUgPT4gY2xhc3NuYW1lKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBgJHtuYW1lc3BhY2V9LS0ke2NsYXNzbmFtZX1gKVxuICAgICAgICAubWFwKGNsYXNzbmFtZSA9PiBzYWZlQ2xhc3NOYW1lKGNzc01vZHVsZSwgY2xhc3NuYW1lKSk7XG5cbmV4cG9ydCBjb25zdCBnbG9iYWxDbGFzc2VzID0gKGdsb2JhbHM6IENsYXNzTmFtZVtdID0gW10pOiBzdHJpbmdbXSA9PlxuICAgIGdsb2JhbHMubWFwKHBhcnQgPT4gY29uZGl0aW9uYWxDbGFzcyhwYXJ0KSkuZmlsdGVyKGNsYXNzbmFtZSA9PiBjbGFzc25hbWUpIGFzIHN0cmluZ1tdO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdBLE1BQU0sU0FBUyxHQUFHLENBQUMsU0FBdUIsS0FDdEMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsU0FBUyxDQUFDO0FBRXJFLE1BQU0sVUFBVSxHQUFHLENBQUMsU0FBc0IsRUFBRSxPQUFnQyxLQUN4RSxTQUFTLENBQUMsRUFBRSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsU0FBUyxDQUFDO0FBRXZELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxTQUFvQjtJQUMxQyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUU7UUFDMUIsT0FBTyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUM7S0FDL0I7SUFDRCxJQUFJLE9BQU8sU0FBUyxLQUFLLFFBQVEsRUFBRTtRQUMvQixPQUFPLFVBQVUsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztLQUNsRDtJQUNELE9BQU8sU0FBUyxDQUFDO0FBQ3JCLENBQUMsQ0FBQztNQUVXLGFBQWEsR0FBRyxDQUFDLFNBQW9CLEVBQUUsSUFBWTtJQUM1RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQ2xCLE1BQU0sSUFBSSxLQUFLLENBQUMsb0JBQW9CLElBQUksRUFBRSxDQUFDLENBQUM7S0FDL0M7SUFDRCxPQUFPLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUMzQixFQUFFO01BRVcsWUFBWSxHQUFHLENBQ3hCLFNBQW9CLEVBQ3BCLFNBQWlCLEVBQ2pCLFNBQXNCLEVBQUUsS0FFeEIsTUFBTTtLQUNELEdBQUcsQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDbkMsTUFBTSxDQUFDLFNBQVMsSUFBSSxTQUFTLENBQUM7S0FDOUIsR0FBRyxDQUFDLFNBQVMsSUFBSSxHQUFHLFNBQVMsS0FBSyxTQUFTLEVBQUUsQ0FBQztLQUM5QyxHQUFHLENBQUMsU0FBUyxJQUFJLGFBQWEsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLEVBQUU7TUFFbEQsYUFBYSxHQUFHLENBQUMsVUFBdUIsRUFBRSxLQUNuRCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUzs7OzsifQ==
|