@preply/ds-web-core 0.39.0 → 0.40.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/generated/breakpoints.less +1 -1
- package/dist/generated/options.less +2 -1
- package/dist/generated/tokens.less +1 -1
- package/dist/index.js +2 -1
- package/dist/layout/index.d.ts +1 -0
- package/dist/layout/index.js +2 -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,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Fri Aug 19 2022 04:58:59 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;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
@HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
|
|
14
14
|
@ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
|
|
15
15
|
@LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
|
|
16
|
+
@LAYOUT_ALIGN_SELF_OPTIONS: stretch, center, start, end;
|
|
16
17
|
@LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
|
|
17
18
|
@LAYOUT_GAP_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
|
|
18
19
|
@LAYOUT_JUSTIFY_CONTENT_OPTIONS: center, start, end, space-between, space-around, space-evenly;
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ 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';
|
|
20
21
|
export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
21
22
|
export { minWidth } from './responsive/sc/mixins.js';
|
|
22
23
|
export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
|
|
@@ -39,4 +40,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
|
|
|
39
40
|
export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
|
|
40
41
|
export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
|
|
41
42
|
export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
|
|
42
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
package/dist/layout/index.d.ts
CHANGED
|
@@ -4,4 +4,5 @@ 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';
|
|
7
8
|
export * from './module-layout-gap';
|
package/dist/layout/index.js
CHANGED
|
@@ -4,5 +4,6 @@ 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';
|
|
7
8
|
export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OyJ9
|
|
@@ -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.40.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.40.0",
|
|
23
|
+
"@preply/ds-core-types": "0.40.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.40.0",
|
|
27
|
+
"@preply/ds-core-types": "0.40.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "bb5de7e71212999d1b815c7f7fbb5f2fcfbcd619"
|
|
32
32
|
}
|