@preply/ds-web-core 0.39.0 → 0.41.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/hocs/withColorScheme.d.ts +2 -2
- package/dist/color-scheme/hocs/withColorScheme.js +3 -2
- package/dist/generated/breakpoints.less +1 -1
- package/dist/generated/options.less +4 -1
- package/dist/generated/tokens.less +5 -1
- package/dist/index.js +3 -1
- package/dist/layout/index.d.ts +2 -0
- package/dist/layout/index.js +3 -1
- package/dist/layout/module-align-self/hooks/useAlignSelfClassNames.d.ts +4 -0
- package/dist/layout/module-align-self/hooks/useAlignSelfClassNames.js +12 -0
- package/dist/layout/module-align-self/index.d.ts +1 -0
- package/dist/layout/module-align-self/index.js +2 -0
- package/dist/layout/module-align-self/style/index.module.less +5 -0
- package/dist/layout/module-align-self/style/index.module.less.js +9 -0
- package/dist/layout/module-align-self/style/mixins.less +18 -0
- package/dist/layout/module-align-self/style/mixins.less.js +8 -0
- package/package.json +6 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ColorSchemeName } from '@preply/ds-core';
|
|
2
2
|
import { ComponentType, FC } from 'react';
|
|
3
3
|
export interface ColorSchemeProps {
|
|
4
|
-
colorScheme
|
|
4
|
+
colorScheme?: ColorSchemeName;
|
|
5
5
|
}
|
|
6
6
|
export interface WithColorSchemeProps {
|
|
7
7
|
colorSchemeClassName?: string;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { COLOR_SCHEME_DEFAULT } from '@preply/ds-core';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { useThemes } from '../../theme/hooks/useThemes.js';
|
|
3
4
|
import { useColorScheme } from '../hooks/useColorScheme.js';
|
|
@@ -5,7 +6,7 @@ import { ColorSchemeProvider } from '../providers/ColorSchemeProvider.js';
|
|
|
5
6
|
import { useTheme } from '../../theme/hooks/useTheme.js';
|
|
6
7
|
|
|
7
8
|
function withColorScheme(Component) {
|
|
8
|
-
const Wrapper = ({ colorScheme: colorSchemeName, ...props }) => {
|
|
9
|
+
const Wrapper = ({ colorScheme: colorSchemeName = COLOR_SCHEME_DEFAULT, ...props }) => {
|
|
9
10
|
const { findColorScheme } = useThemes();
|
|
10
11
|
const { theme } = useTheme();
|
|
11
12
|
const { colorScheme: currentColorScheme } = useColorScheme();
|
|
@@ -23,4 +24,4 @@ function withColorScheme(Component) {
|
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
export { withColorScheme };
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aENvbG9yU2NoZW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sb3Itc2NoZW1lL2hvY3Mvd2l0aENvbG9yU2NoZW1lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCwgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB1c2VUaGVtZXMgfSBmcm9tICcuLi8uLi90aGVtZS9ob29rcy91c2VUaGVtZXMnO1xuaW1wb3J0IHsgdXNlQ29sb3JTY2hlbWUgfSBmcm9tICcuLi9ob29rcy91c2VDb2xvclNjaGVtZSc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVByb3ZpZGVyIH0gZnJvbSAnLi4vcHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbG9yU2NoZW1lUHJvcHMge1xuICAgIGNvbG9yU2NoZW1lPzogQ29sb3JTY2hlbWVOYW1lO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFdpdGhDb2xvclNjaGVtZVByb3BzIHtcbiAgICBjb2xvclNjaGVtZUNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHdpdGhDb2xvclNjaGVtZTxQPihDb21wb25lbnQ6IENvbXBvbmVudFR5cGU8UD4pOiBGQzxQICYgQ29sb3JTY2hlbWVQcm9wcz4ge1xuICAgIGNvbnN0IFdyYXBwZXI6IEZDPFAgJiBDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgICAgIGNvbG9yU2NoZW1lOiBjb2xvclNjaGVtZU5hbWUgPSBDT0xPUl9TQ0hFTUVfREVGQVVMVCxcbiAgICAgICAgLi4ucHJvcHNcbiAgICB9KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgZmluZENvbG9yU2NoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICAgICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICAgICAgY29uc3QgeyBjb2xvclNjaGVtZTogY3VycmVudENvbG9yU2NoZW1lIH0gPSB1c2VDb2xvclNjaGVtZSgpO1xuXG4gICAgICAgIGNvbnN0IG5ld0NvbG9yU2NoZW1lID0gY29sb3JTY2hlbWVOYW1lICYmIGZpbmRDb2xvclNjaGVtZShjb2xvclNjaGVtZU5hbWUpO1xuXG4gICAgICAgIGlmIChuZXdDb2xvclNjaGVtZSAmJiBuZXdDb2xvclNjaGVtZSAhPT0gY3VycmVudENvbG9yU2NoZW1lKSB7XG4gICAgICAgICAgICBjb25zdCBjbGFzc05hbWUgPSBuZXdDb2xvclNjaGVtZS5nZXRDbGFzc05hbWUoeyB3aXRoQmFja2dyb3VuZDogdHJ1ZSB9KTtcblxuICAgICAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IGAke2NsYXNzTmFtZX0gJHt0aGVtZS5nZXRDbGFzc05hbWUoKX1gO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxDb2xvclNjaGVtZVByb3ZpZGVyIGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZU5hbWV9PlxuICAgICAgICAgICAgICAgICAgICA8Q29tcG9uZW50IGNvbG9yU2NoZW1lQ2xhc3NOYW1lPXtjbGFzc05hbWVzfSB7Li4uKHByb3BzIGFzIFApfSAvPlxuICAgICAgICAgICAgICAgIDwvQ29sb3JTY2hlbWVQcm92aWRlcj5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIDxDb21wb25lbnQgey4uLihwcm9wcyBhcyBQKX0gLz47XG4gICAgfTtcblxuICAgIFdyYXBwZXIuZGlzcGxheU5hbWUgPSBgd2l0aENvbG9yU2NoZW1lKCR7Q29tcG9uZW50LmRpc3BsYXlOYW1lfSlgO1xuICAgIHJldHVybiBXcmFwcGVyO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7U0FnQmdCLGVBQWUsQ0FBSSxTQUEyQjtJQUMxRCxNQUFNLE9BQU8sR0FBNkIsQ0FBQyxFQUN2QyxXQUFXLEVBQUUsZUFBZSxHQUFHLG9CQUFvQixFQUNuRCxHQUFHLEtBQUssRUFDWDtRQUNHLE1BQU0sRUFBRSxlQUFlLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztRQUN4QyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7UUFDN0IsTUFBTSxFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRSxHQUFHLGNBQWMsRUFBRSxDQUFDO1FBRTdELE1BQU0sY0FBYyxHQUFHLGVBQWUsSUFBSSxlQUFlLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFM0UsSUFBSSxjQUFjLElBQUksY0FBYyxLQUFLLGtCQUFrQixFQUFFO1lBQ3pELE1BQU0sU0FBUyxHQUFHLGNBQWMsQ0FBQyxZQUFZLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUV4RSxNQUFNLFVBQVUsR0FBRyxHQUFHLFNBQVMsSUFBSSxLQUFLLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztZQUUxRCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLFdBQVcsRUFBRSxlQUFlO2dCQUM3QyxvQkFBQyxTQUFTLGtCQUFDLG9CQUFvQixFQUFFLFVBQVUsSUFBTyxLQUFXLEVBQUksQ0FDL0MsRUFDeEI7U0FDTDtRQUNELE9BQU8sb0JBQUMsU0FBUyxvQkFBTSxLQUFXLEVBQUksQ0FBQztLQUMxQyxDQUFDO0lBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsU0FBUyxDQUFDLFdBQVcsR0FBRyxDQUFDO0lBQ2xFLE9BQU8sT0FBTyxDQUFDO0FBQ25COzs7OyJ9
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Wed Sep 07 2022 09:56:59 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
4
|
+
@BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
|
|
5
|
+
@BOX_RADIUS_OPTIONS: m, l;
|
|
4
6
|
@BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
|
|
5
7
|
@BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous;
|
|
6
8
|
@COLOR_NAME_OPTIONS: gray-100, gray-200, gray-300, gray-400, gray-500, gray-600, teal-100, teal-200,
|
|
@@ -13,6 +15,7 @@
|
|
|
13
15
|
@HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
|
|
14
16
|
@ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
|
|
15
17
|
@LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
|
|
18
|
+
@LAYOUT_ALIGN_SELF_OPTIONS: stretch, center, start, end;
|
|
16
19
|
@LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
|
|
17
20
|
@LAYOUT_GAP_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
|
|
18
21
|
@LAYOUT_JUSTIFY_CONTENT_OPTIONS: center, start, end, space-between, space-around, space-evenly;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Wed Sep 07 2022 09:57:00 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface);
|
|
4
4
|
@scheme-bgColor: var(--786b9);
|
|
@@ -171,6 +171,9 @@
|
|
|
171
171
|
@avatar-size-m-size: var(--b5133);
|
|
172
172
|
@avatar-size-l-size: var(--d318a);
|
|
173
173
|
@avatar-size-xl-size: var(--6eb1c);
|
|
174
|
+
@box-radius-m-borderRadius: var(--1c37d);
|
|
175
|
+
@box-radius-l-borderRadius: var(--9e57e);
|
|
176
|
+
@box-base-shadow: var(--a814c);
|
|
174
177
|
@icon-size-2xs-size: var(--b21f6);
|
|
175
178
|
@icon-size-xs-size: var(--766f3);
|
|
176
179
|
@icon-size-s-size: var(--7c1b1);
|
|
@@ -368,3 +371,4 @@
|
|
|
368
371
|
@root-radius-s: var(--bf855);
|
|
369
372
|
@root-radius-m: var(--c3119);
|
|
370
373
|
@root-radius-l: var(--75dce);
|
|
374
|
+
@root-radius-xl: var(--0397a);
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,8 @@ export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.
|
|
|
17
17
|
export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
|
|
18
18
|
export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
|
|
19
19
|
export { useLayoutHideClassnames } from './layout/module-layout-hide/hooks/useLayoutHideClassnames.js';
|
|
20
|
+
export { useAlignSelfClassNames } from './layout/module-align-self/hooks/useAlignSelfClassNames.js';
|
|
21
|
+
export { useLayoutPaddingClassnames } from './layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
20
22
|
export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
21
23
|
export { minWidth } from './responsive/sc/mixins.js';
|
|
22
24
|
export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
|
|
@@ -39,4 +41,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
|
|
|
39
41
|
export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
|
|
40
42
|
export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
|
|
41
43
|
export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
|
|
42
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
package/dist/layout/index.d.ts
CHANGED
|
@@ -4,4 +4,6 @@ export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames';
|
|
|
4
4
|
export { useLayoutStyles } from './hooks/useLayoutStyles';
|
|
5
5
|
export { useLayoutGridStyles } from './hooks/useLayoutGridStyles';
|
|
6
6
|
export { useLayoutHideClassnames } from './module-layout-hide';
|
|
7
|
+
export { useAlignSelfClassNames } from './module-align-self';
|
|
8
|
+
export { useLayoutPaddingClassnames } from './module-layout-padding';
|
|
7
9
|
export * from './module-layout-gap';
|
package/dist/layout/index.js
CHANGED
|
@@ -4,5 +4,7 @@ export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames.js';
|
|
|
4
4
|
export { useLayoutStyles } from './hooks/useLayoutStyles.js';
|
|
5
5
|
export { useLayoutGridStyles } from './hooks/useLayoutGridStyles.js';
|
|
6
6
|
export { useLayoutHideClassnames } from './module-layout-hide/hooks/useLayoutHideClassnames.js';
|
|
7
|
+
export { useAlignSelfClassNames } from './module-align-self/hooks/useAlignSelfClassNames.js';
|
|
8
|
+
export { useLayoutPaddingClassnames } from './module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
7
9
|
export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { LayoutAlignSelf } from '@preply/ds-core';
|
|
2
|
+
export declare const useAlignSelfClassNames: (alignSelf?: "stretch" | "center" | "start" | "end" | ({
|
|
3
|
+
_: LayoutAlignSelf;
|
|
4
|
+
} & Partial<Record<import("@preply/ds-core").Breakpoint, LayoutAlignSelf>>) | undefined) => string[];
|
|
@@ -0,0 +1,12 @@
|
|
|
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/OiBSZXNwb25zaXZlPExheW91dEFsaWduU2VsZj4pOiBzdHJpbmdbXSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICByZXR1cm4gbW9kdWxlTG9jYWxzKHN0eWxlcywgQUxJR05fU0VMRiwgW3N0cmluZ0NsYXNzTmFtZXMoJ2FsaWduLXNlbGYnLCBhbGlnblNlbGYpXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUM7TUFFbEIsc0JBQXNCLEdBQUcsQ0FBQyxTQUF1QztJQUMxRSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsT0FBTyxZQUFZLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDekY7Ozs7In0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useAlignSelfClassNames } from './hooks/useAlignSelfClassNames';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".NiQI6c{-ms-flex-item-align:start;align-self:start}._5kQNGp{-ms-flex-item-align:center;align-self:center}._3KpSYT{-ms-flex-item-align:end;align-self:end}._3D2BIK{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width:400px){._1brrzl{-ms-flex-item-align:start;align-self:start}._208NPj{-ms-flex-item-align:center;align-self:center}.pSelXZ{-ms-flex-item-align:end;align-self:end}._1kPdUN{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:700px){.SmY19y{-ms-flex-item-align:start;align-self:start}._3RhPGE{-ms-flex-item-align:center;align-self:center}.kdGBD0{-ms-flex-item-align:end;align-self:end}._2p-PPZ{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:880px){.vtaMJf{-ms-flex-item-align:start;align-self:start}.LAOqeW{-ms-flex-item-align:center;align-self:center}._1cczsK{-ms-flex-item-align:end;align-self:end}.hd_UUf{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:1200px){.kMpOZv{-ms-flex-item-align:start;align-self:start}.pBJs6L{-ms-flex-item-align:center;align-self:center}._1Sv8h2{-ms-flex-item-align:end;align-self:end}._1u-T3m{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width:1900px){._2i3nZS{-ms-flex-item-align:start;align-self:start}._16vOHW{-ms-flex-item-align:center;align-self:center}._38j4DV{-ms-flex-item-align:end;align-self:end}.lOAyXn{-ms-flex-item-align:stretch;align-self:stretch}}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/module-align-self/style/index.module.less",__css:css_248z,"AlignSelf--align-self-start":"NiQI6c","AlignSelf--align-self-center":"_5kQNGp","AlignSelf--align-self-end":"_3KpSYT","AlignSelf--align-self-stretch":"_3D2BIK","AlignSelf--narrow-l--align-self-start":"_1brrzl","AlignSelf--narrow-l--align-self-center":"_208NPj","AlignSelf--narrow-l--align-self-end":"pSelXZ","AlignSelf--narrow-l--align-self-stretch":"_1kPdUN","AlignSelf--medium-s--align-self-start":"SmY19y","AlignSelf--medium-s--align-self-center":"_3RhPGE","AlignSelf--medium-s--align-self-end":"kdGBD0","AlignSelf--medium-s--align-self-stretch":"_2p-PPZ","AlignSelf--medium-l--align-self-start":"vtaMJf","AlignSelf--medium-l--align-self-center":"LAOqeW","AlignSelf--medium-l--align-self-end":"_1cczsK","AlignSelf--medium-l--align-self-stretch":"hd_UUf","AlignSelf--wide-s--align-self-start":"kMpOZv","AlignSelf--wide-s--align-self-center":"pBJs6L","AlignSelf--wide-s--align-self-end":"_1Sv8h2","AlignSelf--wide-s--align-self-stretch":"_1u-T3m","AlignSelf--wide-l--align-self-start":"_2i3nZS","AlignSelf--wide-l--align-self-center":"_16vOHW","AlignSelf--wide-l--align-self-end":"_38j4DV","AlignSelf--wide-l--align-self-stretch":"lOAyXn"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.41.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.41.0",
|
|
23
|
+
"@preply/ds-core-types": "0.41.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.41.0",
|
|
27
|
+
"@preply/ds-core-types": "0.41.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "3b6cdff39365ee53238d6b4bc1afb553dca8355d"
|
|
32
32
|
}
|