@preply/ds-web-core 0.98.0 → 0.99.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/field/hooks/useNumberField.d.ts.map +1 -1
- package/dist/field/hooks/useNumberField.js +4 -4
- package/dist/field/hooks/usePasswordField.d.ts.map +1 -1
- package/dist/field/hooks/usePasswordField.js +4 -4
- package/dist/field/hooks/useSelectField.d.ts.map +1 -1
- package/dist/field/hooks/useSelectField.js +4 -4
- package/dist/field/hooks/useTextField.d.ts.map +1 -1
- package/dist/field/hooks/useTextField.js +4 -4
- package/dist/field/hooks/useTextareaField.d.ts.map +1 -1
- package/dist/field/hooks/useTextareaField.js +4 -4
- package/dist/generated/breakpoints.less +1 -1
- package/dist/generated/breakpoints.scss +1 -1
- package/dist/generated/hover.less +1 -1
- package/dist/generated/hover.scss +1 -1
- package/dist/generated/options.less +1 -1
- package/dist/generated/options.scss +1 -1
- package/dist/generated/tokens.less +1 -1
- package/dist/generated/tokens.scss +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -13
- package/package.json +8 -7
- package/dist/layout/hooks/useLayoutClassNames.d.ts +0 -5
- package/dist/layout/hooks/useLayoutClassNames.d.ts.map +0 -1
- package/dist/layout/hooks/useLayoutClassNames.js +0 -11
- package/dist/layout/hooks/useLayoutFlexClassNames.d.ts +0 -5
- package/dist/layout/hooks/useLayoutFlexClassNames.d.ts.map +0 -1
- package/dist/layout/hooks/useLayoutFlexClassNames.js +0 -43
- package/dist/layout/hooks/useLayoutGridClassNames.d.ts +0 -5
- package/dist/layout/hooks/useLayoutGridClassNames.d.ts.map +0 -1
- package/dist/layout/hooks/useLayoutGridClassNames.js +0 -36
- package/dist/layout/hooks/useLayoutGridResponsiveColumns.d.ts +0 -8
- package/dist/layout/hooks/useLayoutGridResponsiveColumns.d.ts.map +0 -1
- package/dist/layout/hooks/useLayoutGridResponsiveColumns.js +0 -46
- package/dist/layout/index.d.ts +0 -10
- package/dist/layout/index.d.ts.map +0 -1
- package/dist/layout/index.js +0 -10
- package/dist/layout/module-align-self/hooks/useAlignSelfClassNames.d.ts +0 -3
- package/dist/layout/module-align-self/hooks/useAlignSelfClassNames.d.ts.map +0 -1
- package/dist/layout/module-align-self/hooks/useAlignSelfClassNames.js +0 -12
- package/dist/layout/module-align-self/index.d.ts +0 -2
- package/dist/layout/module-align-self/index.d.ts.map +0 -1
- package/dist/layout/module-align-self/index.js +0 -2
- package/dist/layout/module-align-self/style/index.module.less +0 -5
- package/dist/layout/module-align-self/style/index.module.less.js +0 -9
- package/dist/layout/module-align-self/style/mixins.less +0 -18
- package/dist/layout/module-align-self/style/mixins.less.js +0 -8
- package/dist/layout/module-layout-gap/hooks/useLayoutGapClassnames.d.ts +0 -3
- package/dist/layout/module-layout-gap/hooks/useLayoutGapClassnames.d.ts.map +0 -1
- package/dist/layout/module-layout-gap/hooks/useLayoutGapClassnames.js +0 -12
- package/dist/layout/module-layout-gap/index.d.ts +0 -2
- package/dist/layout/module-layout-gap/index.d.ts.map +0 -1
- package/dist/layout/module-layout-gap/index.js +0 -2
- package/dist/layout/module-layout-gap/style/index.module.less +0 -5
- package/dist/layout/module-layout-gap/style/index.module.less.js +0 -9
- package/dist/layout/module-layout-gap/style/mixins.less +0 -21
- package/dist/layout/module-layout-gap/style/mixins.less.js +0 -8
- package/dist/layout/module-layout-hide/hooks/useLayoutHideClassnames.d.ts +0 -3
- package/dist/layout/module-layout-hide/hooks/useLayoutHideClassnames.d.ts.map +0 -1
- package/dist/layout/module-layout-hide/hooks/useLayoutHideClassnames.js +0 -13
- package/dist/layout/module-layout-hide/index.d.ts +0 -2
- package/dist/layout/module-layout-hide/index.d.ts.map +0 -1
- package/dist/layout/module-layout-hide/index.js +0 -2
- package/dist/layout/module-layout-hide/style/index.module.less +0 -5
- package/dist/layout/module-layout-hide/style/index.module.less.js +0 -9
- package/dist/layout/module-layout-hide/style/mixins.less +0 -30
- package/dist/layout/module-layout-hide/style/mixins.less.js +0 -8
- package/dist/layout/module-layout-padding/hooks/useLayoutPaddingClassnames.d.ts +0 -3
- package/dist/layout/module-layout-padding/hooks/useLayoutPaddingClassnames.d.ts.map +0 -1
- package/dist/layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js +0 -29
- package/dist/layout/module-layout-padding/index.d.ts +0 -2
- package/dist/layout/module-layout-padding/index.d.ts.map +0 -1
- package/dist/layout/module-layout-padding/index.js +0 -2
- package/dist/layout/module-layout-padding/style/index.module.less +0 -5
- package/dist/layout/module-layout-padding/style/index.module.less.js +0 -9
- package/dist/layout/module-layout-padding/style/mixins.less +0 -47
- package/dist/layout/module-layout-padding/style/mixins.less.js +0 -8
- package/dist/layout/module-layout-relative/hooks/useLayoutRelativeClassnames.d.ts +0 -3
- package/dist/layout/module-layout-relative/hooks/useLayoutRelativeClassnames.d.ts.map +0 -1
- package/dist/layout/module-layout-relative/hooks/useLayoutRelativeClassnames.js +0 -14
- package/dist/layout/module-layout-relative/index.d.ts +0 -2
- package/dist/layout/module-layout-relative/index.d.ts.map +0 -1
- package/dist/layout/module-layout-relative/index.js +0 -2
- package/dist/layout/module-layout-relative/style/index.module.less +0 -5
- package/dist/layout/module-layout-relative/style/index.module.less.js +0 -9
- package/dist/layout/module-layout-relative/style/mixins.less +0 -5
- package/dist/layout/module-layout-relative/style/mixins.less.js +0 -8
- package/dist/layout/style/flex.mixins.less +0 -102
- package/dist/layout/style/flex.mixins.less.js +0 -8
- package/dist/layout/style/grid.mixins.less +0 -55
- package/dist/layout/style/grid.mixins.less.js +0 -8
- package/dist/layout/style/index.module.less +0 -23
- package/dist/layout/style/index.module.less.js +0 -9
- package/dist/layout/style/tag.mixins.less +0 -8
- package/dist/layout/style/tag.mixins.less.js +0 -8
- package/dist/typography/index.d.ts +0 -4
- package/dist/typography/index.d.ts.map +0 -1
- package/dist/typography/index.js +0 -4
- package/dist/typography/module-text-accent/hooks/useTextAccentClassnames.d.ts +0 -3
- package/dist/typography/module-text-accent/hooks/useTextAccentClassnames.d.ts.map +0 -1
- package/dist/typography/module-text-accent/hooks/useTextAccentClassnames.js +0 -13
- package/dist/typography/module-text-accent/index.d.ts +0 -2
- package/dist/typography/module-text-accent/index.d.ts.map +0 -1
- package/dist/typography/module-text-accent/index.js +0 -2
- package/dist/typography/module-text-accent/style/index.module.less +0 -5
- package/dist/typography/module-text-accent/style/index.module.less.js +0 -9
- package/dist/typography/module-text-accent/style/mixins.less +0 -15
- package/dist/typography/module-text-accent/style/mixins.less.js +0 -8
- package/dist/typography/module-text-centered/hooks/useTextCenteredClassnames.d.ts +0 -3
- package/dist/typography/module-text-centered/hooks/useTextCenteredClassnames.d.ts.map +0 -1
- package/dist/typography/module-text-centered/hooks/useTextCenteredClassnames.js +0 -14
- package/dist/typography/module-text-centered/index.d.ts +0 -2
- package/dist/typography/module-text-centered/index.d.ts.map +0 -1
- package/dist/typography/module-text-centered/index.js +0 -2
- package/dist/typography/module-text-centered/style/index.module.less +0 -13
- package/dist/typography/module-text-centered/style/index.module.less.js +0 -9
- package/dist/typography/module-text-weight/hooks/useTextWeightClassNames.d.ts +0 -3
- package/dist/typography/module-text-weight/hooks/useTextWeightClassNames.d.ts.map +0 -1
- package/dist/typography/module-text-weight/hooks/useTextWeightClassNames.js +0 -12
- package/dist/typography/module-text-weight/index.d.ts +0 -2
- package/dist/typography/module-text-weight/index.d.ts.map +0 -1
- package/dist/typography/module-text-weight/index.js +0 -2
- package/dist/typography/module-text-weight/style/index.module.less +0 -5
- package/dist/typography/module-text-weight/style/index.module.less.js +0 -9
- package/dist/typography/module-text-weight/style/mixins.less +0 -12
- package/dist/typography/module-text-weight/style/mixins.less.js +0 -8
package/dist/index.js
CHANGED
|
@@ -21,15 +21,6 @@ export { AUTO_COMPLETE_DATE_DEFAULT, AUTO_COMPLETE_PASSWORD_DEFAULT, AUTO_COMPLE
|
|
|
21
21
|
export { AUTO_COMPLETE_DATE_OPTIONS, AUTO_COMPLETE_PASSWORD_OPTIONS, AUTO_COMPLETE_TEXTAREA_OPTIONS, AUTO_COMPLETE_TEXT_OPTIONS, INPUT_TYPE_OPTIONS, INPUT_TYPE_SIMPLE_TEXT_OPTIONS } from './input/options.js';
|
|
22
22
|
export { getInputProps } from './input/utils/getInputProps.js';
|
|
23
23
|
export { useForcedRef } from './input/utils/useForcedRef.js';
|
|
24
|
-
export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
|
|
25
|
-
export { useLayoutFlexClassNames } from './layout/hooks/useLayoutFlexClassNames.js';
|
|
26
|
-
export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.js';
|
|
27
|
-
export { useLayoutGridResponsiveColumns } from './layout/hooks/useLayoutGridResponsiveColumns.js';
|
|
28
|
-
export { useLayoutHideClassnames } from './layout/module-layout-hide/hooks/useLayoutHideClassnames.js';
|
|
29
|
-
export { useAlignSelfClassNames } from './layout/module-align-self/hooks/useAlignSelfClassNames.js';
|
|
30
|
-
export { useLayoutPaddingClassnames } from './layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
31
|
-
export { useLayoutRelativeClassnames } from './layout/module-layout-relative/hooks/useLayoutRelativeClassnames.js';
|
|
32
|
-
export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
33
24
|
export { minWidth } from './responsive/sc/mixins.js';
|
|
34
25
|
export { onHover } from './hover/sc/mixins.js';
|
|
35
26
|
export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
|
|
@@ -49,7 +40,4 @@ export { withTheme } from './theme/hocs/withTheme.js';
|
|
|
49
40
|
export { getTokenVar } from './token/util/getTokenVar.js';
|
|
50
41
|
export { useToken } from './token/hooks/useToken.js';
|
|
51
42
|
export { withGetToken } from './token/hocs/withGetToken.js';
|
|
52
|
-
|
|
53
|
-
export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
|
|
54
|
-
export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
|
|
55
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
|
43
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.99.0",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"publishConfig": {
|
|
5
6
|
"access": "public"
|
|
6
7
|
},
|
|
@@ -14,18 +15,18 @@
|
|
|
14
15
|
"clean": "rm -rf dist && rm -rf src/generated",
|
|
15
16
|
"test": "run --top-level vitest --coverage --watch=false",
|
|
16
17
|
"build": "NODE_ENV=production && run build:rollup",
|
|
17
|
-
"build:rollup": "run --top-level rollup -c rollup.config.
|
|
18
|
+
"build:rollup": "run --top-level rollup -c rollup.config.cjs",
|
|
18
19
|
"dev": "run build:rollup -w"
|
|
19
20
|
},
|
|
20
21
|
"dependencies": {
|
|
21
|
-
"@preply/ds-core": "0.
|
|
22
|
-
"@preply/ds-core-types": "0.
|
|
22
|
+
"@preply/ds-core": "0.99.0",
|
|
23
|
+
"@preply/ds-core-types": "0.99.0"
|
|
23
24
|
},
|
|
24
25
|
"peerDependencies": {
|
|
25
|
-
"@preply/ds-core": "0.
|
|
26
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.99.0",
|
|
27
|
+
"@preply/ds-core-types": "0.99.0",
|
|
27
28
|
"react": "^16 || ^18",
|
|
28
29
|
"react-dom": "^16 || ^18"
|
|
29
30
|
},
|
|
30
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "86944f4d2fb57bef026a1e98efd232d27a520f8f"
|
|
31
32
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutClassNames.d.ts","sourceRoot":"","sources":["../../../src/layout/hooks/useLayoutClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGR,mBAAmB,EACtB,MAAM,iBAAiB,CAAC;AAKzB,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,EAAE,mBAAmB,KAAK,MAAM,EAAE,CAAC;AAEtD,eAAO,MAAM,mBAAmB,EAAE,IAUjC,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { useLayoutFlexClassNames } from './useLayoutFlexClassNames.js';
|
|
2
|
-
import { useLayoutGridClassNames } from './useLayoutGridClassNames.js';
|
|
3
|
-
|
|
4
|
-
const useLayoutClassNames = props => {
|
|
5
|
-
const gridClassNames = useLayoutGridClassNames(props === null || props === void 0 ? void 0 : props.layout, props === null || props === void 0 ? void 0 : props.grid);
|
|
6
|
-
const flexClassNames = useLayoutFlexClassNames(props === null || props === void 0 ? void 0 : props.layout, props === null || props === void 0 ? void 0 : props.flex);
|
|
7
|
-
return [...gridClassNames, ...flexClassNames];
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { useLayoutClassNames };
|
|
11
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0Q2xhc3NOYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xheW91dC9ob29rcy91c2VMYXlvdXRDbGFzc05hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgICBPcHRpb25hbExheW91dEZsZXhQcm9wcyxcbiAgICBPcHRpb25hbExheW91dEdyaWRQcm9wcyxcbiAgICBPcHRpb25hbExheW91dFByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5pbXBvcnQgeyB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcyB9IGZyb20gJy4vdXNlTGF5b3V0RmxleENsYXNzTmFtZXMnO1xuaW1wb3J0IHsgdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMgfSBmcm9tICcuL3VzZUxheW91dEdyaWRDbGFzc05hbWVzJztcblxudHlwZSBIb29rID0gKHByb3BzPzogT3B0aW9uYWxMYXlvdXRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRDbGFzc05hbWVzOiBIb29rID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IGdyaWRDbGFzc05hbWVzID0gdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMoXG4gICAgICAgIHByb3BzPy5sYXlvdXQsXG4gICAgICAgIChwcm9wcyBhcyBPcHRpb25hbExheW91dEdyaWRQcm9wcyk/LmdyaWQsXG4gICAgKTtcbiAgICBjb25zdCBmbGV4Q2xhc3NOYW1lcyA9IHVzZUxheW91dEZsZXhDbGFzc05hbWVzKFxuICAgICAgICBwcm9wcz8ubGF5b3V0LFxuICAgICAgICAocHJvcHMgYXMgT3B0aW9uYWxMYXlvdXRGbGV4UHJvcHMpPy5mbGV4LFxuICAgICk7XG4gICAgcmV0dXJuIFsuLi5ncmlkQ2xhc3NOYW1lcywgLi4uZmxleENsYXNzTmFtZXNdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFXYSxNQUFBLG1CQUFtQixHQUFTLEtBQUssSUFBRztJQUM3QyxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FDMUMsS0FBSyxLQUFMLElBQUEsSUFBQSxLQUFLLHVCQUFMLEtBQUssQ0FBRSxNQUFNLEVBQ1osS0FBaUMsYUFBakMsS0FBSyxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFMLEtBQUssQ0FBOEIsSUFBSSxDQUMzQyxDQUFDO0lBQ0YsTUFBTSxjQUFjLEdBQUcsdUJBQXVCLENBQzFDLEtBQUssS0FBTCxJQUFBLElBQUEsS0FBSyx1QkFBTCxLQUFLLENBQUUsTUFBTSxFQUNaLEtBQWlDLGFBQWpDLEtBQUssS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBTCxLQUFLLENBQThCLElBQUksQ0FDM0MsQ0FBQztBQUNGLElBQUEsT0FBTyxDQUFDLEdBQUcsY0FBYyxFQUFFLEdBQUcsY0FBYyxDQUFDLENBQUM7QUFDbEQ7Ozs7In0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutFlexClassNames.d.ts","sourceRoot":"","sources":["../../../src/layout/hooks/useLayoutFlexClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiBnE,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,MAAM,EAAE,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,IAiDrC,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
|
|
3
|
-
import { useLayoutGapClassnames } from '../module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
4
|
-
import styles from '../style/index.module.less.js';
|
|
5
|
-
import { useLayoutPaddingClassnames } from '../module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
6
|
-
import { useLayoutHideClassnames } from '../module-layout-hide/hooks/useLayoutHideClassnames.js';
|
|
7
|
-
import { useLayoutRelativeClassnames } from '../module-layout-relative/hooks/useLayoutRelativeClassnames.js';
|
|
8
|
-
import { moduleClassNames, booleanClassNames, stringClassNames } from '../../css-module/classNames.js';
|
|
9
|
-
|
|
10
|
-
const LAYOUT_FLEX = 'LayoutFlex';
|
|
11
|
-
const useLayoutFlexClassNames = (layout, props) => {
|
|
12
|
-
useStyleExtract(styles);
|
|
13
|
-
const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, nowrap, column, reverse, direction, justifyContent, alignItems, hide, relative, inline, } = props || {};
|
|
14
|
-
if (layout !== 'flex') {
|
|
15
|
-
return [];
|
|
16
|
-
}
|
|
17
|
-
const actualDirection = direction || (!reverse && !column ? LAYOUT_FLEX_DIRECTION_DEFAULT : undefined);
|
|
18
|
-
const columnClassName = column ? 'column' : 'row';
|
|
19
|
-
const reverseClassName = reverse ? 'rev' : 'fwd';
|
|
20
|
-
const columnReverseClassName = `${columnClassName}-${reverseClassName}`;
|
|
21
|
-
const classNames = moduleClassNames(styles, LAYOUT_FLEX, [
|
|
22
|
-
booleanClassNames('nowrap', undefined, nowrap),
|
|
23
|
-
columnReverseClassName,
|
|
24
|
-
stringClassNames('direction', actualDirection),
|
|
25
|
-
stringClassNames('justify-content', justifyContent),
|
|
26
|
-
stringClassNames('align-items', alignItems),
|
|
27
|
-
]);
|
|
28
|
-
const gapClassNames = useLayoutGapClassnames(gap);
|
|
29
|
-
const paddingClassNames = useLayoutPaddingClassnames(padding);
|
|
30
|
-
const showClassName = inline ? 'inline-flex' : 'flex';
|
|
31
|
-
const hideClassNames = useLayoutHideClassnames(hide, showClassName);
|
|
32
|
-
const relativeClassNames = useLayoutRelativeClassnames(relative);
|
|
33
|
-
return [
|
|
34
|
-
...classNames,
|
|
35
|
-
...gapClassNames,
|
|
36
|
-
...paddingClassNames,
|
|
37
|
-
...hideClassNames,
|
|
38
|
-
...relativeClassNames,
|
|
39
|
-
];
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export { useLayoutFlexClassNames };
|
|
43
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBMQVlPVVRfRkxFWF9ESVJFQ1RJT05fREVGQVVMVCxcbiAgICBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUNsYXNzTmFtZXMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHsgdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtZ2FwL2hvb2tzL3VzZUxheW91dEdhcENsYXNzbmFtZXMnO1xuaW1wb3J0IHsgdXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LWhpZGUnO1xuaW1wb3J0IHsgdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LXBhZGRpbmcnO1xuaW1wb3J0IHsgdXNlTGF5b3V0UmVsYXRpdmVDbGFzc25hbWVzIH0gZnJvbSAnLi4vbW9kdWxlLWxheW91dC1yZWxhdGl2ZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEZsZXhQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgcGFkZGluZyA9IExBWU9VVF9QQURESU5HX0RFRkFVTFQsXG4gICAgICAgIG5vd3JhcCxcbiAgICAgICAgY29sdW1uLFxuICAgICAgICByZXZlcnNlLFxuICAgICAgICBkaXJlY3Rpb24sXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBoaWRlLFxuICAgICAgICByZWxhdGl2ZSxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGlmIChsYXlvdXQgIT09ICdmbGV4Jykge1xuICAgICAgICByZXR1cm4gW107XG4gICAgfVxuXG4gICAgY29uc3QgYWN0dWFsRGlyZWN0aW9uID1cbiAgICAgICAgZGlyZWN0aW9uIHx8ICghcmV2ZXJzZSAmJiAhY29sdW1uID8gTEFZT1VUX0ZMRVhfRElSRUNUSU9OX0RFRkFVTFQgOiB1bmRlZmluZWQpO1xuXG4gICAgY29uc3QgY29sdW1uQ2xhc3NOYW1lID0gY29sdW1uID8gJ2NvbHVtbicgOiAncm93JztcbiAgICBjb25zdCByZXZlcnNlQ2xhc3NOYW1lID0gcmV2ZXJzZSA/ICdyZXYnIDogJ2Z3ZCc7XG4gICAgY29uc3QgY29sdW1uUmV2ZXJzZUNsYXNzTmFtZSA9IGAke2NvbHVtbkNsYXNzTmFtZX0tJHtyZXZlcnNlQ2xhc3NOYW1lfWA7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdub3dyYXAnLCB1bmRlZmluZWQsIG5vd3JhcCksXG4gICAgICAgIGNvbHVtblJldmVyc2VDbGFzc05hbWUsXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2RpcmVjdGlvbicsIGFjdHVhbERpcmVjdGlvbiksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGdhcENsYXNzTmFtZXMgPSB1c2VMYXlvdXRHYXBDbGFzc25hbWVzKGdhcCk7XG4gICAgY29uc3QgcGFkZGluZ0NsYXNzTmFtZXMgPSB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyhwYWRkaW5nKTtcbiAgICBjb25zdCBzaG93Q2xhc3NOYW1lID0gaW5saW5lID8gJ2lubGluZS1mbGV4JyA6ICdmbGV4JztcbiAgICBjb25zdCBoaWRlQ2xhc3NOYW1lcyA9IHVzZUxheW91dEhpZGVDbGFzc25hbWVzKGhpZGUsIHNob3dDbGFzc05hbWUpO1xuICAgIGNvbnN0IHJlbGF0aXZlQ2xhc3NOYW1lcyA9IHVzZUxheW91dFJlbGF0aXZlQ2xhc3NuYW1lcyhyZWxhdGl2ZSk7XG5cbiAgICByZXR1cm4gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5nYXBDbGFzc05hbWVzLFxuICAgICAgICAuLi5wYWRkaW5nQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4uaGlkZUNsYXNzTmFtZXMsXG4gICAgICAgIC4uLnJlbGF0aXZlQ2xhc3NOYW1lcyxcbiAgICBdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFlQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxLQUFJO0lBQzNELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUV4QixJQUFBLE1BQU0sRUFDRixHQUFHLEdBQUcsa0JBQWtCLEVBQ3hCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsU0FBUyxFQUNULGNBQWMsRUFDZCxVQUFVLEVBQ1YsSUFBSSxFQUNKLFFBQVEsRUFDUixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRTtBQUNuQixRQUFBLE9BQU8sRUFBRSxDQUFDO0FBQ2IsS0FBQTtBQUVELElBQUEsTUFBTSxlQUFlLEdBQ2pCLFNBQVMsS0FBSyxDQUFDLE9BQU8sSUFBSSxDQUFDLE1BQU0sR0FBRyw2QkFBNkIsR0FBRyxTQUFTLENBQUMsQ0FBQztJQUVuRixNQUFNLGVBQWUsR0FBRyxNQUFNLEdBQUcsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNsRCxNQUFNLGdCQUFnQixHQUFHLE9BQU8sR0FBRyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBQ2pELElBQUEsTUFBTSxzQkFBc0IsR0FBRyxDQUFBLEVBQUcsZUFBZSxDQUFJLENBQUEsRUFBQSxnQkFBZ0IsRUFBRSxDQUFDO0FBRXhFLElBQUEsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtBQUNyRCxRQUFBLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO1FBQzlDLHNCQUFzQjtBQUN0QixRQUFBLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxlQUFlLENBQUM7QUFDOUMsUUFBQSxnQkFBZ0IsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLENBQUM7QUFDbkQsUUFBQSxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDO0FBQzlDLEtBQUEsQ0FBQyxDQUFDO0FBRUgsSUFBQSxNQUFNLGFBQWEsR0FBRyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUNsRCxJQUFBLE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUQsTUFBTSxhQUFhLEdBQUcsTUFBTSxHQUFHLGFBQWEsR0FBRyxNQUFNLENBQUM7SUFDdEQsTUFBTSxjQUFjLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBQ3BFLElBQUEsTUFBTSxrQkFBa0IsR0FBRywyQkFBMkIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUVqRSxPQUFPO0FBQ0gsUUFBQSxHQUFHLFVBQVU7QUFDYixRQUFBLEdBQUcsYUFBYTtBQUNoQixRQUFBLEdBQUcsaUJBQWlCO0FBQ3BCLFFBQUEsR0FBRyxjQUFjO0FBQ2pCLFFBQUEsR0FBRyxrQkFBa0I7S0FDeEIsQ0FBQztBQUNOOzs7OyJ9
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutGridClassNames.d.ts","sourceRoot":"","sources":["../../../src/layout/hooks/useLayoutGridClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAanE,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,MAAM,EAAE,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,IAmCrC,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
|
|
3
|
-
import { useLayoutGapClassnames } from '../module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
4
|
-
import styles from '../style/index.module.less.js';
|
|
5
|
-
import { useLayoutPaddingClassnames } from '../module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
6
|
-
import { useLayoutHideClassnames } from '../module-layout-hide/hooks/useLayoutHideClassnames.js';
|
|
7
|
-
import { useLayoutRelativeClassnames } from '../module-layout-relative/hooks/useLayoutRelativeClassnames.js';
|
|
8
|
-
import { moduleClassNames, stringClassNames } from '../../css-module/classNames.js';
|
|
9
|
-
|
|
10
|
-
const LAYOUT_GRID = 'LayoutGrid';
|
|
11
|
-
const useLayoutGridClassNames = (layout, props) => {
|
|
12
|
-
useStyleExtract(styles);
|
|
13
|
-
const { gap = LAYOUT_GAP_DEFAULT, padding = LAYOUT_PADDING_DEFAULT, justifyContent, alignItems, justifyItems, hide, relative, } = props || {};
|
|
14
|
-
if (layout !== 'grid') {
|
|
15
|
-
return [];
|
|
16
|
-
}
|
|
17
|
-
const classNames = moduleClassNames(styles, LAYOUT_GRID, [
|
|
18
|
-
stringClassNames('justify-content', justifyContent),
|
|
19
|
-
stringClassNames('align-items', alignItems),
|
|
20
|
-
stringClassNames('justify-items', justifyItems),
|
|
21
|
-
]);
|
|
22
|
-
const gapClassNames = useLayoutGapClassnames(gap);
|
|
23
|
-
const paddingClassNames = useLayoutPaddingClassnames(padding);
|
|
24
|
-
const hideClassNames = useLayoutHideClassnames(hide, 'grid');
|
|
25
|
-
const relativeClassNames = useLayoutRelativeClassnames(relative);
|
|
26
|
-
return [
|
|
27
|
-
...classNames,
|
|
28
|
-
...gapClassNames,
|
|
29
|
-
...paddingClassNames,
|
|
30
|
-
...hideClassNames,
|
|
31
|
-
...relativeClassNames,
|
|
32
|
-
];
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export { useLayoutGridClassNames };
|
|
36
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxULCBMQVlPVVRfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgeyB1c2VMYXlvdXRHYXBDbGFzc25hbWVzIH0gZnJvbSAnLi4vbW9kdWxlLWxheW91dC1nYXAvaG9va3MvdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtaGlkZSc7XG5pbXBvcnQgeyB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyB9IGZyb20gJy4uL21vZHVsZS1sYXlvdXQtcGFkZGluZyc7XG5pbXBvcnQgeyB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMgfSBmcm9tICcuLi9tb2R1bGUtbGF5b3V0LXJlbGF0aXZlJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfR1JJRCA9ICdMYXlvdXRHcmlkJztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0R3JpZFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULFxuICAgICAgICBwYWRkaW5nID0gTEFZT1VUX1BBRERJTkdfREVGQVVMVCxcbiAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIGp1c3RpZnlJdGVtcyxcbiAgICAgICAgaGlkZSxcbiAgICAgICAgcmVsYXRpdmUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuXG4gICAgaWYgKGxheW91dCAhPT0gJ2dyaWQnKSB7XG4gICAgICAgIHJldHVybiBbXTtcbiAgICB9XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExBWU9VVF9HUklELCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnanVzdGlmeS1pdGVtcycsIGp1c3RpZnlJdGVtcyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBnYXBDbGFzc05hbWVzID0gdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyhnYXApO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlLCAnZ3JpZCcpO1xuICAgIGNvbnN0IHJlbGF0aXZlQ2xhc3NOYW1lcyA9IHVzZUxheW91dFJlbGF0aXZlQ2xhc3NuYW1lcyhyZWxhdGl2ZSk7XG5cbiAgICByZXR1cm4gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5nYXBDbGFzc05hbWVzLFxuICAgICAgICAuLi5wYWRkaW5nQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4uaGlkZUNsYXNzTmFtZXMsXG4gICAgICAgIC4uLnJlbGF0aXZlQ2xhc3NOYW1lcyxcbiAgICBdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFXQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxLQUFJO0lBQzNELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEVBQ0YsR0FBRyxHQUFHLGtCQUFrQixFQUN4QixPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLGNBQWMsRUFDZCxVQUFVLEVBQ1YsWUFBWSxFQUNaLElBQUksRUFDSixRQUFRLEdBQ1gsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhCLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRTtBQUNuQixRQUFBLE9BQU8sRUFBRSxDQUFDO0FBQ2IsS0FBQTtBQUVELElBQUEsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtBQUNyRCxRQUFBLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLGNBQWMsQ0FBQztBQUNuRCxRQUFBLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7QUFDM0MsUUFBQSxnQkFBZ0IsQ0FBQyxlQUFlLEVBQUUsWUFBWSxDQUFDO0FBQ2xELEtBQUEsQ0FBQyxDQUFDO0FBRUgsSUFBQSxNQUFNLGFBQWEsR0FBRyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUNsRCxJQUFBLE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUQsTUFBTSxjQUFjLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0FBQzdELElBQUEsTUFBTSxrQkFBa0IsR0FBRywyQkFBMkIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUVqRSxPQUFPO0FBQ0gsUUFBQSxHQUFHLFVBQVU7QUFDYixRQUFBLEdBQUcsYUFBYTtBQUNoQixRQUFBLEdBQUcsaUJBQWlCO0FBQ3BCLFFBQUEsR0FBRyxjQUFjO0FBQ2pCLFFBQUEsR0FBRyxrQkFBa0I7S0FDeEIsQ0FBQztBQUNOOzs7OyJ9
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Responsive } from '@preply/ds-core';
|
|
2
|
-
type Hook = (columns?: Responsive<string[] | number>) => {
|
|
3
|
-
classNames: string[];
|
|
4
|
-
style: Record<string, string>;
|
|
5
|
-
};
|
|
6
|
-
export declare const useLayoutGridResponsiveColumns: Hook;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=useLayoutGridResponsiveColumns.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutGridResponsiveColumns.d.ts","sourceRoot":"","sources":["../../../src/layout/hooks/useLayoutGridResponsiveColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiC9D,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK;IACrD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,IA8B5C,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { BREAKPOINT } from '@preply/ds-core';
|
|
2
|
-
import styles from '../style/index.module.less.js';
|
|
3
|
-
import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
|
|
4
|
-
import { moduleLocals } from '../../css-module/classNames.js';
|
|
5
|
-
|
|
6
|
-
const LAYOUT_GRID = 'LayoutGrid';
|
|
7
|
-
const BREAKPOINT_LIST = Object.keys(BREAKPOINT);
|
|
8
|
-
const normalizeColumns = (columns) => {
|
|
9
|
-
return typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns.join(' ');
|
|
10
|
-
};
|
|
11
|
-
const normalizeResponsiveColumns = (columns) => {
|
|
12
|
-
if (typeof columns === 'object' && !Array.isArray(columns)) {
|
|
13
|
-
return Object.entries(columns).reduce((acc, [breakpoint, value]) => ({
|
|
14
|
-
...acc,
|
|
15
|
-
...(value ? { [breakpoint]: normalizeColumns(value) } : {}),
|
|
16
|
-
}), {
|
|
17
|
-
_: normalizeColumns(columns._),
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return { _: normalizeColumns(columns) };
|
|
21
|
-
};
|
|
22
|
-
const useLayoutGridResponsiveColumns = columns => {
|
|
23
|
-
useStyleExtract(styles);
|
|
24
|
-
if (!columns) {
|
|
25
|
-
return { classNames: [], style: {} };
|
|
26
|
-
}
|
|
27
|
-
const normalizedColumns = normalizeResponsiveColumns(columns);
|
|
28
|
-
const breakpointsInUse = BREAKPOINT_LIST.filter(breakpoint => normalizedColumns[breakpoint]);
|
|
29
|
-
const classNames = moduleLocals(styles, LAYOUT_GRID, [
|
|
30
|
-
'columns',
|
|
31
|
-
...breakpointsInUse.map(breakpoint => `columns-${breakpoint}`),
|
|
32
|
-
]);
|
|
33
|
-
const cssVariables = breakpointsInUse.reduce((acc, breakpoint) => ({
|
|
34
|
-
...acc,
|
|
35
|
-
[`--columns-${breakpoint}`]: normalizedColumns[breakpoint],
|
|
36
|
-
}), {
|
|
37
|
-
'--columns': normalizedColumns._,
|
|
38
|
-
});
|
|
39
|
-
return {
|
|
40
|
-
classNames,
|
|
41
|
-
style: cssVariables,
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export { useLayoutGridResponsiveColumns };
|
|
46
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZFJlc3BvbnNpdmVDb2x1bW5zLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEdyaWRSZXNwb25zaXZlQ29sdW1ucy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJyZWFrcG9pbnQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQlJFQUtQT0lOVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IG1vZHVsZUxvY2FscyB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfR1JJRCA9ICdMYXlvdXRHcmlkJztcblxuY29uc3QgQlJFQUtQT0lOVF9MSVNUID0gT2JqZWN0LmtleXMoQlJFQUtQT0lOVCk7XG5cbnR5cGUgTm9ybWFsaXplZENvbHVtbnMgPSB7IF86IHN0cmluZyB9ICYgUGFydGlhbDxSZWNvcmQ8QnJlYWtwb2ludCwgc3RyaW5nPj47XG5cbmNvbnN0IG5vcm1hbGl6ZUNvbHVtbnMgPSAoY29sdW1uczogc3RyaW5nW10gfCBudW1iZXIpOiBzdHJpbmcgPT4ge1xuICAgIHJldHVybiB0eXBlb2YgY29sdW1ucyA9PT0gJ251bWJlcicgPyBgcmVwZWF0KCR7Y29sdW1uc30sIDFmcilgIDogY29sdW1ucy5qb2luKCcgJyk7XG59O1xuXG5jb25zdCBub3JtYWxpemVSZXNwb25zaXZlQ29sdW1ucyA9IChjb2x1bW5zOiBSZXNwb25zaXZlPHN0cmluZ1tdIHwgbnVtYmVyPik6IE5vcm1hbGl6ZWRDb2x1bW5zID0+IHtcbiAgICBpZiAodHlwZW9mIGNvbHVtbnMgPT09ICdvYmplY3QnICYmICFBcnJheS5pc0FycmF5KGNvbHVtbnMpKSB7XG4gICAgICAgIHJldHVybiBPYmplY3QuZW50cmllcyhjb2x1bW5zKS5yZWR1Y2UoXG4gICAgICAgICAgICAoYWNjLCBbYnJlYWtwb2ludCwgdmFsdWVdKSA9PiAoe1xuICAgICAgICAgICAgICAgIC4uLmFjYyxcbiAgICAgICAgICAgICAgICAuLi4odmFsdWUgPyB7IFticmVha3BvaW50XTogbm9ybWFsaXplQ29sdW1ucyh2YWx1ZSkgfSA6IHt9KSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIF86IG5vcm1hbGl6ZUNvbHVtbnMoY29sdW1ucy5fKSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHsgXzogbm9ybWFsaXplQ29sdW1ucyhjb2x1bW5zKSB9O1xufTtcblxudHlwZSBIb29rID0gKGNvbHVtbnM/OiBSZXNwb25zaXZlPHN0cmluZ1tdIHwgbnVtYmVyPikgPT4ge1xuICAgIGNsYXNzTmFtZXM6IHN0cmluZ1tdO1xuICAgIHN0eWxlOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRSZXNwb25zaXZlQ29sdW1uczogSG9vayA9IGNvbHVtbnMgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgaWYgKCFjb2x1bW5zKSB7XG4gICAgICAgIHJldHVybiB7IGNsYXNzTmFtZXM6IFtdLCBzdHlsZToge30gfTtcbiAgICB9XG5cbiAgICBjb25zdCBub3JtYWxpemVkQ29sdW1ucyA9IG5vcm1hbGl6ZVJlc3BvbnNpdmVDb2x1bW5zKGNvbHVtbnMpO1xuXG4gICAgY29uc3QgYnJlYWtwb2ludHNJblVzZSA9IEJSRUFLUE9JTlRfTElTVC5maWx0ZXIoYnJlYWtwb2ludCA9PiBub3JtYWxpemVkQ29sdW1uc1ticmVha3BvaW50XSk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlTG9jYWxzKHN0eWxlcywgTEFZT1VUX0dSSUQsIFtcbiAgICAgICAgJ2NvbHVtbnMnLFxuICAgICAgICAuLi5icmVha3BvaW50c0luVXNlLm1hcChicmVha3BvaW50ID0+IGBjb2x1bW5zLSR7YnJlYWtwb2ludH1gKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGNzc1ZhcmlhYmxlcyA9IGJyZWFrcG9pbnRzSW5Vc2UucmVkdWNlKFxuICAgICAgICAoYWNjLCBicmVha3BvaW50KSA9PiAoe1xuICAgICAgICAgICAgLi4uYWNjLFxuICAgICAgICAgICAgW2AtLWNvbHVtbnMtJHticmVha3BvaW50fWBdOiBub3JtYWxpemVkQ29sdW1uc1ticmVha3BvaW50XSxcbiAgICAgICAgfSksXG4gICAgICAgIHtcbiAgICAgICAgICAgICctLWNvbHVtbnMnOiBub3JtYWxpemVkQ29sdW1ucy5fLFxuICAgICAgICB9LFxuICAgICk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBjbGFzc05hbWVzLFxuICAgICAgICBzdHlsZTogY3NzVmFyaWFibGVzLFxuICAgIH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBT0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7QUFJaEQsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE9BQTBCLEtBQVk7QUFDNUQsSUFBQSxPQUFPLE9BQU8sT0FBTyxLQUFLLFFBQVEsR0FBRyxDQUFVLE9BQUEsRUFBQSxPQUFPLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQ3ZGLENBQUMsQ0FBQztBQUVGLE1BQU0sMEJBQTBCLEdBQUcsQ0FBQyxPQUFzQyxLQUF1QjtBQUM3RixJQUFBLElBQUksT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtRQUN4RCxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxDQUNqQyxDQUFDLEdBQUcsRUFBRSxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsTUFBTTtBQUMzQixZQUFBLEdBQUcsR0FBRztBQUNOLFlBQUEsSUFBSSxLQUFLLEdBQUcsRUFBRSxDQUFDLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQztBQUM5RCxTQUFBLENBQUMsRUFDRjtBQUNJLFlBQUEsQ0FBQyxFQUFFLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7QUFDakMsU0FBQSxDQUNKLENBQUM7QUFDTCxLQUFBO0lBRUQsT0FBTyxFQUFFLENBQUMsRUFBRSxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO0FBQzVDLENBQUMsQ0FBQztBQU9XLE1BQUEsOEJBQThCLEdBQVMsT0FBTyxJQUFHO0lBQzFELGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixJQUFJLENBQUMsT0FBTyxFQUFFO1FBQ1YsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDO0FBQ3hDLEtBQUE7QUFFRCxJQUFBLE1BQU0saUJBQWlCLEdBQUcsMEJBQTBCLENBQUMsT0FBTyxDQUFDLENBQUM7QUFFOUQsSUFBQSxNQUFNLGdCQUFnQixHQUFHLGVBQWUsQ0FBQyxNQUFNLENBQUMsVUFBVSxJQUFJLGlCQUFpQixDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7QUFFN0YsSUFBQSxNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNqRCxTQUFTO1FBQ1QsR0FBRyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsVUFBVSxJQUFJLENBQUEsUUFBQSxFQUFXLFVBQVUsQ0FBQSxDQUFFLENBQUM7QUFDakUsS0FBQSxDQUFDLENBQUM7QUFFSCxJQUFBLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sQ0FDeEMsQ0FBQyxHQUFHLEVBQUUsVUFBVSxNQUFNO0FBQ2xCLFFBQUEsR0FBRyxHQUFHO1FBQ04sQ0FBQyxDQUFBLFVBQUEsRUFBYSxVQUFVLENBQUUsQ0FBQSxHQUFHLGlCQUFpQixDQUFDLFVBQVUsQ0FBQztBQUM3RCxLQUFBLENBQUMsRUFDRjtRQUNJLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0FBQ25DLEtBQUEsQ0FDSixDQUFDO0lBRUYsT0FBTztRQUNILFVBQVU7QUFDVixRQUFBLEtBQUssRUFBRSxZQUFZO0tBQ3RCLENBQUM7QUFDTjs7OzsifQ==
|
package/dist/layout/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { useLayoutClassNames } from './hooks/useLayoutClassNames';
|
|
2
|
-
export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames';
|
|
3
|
-
export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames';
|
|
4
|
-
export { useLayoutGridResponsiveColumns } from './hooks/useLayoutGridResponsiveColumns';
|
|
5
|
-
export { useLayoutHideClassnames } from './module-layout-hide';
|
|
6
|
-
export { useAlignSelfClassNames } from './module-align-self';
|
|
7
|
-
export { useLayoutPaddingClassnames } from './module-layout-padding';
|
|
8
|
-
export { useLayoutRelativeClassnames } from './module-layout-relative';
|
|
9
|
-
export * from './module-layout-gap';
|
|
10
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,cAAc,qBAAqB,CAAC"}
|
package/dist/layout/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { useLayoutClassNames } from './hooks/useLayoutClassNames.js';
|
|
2
|
-
export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames.js';
|
|
3
|
-
export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames.js';
|
|
4
|
-
export { useLayoutGridResponsiveColumns } from './hooks/useLayoutGridResponsiveColumns.js';
|
|
5
|
-
export { useLayoutHideClassnames } from './module-layout-hide/hooks/useLayoutHideClassnames.js';
|
|
6
|
-
export { useAlignSelfClassNames } from './module-align-self/hooks/useAlignSelfClassNames.js';
|
|
7
|
-
export { useLayoutPaddingClassnames } from './module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
8
|
-
export { useLayoutRelativeClassnames } from './module-layout-relative/hooks/useLayoutRelativeClassnames.js';
|
|
9
|
-
export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
10
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAlignSelfClassNames.d.ts","sourceRoot":"","sources":["../../../../src/layout/module-align-self/hooks/useAlignSelfClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ9D,eAAO,MAAM,sBAAsB,eAAgB,WAAW,eAAe,CAAC,KAAG,MAAM,EAItF,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
|
|
2
|
-
import styles from '../style/index.module.less.js';
|
|
3
|
-
import { moduleLocals, stringClassNames } from '../../../css-module/classNames.js';
|
|
4
|
-
|
|
5
|
-
const ALIGN_SELF = 'AlignSelf';
|
|
6
|
-
const useAlignSelfClassNames = (alignSelf) => {
|
|
7
|
-
useStyleExtract(styles);
|
|
8
|
-
return moduleLocals(styles, ALIGN_SELF, [stringClassNames('align-self', alignSelf)]);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { useAlignSelfClassNames };
|
|
12
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWxpZ25TZWxmQ2xhc3NOYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xheW91dC9tb2R1bGUtYWxpZ24tc2VsZi9ob29rcy91c2VBbGlnblNlbGZDbGFzc05hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEFsaWduU2VsZiwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IG1vZHVsZUxvY2Fscywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgQUxJR05fU0VMRiA9ICdBbGlnblNlbGYnO1xuXG5leHBvcnQgY29uc3QgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyA9IChhbGlnblNlbGY/OiBSZXNwb25zaXZlPExheW91dEFsaWduU2VsZj4pOiBzdHJpbmdbXSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICByZXR1cm4gbW9kdWxlTG9jYWxzKHN0eWxlcywgQUxJR05fU0VMRiwgW3N0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLXNlbGYnLCBhbGlnblNlbGYpXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUM7QUFFbEIsTUFBQSxzQkFBc0IsR0FBRyxDQUFDLFNBQXVDLEtBQWM7SUFDeEYsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBRXhCLElBQUEsT0FBTyxZQUFZLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDekY7Ozs7In0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/module-align-self/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".Ww1-g1{-ms-flex-item-align:start;align-self:start}.GL5eYc{-ms-flex-item-align:center;align-self:center}.tH-aHT{-ms-flex-item-align:end;align-self:end}.oFFOFh{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width:400px){.WepZi8{-ms-flex-item-align:start;align-self:start}.TGTOBa{-ms-flex-item-align:center;align-self:center}.xCynid{-ms-flex-item-align:end;align-self:end}.FXs0cG{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:700px){._8W3sb6{-ms-flex-item-align:start;align-self:start}.P4qAZa{-ms-flex-item-align:center;align-self:center}.KDHGzm{-ms-flex-item-align:end;align-self:end}.TkTR8d{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:880px){.s88Be4{-ms-flex-item-align:start;align-self:start}._7DAa8z{-ms-flex-item-align:center;align-self:center}.IaGjxw{-ms-flex-item-align:end;align-self:end}.SkInfn{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:1200px){.H3ziP7{-ms-flex-item-align:start;align-self:start}.H8yAFu{-ms-flex-item-align:center;align-self:center}.OfqyB6{-ms-flex-item-align:end;align-self:end}.qPAssP{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:1900px){.F1Al-J{-ms-flex-item-align:start;align-self:start}.-tTN9d{-ms-flex-item-align:center;align-self:center}.lFPh-A{-ms-flex-item-align:end;align-self:end}.ZFurrB{-ms-flex-item-align:stretch;align-self:stretch}}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-core/src/layout/module-align-self/style/index.module.less",__css:css_248z,"AlignSelf--align-self-start":"Ww1-g1","AlignSelf--align-self-center":"GL5eYc","AlignSelf--align-self-end":"tH-aHT","AlignSelf--align-self-stretch":"oFFOFh","AlignSelf--narrow-l--align-self-start":"WepZi8","AlignSelf--narrow-l--align-self-center":"TGTOBa","AlignSelf--narrow-l--align-self-end":"xCynid","AlignSelf--narrow-l--align-self-stretch":"FXs0cG","AlignSelf--medium-s--align-self-start":"_8W3sb6","AlignSelf--medium-s--align-self-center":"P4qAZa","AlignSelf--medium-s--align-self-end":"KDHGzm","AlignSelf--medium-s--align-self-stretch":"TkTR8d","AlignSelf--medium-l--align-self-start":"s88Be4","AlignSelf--medium-l--align-self-center":"_7DAa8z","AlignSelf--medium-l--align-self-end":"IaGjxw","AlignSelf--medium-l--align-self-stretch":"SkInfn","AlignSelf--wide-s--align-self-start":"H3ziP7","AlignSelf--wide-s--align-self-center":"H8yAFu","AlignSelf--wide-s--align-self-end":"OfqyB6","AlignSelf--wide-s--align-self-stretch":"qPAssP","AlignSelf--wide-l--align-self-start":"F1Al-J","AlignSelf--wide-l--align-self-center":"-tTN9d","AlignSelf--wide-l--align-self-end":"lFPh-A","AlignSelf--wide-l--align-self-stretch":"ZFurrB"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
@import '../../../responsive/style/mixins.less';
|
|
2
|
-
|
|
3
|
-
@align-self-values: {
|
|
4
|
-
align-self: start;
|
|
5
|
-
align-self: center;
|
|
6
|
-
align-self: end;
|
|
7
|
-
align-self: stretch;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
.align-self() {
|
|
11
|
-
.responsive({
|
|
12
|
-
each(@align-self-values, .(@v, @k, @i) {
|
|
13
|
-
&--@{k}-@{v} {
|
|
14
|
-
align-self: @v;
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
});
|
|
18
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutGapClassnames.d.ts","sourceRoot":"","sources":["../../../../src/layout/module-layout-gap/hooks/useLayoutGapClassnames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAQjE,eAAO,MAAM,sBAAsB,SACzB,WAAW,SAAS,CAAC,GAAG,WAAW,OAAO,CAAC,KAClD,MAAM,EAIR,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
|
|
2
|
-
import styles from '../style/index.module.less.js';
|
|
3
|
-
import { moduleLocals, stringClassNames } from '../../../css-module/classNames.js';
|
|
4
|
-
|
|
5
|
-
const LAYOUT_GAP = 'LayoutGap';
|
|
6
|
-
const useLayoutGapClassnames = (gap) => {
|
|
7
|
-
useStyleExtract(styles);
|
|
8
|
-
return moduleLocals(styles, LAYOUT_GAP, [stringClassNames('gap', gap)]);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { useLayoutGapClassnames };
|
|
12
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R2FwQ2xhc3NuYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xheW91dC9tb2R1bGUtbGF5b3V0LWdhcC9ob29rcy91c2VMYXlvdXRHYXBDbGFzc25hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEdhcCwgUmVzcG9uc2l2ZSwgU3BhY2luZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IG1vZHVsZUxvY2Fscywgc3RyaW5nQ2xhc3NOYW1lcyB9IGZyb20gJy4uLy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dBUCA9ICdMYXlvdXRHYXAnO1xuXG5leHBvcnQgY29uc3QgdXNlTGF5b3V0R2FwQ2xhc3NuYW1lcyA9IChcbiAgICBnYXA/OiBSZXNwb25zaXZlPExheW91dEdhcD4gfCBSZXNwb25zaXZlPFNwYWNpbmc+LFxuKTogc3RyaW5nW10gPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgcmV0dXJuIG1vZHVsZUxvY2FscyhzdHlsZXMsIExBWU9VVF9HQVAsIFtzdHJpbmdDbGFzc05hbWVzKCdnYXAnLCBnYXApXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUM7QUFFbEIsTUFBQSxzQkFBc0IsR0FBRyxDQUNsQyxHQUFpRCxLQUN2QztJQUNWLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUV4QixJQUFBLE9BQU8sWUFBWSxDQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzVFOzs7OyJ9
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/module-layout-gap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".wiGjZD{gap:var(--74358d)}.HjEWRZ{gap:var(--6947b0)}._8-BVDO{gap:var(--1ba55a)}.Z1i68r{gap:var(--477fda)}.UrNk-M{gap:var(--743802)}.tXEgzK{gap:var(--39ce90)}.hB-gTq{gap:var(--28cff1)}.FPwKrb{gap:var(--6acb58)}.CIQbkR{gap:var(--d434fb)}._3bHzYt{gap:var(--109103)}._7o7Ud6{gap:var(--05dd73)}.YrEGxq{gap:var(--590b8d)}.fAe44N{gap:var(--66b80b)}.XW9N1s{gap:var(--813599)}.uLJH2r{gap:var(--558c4c)}.eaC6Gl{gap:var(--b53873)}.oelZrY{gap:var(--1e685c)}.QCQ6e3{gap:var(--f1b498)}.qKCvRZ{gap:var(--08eb25)}._2JreFn{gap:var(--42fccf)}.zsaI1K{gap:var(--d2f1e9)}.SrKFHe{gap:var(--d42f82)}@media (min-width:400px){.xRS4hw{gap:var(--74358d)}.-tiNGa{gap:var(--6947b0)}.xYrvIz{gap:var(--1ba55a)}.yjwZ61{gap:var(--477fda)}.fPS1Wx{gap:var(--743802)}.bEEL79{gap:var(--39ce90)}.ToKIsa{gap:var(--28cff1)}.vpZJH2{gap:var(--6acb58)}.h93ngl{gap:var(--d434fb)}.n7jwQD{gap:var(--109103)}.tJ4ZvL{gap:var(--05dd73)}.cqR0VD{gap:var(--590b8d)}.GpIZic{gap:var(--66b80b)}.EpyAZ8{gap:var(--813599)}.IWCCgH{gap:var(--558c4c)}.JIhOp3{gap:var(--b53873)}.mpOHwO{gap:var(--1e685c)}._1zykR2{gap:var(--f1b498)}.jXC3fd{gap:var(--08eb25)}._75w3vB{gap:var(--42fccf)}.oFxnXN{gap:var(--d2f1e9)}.xI-IFz{gap:var(--d42f82)}}@media (min-width:700px){._0yjzW6{gap:var(--74358d)}._0OkIS4{gap:var(--6947b0)}.YewMVp{gap:var(--1ba55a)}._6IZbH3{gap:var(--477fda)}.pMFOq-{gap:var(--743802)}.chTAne{gap:var(--39ce90)}.rZT5Kd{gap:var(--28cff1)}.EA-yPb{gap:var(--6acb58)}.PJGMNE{gap:var(--d434fb)}.WVmEE4{gap:var(--109103)}.umK-sD{gap:var(--05dd73)}.M6EFzh{gap:var(--590b8d)}.C8hpxZ{gap:var(--66b80b)}.Rx3mqX{gap:var(--813599)}.-R-2t4{gap:var(--558c4c)}._7-EjY6{gap:var(--b53873)}.bta5lE{gap:var(--1e685c)}.-j-R6f{gap:var(--f1b498)}.NdyP8T{gap:var(--08eb25)}.VBEMYR{gap:var(--42fccf)}.EIP3IG{gap:var(--d2f1e9)}.nbDS2P{gap:var(--d42f82)}}@media (min-width:880px){._0dPTdt{gap:var(--74358d)}.lvj2Vc{gap:var(--6947b0)}.V4dO3b{gap:var(--1ba55a)}.wQJWLW{gap:var(--477fda)}.v3wSej{gap:var(--743802)}.dzNtd9{gap:var(--39ce90)}.o3bccb{gap:var(--28cff1)}.nDT0Rp{gap:var(--6acb58)}.vVNDFx{gap:var(--d434fb)}.UAAevd{gap:var(--109103)}.uoJ8t2{gap:var(--05dd73)}._94SAGQ{gap:var(--590b8d)}.csOxcX{gap:var(--66b80b)}._6jNUeA{gap:var(--813599)}.sarJVG{gap:var(--558c4c)}.vt6s1E{gap:var(--b53873)}.gzPNRG{gap:var(--1e685c)}.JwVxhs{gap:var(--f1b498)}.QV3v3d{gap:var(--08eb25)}.SYKGcA{gap:var(--42fccf)}.fXYNZS{gap:var(--d2f1e9)}._51q3X1{gap:var(--d42f82)}}@media (min-width:1200px){.Z23DW2{gap:var(--74358d)}.de42di{gap:var(--6947b0)}.CeT6JR{gap:var(--1ba55a)}.Z2Ih-B{gap:var(--477fda)}.XbXYmO{gap:var(--743802)}.dAWwth{gap:var(--39ce90)}.TCNlF-{gap:var(--28cff1)}.-QwnYJ{gap:var(--6acb58)}.zfhlZi{gap:var(--d434fb)}.fqUSDj{gap:var(--109103)}._4ym0Fk{gap:var(--05dd73)}.ZXIGmd{gap:var(--590b8d)}.GtyN3s{gap:var(--66b80b)}.W979Iu{gap:var(--813599)}._54ArSQ{gap:var(--558c4c)}.XtODd8{gap:var(--b53873)}.bAIUE4{gap:var(--1e685c)}.EUMOJZ{gap:var(--f1b498)}.vQJ2JG{gap:var(--08eb25)}.PaSANQ{gap:var(--42fccf)}.eSQc-M{gap:var(--d2f1e9)}.XT5Uxv{gap:var(--d42f82)}}@media (min-width:1900px){.Ls8y2o{gap:var(--74358d)}._27-5Xi{gap:var(--6947b0)}.awPsCm{gap:var(--1ba55a)}.JUVtbO{gap:var(--477fda)}.PPqCEA{gap:var(--743802)}.RYTZkD{gap:var(--39ce90)}.nnetsr{gap:var(--28cff1)}._90x4oH{gap:var(--6acb58)}.HWe9R6{gap:var(--d434fb)}._1uN2gD{gap:var(--109103)}.yyCD7y{gap:var(--05dd73)}.xTNHrM{gap:var(--590b8d)}._3mSEe8{gap:var(--66b80b)}.UkfnET{gap:var(--813599)}.nDs0pP{gap:var(--558c4c)}.Lj3ruW{gap:var(--b53873)}.FFCiiE{gap:var(--1e685c)}.FcWeSQ{gap:var(--f1b498)}.VmzlQm{gap:var(--08eb25)}.iZULxV{gap:var(--42fccf)}.apWMQf{gap:var(--d2f1e9)}.LFTJl4{gap:var(--d42f82)}}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-core/src/layout/module-layout-gap/style/index.module.less",__css:css_248z,"LayoutGap--gap-none":"wiGjZD","LayoutGap--gap-3xs":"HjEWRZ","LayoutGap--gap-2xs":"_8-BVDO","LayoutGap--gap-xs":"Z1i68r","LayoutGap--gap-s":"UrNk-M","LayoutGap--gap-m":"tXEgzK","LayoutGap--gap-l":"hB-gTq","LayoutGap--gap-xl":"FPwKrb","LayoutGap--gap-0":"CIQbkR","LayoutGap--gap-1":"_3bHzYt","LayoutGap--gap-2":"_7o7Ud6","LayoutGap--gap-4":"YrEGxq","LayoutGap--gap-8":"fAe44N","LayoutGap--gap-12":"XW9N1s","LayoutGap--gap-16":"uLJH2r","LayoutGap--gap-20":"eaC6Gl","LayoutGap--gap-24":"oelZrY","LayoutGap--gap-32":"QCQ6e3","LayoutGap--gap-48":"qKCvRZ","LayoutGap--gap-64":"_2JreFn","LayoutGap--gap-96":"zsaI1K","LayoutGap--gap-160":"SrKFHe","LayoutGap--narrow-l--gap-none":"xRS4hw","LayoutGap--narrow-l--gap-3xs":"-tiNGa","LayoutGap--narrow-l--gap-2xs":"xYrvIz","LayoutGap--narrow-l--gap-xs":"yjwZ61","LayoutGap--narrow-l--gap-s":"fPS1Wx","LayoutGap--narrow-l--gap-m":"bEEL79","LayoutGap--narrow-l--gap-l":"ToKIsa","LayoutGap--narrow-l--gap-xl":"vpZJH2","LayoutGap--narrow-l--gap-0":"h93ngl","LayoutGap--narrow-l--gap-1":"n7jwQD","LayoutGap--narrow-l--gap-2":"tJ4ZvL","LayoutGap--narrow-l--gap-4":"cqR0VD","LayoutGap--narrow-l--gap-8":"GpIZic","LayoutGap--narrow-l--gap-12":"EpyAZ8","LayoutGap--narrow-l--gap-16":"IWCCgH","LayoutGap--narrow-l--gap-20":"JIhOp3","LayoutGap--narrow-l--gap-24":"mpOHwO","LayoutGap--narrow-l--gap-32":"_1zykR2","LayoutGap--narrow-l--gap-48":"jXC3fd","LayoutGap--narrow-l--gap-64":"_75w3vB","LayoutGap--narrow-l--gap-96":"oFxnXN","LayoutGap--narrow-l--gap-160":"xI-IFz","LayoutGap--medium-s--gap-none":"_0yjzW6","LayoutGap--medium-s--gap-3xs":"_0OkIS4","LayoutGap--medium-s--gap-2xs":"YewMVp","LayoutGap--medium-s--gap-xs":"_6IZbH3","LayoutGap--medium-s--gap-s":"pMFOq-","LayoutGap--medium-s--gap-m":"chTAne","LayoutGap--medium-s--gap-l":"rZT5Kd","LayoutGap--medium-s--gap-xl":"EA-yPb","LayoutGap--medium-s--gap-0":"PJGMNE","LayoutGap--medium-s--gap-1":"WVmEE4","LayoutGap--medium-s--gap-2":"umK-sD","LayoutGap--medium-s--gap-4":"M6EFzh","LayoutGap--medium-s--gap-8":"C8hpxZ","LayoutGap--medium-s--gap-12":"Rx3mqX","LayoutGap--medium-s--gap-16":"-R-2t4","LayoutGap--medium-s--gap-20":"_7-EjY6","LayoutGap--medium-s--gap-24":"bta5lE","LayoutGap--medium-s--gap-32":"-j-R6f","LayoutGap--medium-s--gap-48":"NdyP8T","LayoutGap--medium-s--gap-64":"VBEMYR","LayoutGap--medium-s--gap-96":"EIP3IG","LayoutGap--medium-s--gap-160":"nbDS2P","LayoutGap--medium-l--gap-none":"_0dPTdt","LayoutGap--medium-l--gap-3xs":"lvj2Vc","LayoutGap--medium-l--gap-2xs":"V4dO3b","LayoutGap--medium-l--gap-xs":"wQJWLW","LayoutGap--medium-l--gap-s":"v3wSej","LayoutGap--medium-l--gap-m":"dzNtd9","LayoutGap--medium-l--gap-l":"o3bccb","LayoutGap--medium-l--gap-xl":"nDT0Rp","LayoutGap--medium-l--gap-0":"vVNDFx","LayoutGap--medium-l--gap-1":"UAAevd","LayoutGap--medium-l--gap-2":"uoJ8t2","LayoutGap--medium-l--gap-4":"_94SAGQ","LayoutGap--medium-l--gap-8":"csOxcX","LayoutGap--medium-l--gap-12":"_6jNUeA","LayoutGap--medium-l--gap-16":"sarJVG","LayoutGap--medium-l--gap-20":"vt6s1E","LayoutGap--medium-l--gap-24":"gzPNRG","LayoutGap--medium-l--gap-32":"JwVxhs","LayoutGap--medium-l--gap-48":"QV3v3d","LayoutGap--medium-l--gap-64":"SYKGcA","LayoutGap--medium-l--gap-96":"fXYNZS","LayoutGap--medium-l--gap-160":"_51q3X1","LayoutGap--wide-s--gap-none":"Z23DW2","LayoutGap--wide-s--gap-3xs":"de42di","LayoutGap--wide-s--gap-2xs":"CeT6JR","LayoutGap--wide-s--gap-xs":"Z2Ih-B","LayoutGap--wide-s--gap-s":"XbXYmO","LayoutGap--wide-s--gap-m":"dAWwth","LayoutGap--wide-s--gap-l":"TCNlF-","LayoutGap--wide-s--gap-xl":"-QwnYJ","LayoutGap--wide-s--gap-0":"zfhlZi","LayoutGap--wide-s--gap-1":"fqUSDj","LayoutGap--wide-s--gap-2":"_4ym0Fk","LayoutGap--wide-s--gap-4":"ZXIGmd","LayoutGap--wide-s--gap-8":"GtyN3s","LayoutGap--wide-s--gap-12":"W979Iu","LayoutGap--wide-s--gap-16":"_54ArSQ","LayoutGap--wide-s--gap-20":"XtODd8","LayoutGap--wide-s--gap-24":"bAIUE4","LayoutGap--wide-s--gap-32":"EUMOJZ","LayoutGap--wide-s--gap-48":"vQJ2JG","LayoutGap--wide-s--gap-64":"PaSANQ","LayoutGap--wide-s--gap-96":"eSQc-M","LayoutGap--wide-s--gap-160":"XT5Uxv","LayoutGap--wide-l--gap-none":"Ls8y2o","LayoutGap--wide-l--gap-3xs":"_27-5Xi","LayoutGap--wide-l--gap-2xs":"awPsCm","LayoutGap--wide-l--gap-xs":"JUVtbO","LayoutGap--wide-l--gap-s":"PPqCEA","LayoutGap--wide-l--gap-m":"RYTZkD","LayoutGap--wide-l--gap-l":"nnetsr","LayoutGap--wide-l--gap-xl":"_90x4oH","LayoutGap--wide-l--gap-0":"HWe9R6","LayoutGap--wide-l--gap-1":"_1uN2gD","LayoutGap--wide-l--gap-2":"yyCD7y","LayoutGap--wide-l--gap-4":"xTNHrM","LayoutGap--wide-l--gap-8":"_3mSEe8","LayoutGap--wide-l--gap-12":"UkfnET","LayoutGap--wide-l--gap-16":"nDs0pP","LayoutGap--wide-l--gap-20":"Lj3ruW","LayoutGap--wide-l--gap-24":"FFCiiE","LayoutGap--wide-l--gap-32":"FcWeSQ","LayoutGap--wide-l--gap-48":"VmzlQm","LayoutGap--wide-l--gap-64":"iZULxV","LayoutGap--wide-l--gap-96":"apWMQf","LayoutGap--wide-l--gap-160":"LFTJl4"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
@import '../../../generated/tokens.less';
|
|
2
|
-
@import '../../../generated/options.less';
|
|
3
|
-
@import '../../../responsive/style/mixins.less';
|
|
4
|
-
|
|
5
|
-
.layout-gap() {
|
|
6
|
-
.responsive({
|
|
7
|
-
each(@LAYOUT_GAP_OPTIONS, {
|
|
8
|
-
&--gap-@{value} {
|
|
9
|
-
@token: 'root-space-@{value}';
|
|
10
|
-
gap: @@token;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
each(@SPACING_OPTIONS, {
|
|
15
|
-
&--gap-@{value} {
|
|
16
|
-
@token: 'spacing-@{value}';
|
|
17
|
-
gap: @@token;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLayoutHideClassnames.d.ts","sourceRoot":"","sources":["../../../../src/layout/module-layout-hide/hooks/useLayoutHideClassnames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AASjE,eAAO,MAAM,uBAAuB,UACzB,WAAW,OAAO,CAAC,YACjB,aAAa,KACvB,MAAM,EAIR,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { LAYOUT_DISPLAY_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
|
|
3
|
-
import styles from '../style/index.module.less.js';
|
|
4
|
-
import { moduleLocals, booleanClassNames } from '../../../css-module/classNames.js';
|
|
5
|
-
|
|
6
|
-
const LAYOUT_HIDE = 'LayoutHide';
|
|
7
|
-
const useLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {
|
|
8
|
-
useStyleExtract(styles);
|
|
9
|
-
return moduleLocals(styles, LAYOUT_HIDE, [booleanClassNames('hide', display, hide)]);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { useLayoutHideClassnames };
|
|
13
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9sYXlvdXQvbW9kdWxlLWxheW91dC1oaWRlL2hvb2tzL3VzZUxheW91dEhpZGVDbGFzc25hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTGF5b3V0RGlzcGxheSwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBMQVlPVVRfRElTUExBWV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUxvY2FscyB9IGZyb20gJy4uLy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0hJREUgPSAnTGF5b3V0SGlkZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyA9IChcbiAgICBoaWRlPzogUmVzcG9uc2l2ZTxib29sZWFuPixcbiAgICBkaXNwbGF5OiBMYXlvdXREaXNwbGF5ID0gTEFZT1VUX0RJU1BMQVlfREVGQVVMVCxcbik6IHN0cmluZ1tdID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIHJldHVybiBtb2R1bGVMb2NhbHMoc3R5bGVzLCBMQVlPVVRfSElERSwgW2Jvb2xlYW5DbGFzc05hbWVzKCdoaWRlJywgZGlzcGxheSwgaGlkZSldKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFPQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFcEIsTUFBQSx1QkFBdUIsR0FBRyxDQUNuQyxJQUEwQixFQUMxQixPQUFBLEdBQXlCLHNCQUFzQixLQUNyQztJQUNWLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUV4QixJQUFBLE9BQU8sWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUN6Rjs7OzsifQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/module-layout-hide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".fiJpiY{display:none}.gOhWjJ{display:inline;display:initial}.kW8ucY{display:inline}.lzebkg{display:block}.BW5hiY{display:inline-block}.ojDmSW{display:-webkit-box;display:-ms-flexbox;display:flex}._6tNcCP{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.L1UTGN{display:grid}@media (min-width:400px){.hLAcRS{display:none}.sY3aXA{display:inline;display:initial}.pNHk9M{display:inline}.xhYsho{display:block}.hRJiTF{display:inline-block}.yUckPe{display:-webkit-box;display:-ms-flexbox;display:flex}.EHkZtg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.AAga9T{display:grid}}@media (min-width:700px){.FvhjcE{display:none}.LJf7oK{display:inline;display:initial}.Vz21lA{display:inline}.OFE-nX{display:block}.tOXMTS{display:inline-block}.orkf09{display:-webkit-box;display:-ms-flexbox;display:flex}.DNvwFI{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._1PF1pd{display:grid}}@media (min-width:880px){.WdaMQf{display:none}.o7n4ug{display:inline;display:initial}.AwkQoC{display:inline}.hbI551{display:block}.LBr0sM{display:inline-block}.h81a7e{display:-webkit-box;display:-ms-flexbox;display:flex}.jptzgB{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2Zy-55{display:grid}}@media (min-width:1200px){.UCAunC{display:none}._176kgV{display:inline;display:initial}.Ziooif{display:inline}.jbNc8Z{display:block}.crTfJe{display:inline-block}.boPpRL{display:-webkit-box;display:-ms-flexbox;display:flex}._83IVU0{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.d9KNQ0{display:grid}}@media (min-width:1900px){.N5ITzb{display:none}.XhHcAo{display:inline;display:initial}.VjsPRV{display:inline}.MbbyGz{display:block}.RPfCgG{display:inline-block}._5ZgTlu{display:-webkit-box;display:-ms-flexbox;display:flex}.n3IvRw{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.CmQjN-{display:grid}}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-core/src/layout/module-layout-hide/style/index.module.less",__css:css_248z,"LayoutHide--hide":"fiJpiY","LayoutHide--initial":"gOhWjJ","LayoutHide--inline":"kW8ucY","LayoutHide--block":"lzebkg","LayoutHide--inline-block":"BW5hiY","LayoutHide--flex":"ojDmSW","LayoutHide--inline-flex":"_6tNcCP","LayoutHide--grid":"L1UTGN","LayoutHide--narrow-l--hide":"hLAcRS","LayoutHide--narrow-l--initial":"sY3aXA","LayoutHide--narrow-l--inline":"pNHk9M","LayoutHide--narrow-l--block":"xhYsho","LayoutHide--narrow-l--inline-block":"hRJiTF","LayoutHide--narrow-l--flex":"yUckPe","LayoutHide--narrow-l--inline-flex":"EHkZtg","LayoutHide--narrow-l--grid":"AAga9T","LayoutHide--medium-s--hide":"FvhjcE","LayoutHide--medium-s--initial":"LJf7oK","LayoutHide--medium-s--inline":"Vz21lA","LayoutHide--medium-s--block":"OFE-nX","LayoutHide--medium-s--inline-block":"tOXMTS","LayoutHide--medium-s--flex":"orkf09","LayoutHide--medium-s--inline-flex":"DNvwFI","LayoutHide--medium-s--grid":"_1PF1pd","LayoutHide--medium-l--hide":"WdaMQf","LayoutHide--medium-l--initial":"o7n4ug","LayoutHide--medium-l--inline":"AwkQoC","LayoutHide--medium-l--block":"hbI551","LayoutHide--medium-l--inline-block":"LBr0sM","LayoutHide--medium-l--flex":"h81a7e","LayoutHide--medium-l--inline-flex":"jptzgB","LayoutHide--medium-l--grid":"_2Zy-55","LayoutHide--wide-s--hide":"UCAunC","LayoutHide--wide-s--initial":"_176kgV","LayoutHide--wide-s--inline":"Ziooif","LayoutHide--wide-s--block":"jbNc8Z","LayoutHide--wide-s--inline-block":"crTfJe","LayoutHide--wide-s--flex":"boPpRL","LayoutHide--wide-s--inline-flex":"_83IVU0","LayoutHide--wide-s--grid":"d9KNQ0","LayoutHide--wide-l--hide":"N5ITzb","LayoutHide--wide-l--initial":"XhHcAo","LayoutHide--wide-l--inline":"VjsPRV","LayoutHide--wide-l--block":"MbbyGz","LayoutHide--wide-l--inline-block":"RPfCgG","LayoutHide--wide-l--flex":"_5ZgTlu","LayoutHide--wide-l--inline-flex":"n3IvRw","LayoutHide--wide-l--grid":"CmQjN-"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|