@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.
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Thu Aug 04 2022 10:59:48 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Aug 19 2022 04:59:00 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @breakpoints: {
4
4
  narrow-l: 400px;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Thu Aug 04 2022 10:59:47 GMT+0000 (Coordinated Universal Time) */
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;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Thu Aug 04 2022 10:59:47 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Aug 19 2022 04:58:59 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface);
4
4
  @scheme-bgColor: var(--786b9);
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
43
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
@@ -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';
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=
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,2 @@
1
+ export { useAlignSelfClassNames } from './hooks/useAlignSelfClassNames.js';
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -0,0 +1,5 @@
1
+ @import './mixins.less';
2
+
3
+ .AlignSelf {
4
+ .align-self();
5
+ }
@@ -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.39.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.39.0",
23
- "@preply/ds-core-types": "0.39.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.39.0",
27
- "@preply/ds-core-types": "0.39.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": "7b27439c5b6016d423474f8394cbb76e2cc17169"
31
+ "gitHead": "bb5de7e71212999d1b815c7f7fbb5f2fcfbcd619"
32
32
  }