@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.
@@ -1,7 +1,7 @@
1
- import type { ColorSchemeName } from '@preply/ds-core';
1
+ import { ColorSchemeName } from '@preply/ds-core';
2
2
  import { ComponentType, FC } from 'react';
3
3
  export interface ColorSchemeProps {
4
- colorScheme: ColorSchemeName;
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aENvbG9yU2NoZW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sb3Itc2NoZW1lL2hvY3Mvd2l0aENvbG9yU2NoZW1lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50VHlwZSwgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdXNlVGhlbWVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvaG9va3MvdXNlVGhlbWVzJztcbmltcG9ydCB7IHVzZUNvbG9yU2NoZW1lIH0gZnJvbSAnLi4vaG9va3MvdXNlQ29sb3JTY2hlbWUnO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVQcm92aWRlciB9IGZyb20gJy4uL3Byb3ZpZGVycy9Db2xvclNjaGVtZVByb3ZpZGVyJztcblxuZXhwb3J0IGludGVyZmFjZSBDb2xvclNjaGVtZVByb3BzIHtcbiAgICBjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVOYW1lO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFdpdGhDb2xvclNjaGVtZVByb3BzIHtcbiAgICBjb2xvclNjaGVtZUNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHdpdGhDb2xvclNjaGVtZTxQPihDb21wb25lbnQ6IENvbXBvbmVudFR5cGU8UD4pOiBGQzxQICYgQ29sb3JTY2hlbWVQcm9wcz4ge1xuICAgIGNvbnN0IFdyYXBwZXI6IEZDPFAgJiBDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lOiBjb2xvclNjaGVtZU5hbWUsIC4uLnByb3BzIH0pID0+IHtcbiAgICAgICAgY29uc3QgeyBmaW5kQ29sb3JTY2hlbWUgfSA9IHVzZVRoZW1lcygpO1xuICAgICAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAgICAgICBjb25zdCB7IGNvbG9yU2NoZW1lOiBjdXJyZW50Q29sb3JTY2hlbWUgfSA9IHVzZUNvbG9yU2NoZW1lKCk7XG5cbiAgICAgICAgY29uc3QgbmV3Q29sb3JTY2hlbWUgPSBjb2xvclNjaGVtZU5hbWUgJiYgZmluZENvbG9yU2NoZW1lKGNvbG9yU2NoZW1lTmFtZSk7XG5cbiAgICAgICAgaWYgKG5ld0NvbG9yU2NoZW1lICYmIG5ld0NvbG9yU2NoZW1lICE9PSBjdXJyZW50Q29sb3JTY2hlbWUpIHtcbiAgICAgICAgICAgIGNvbnN0IGNsYXNzTmFtZSA9IG5ld0NvbG9yU2NoZW1lLmdldENsYXNzTmFtZSh7IHdpdGhCYWNrZ3JvdW5kOiB0cnVlIH0pO1xuXG4gICAgICAgICAgICBjb25zdCBjbGFzc05hbWVzID0gYCR7Y2xhc3NOYW1lfSAke3RoZW1lLmdldENsYXNzTmFtZSgpfWA7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lTmFtZX0+XG4gICAgICAgICAgICAgICAgICAgIDxDb21wb25lbnQgY29sb3JTY2hlbWVDbGFzc05hbWU9e2NsYXNzTmFtZXN9IHsuLi4ocHJvcHMgYXMgUCl9IC8+XG4gICAgICAgICAgICAgICAgPC9Db2xvclNjaGVtZVByb3ZpZGVyPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gPENvbXBvbmVudCB7Li4uKHByb3BzIGFzIFApfSAvPjtcbiAgICB9O1xuXG4gICAgV3JhcHBlci5kaXNwbGF5TmFtZSA9IGB3aXRoQ29sb3JTY2hlbWUoJHtDb21wb25lbnQuZGlzcGxheU5hbWV9KWA7XG4gICAgcmV0dXJuIFdyYXBwZXI7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O1NBZ0JnQixlQUFlLENBQUksU0FBMkI7SUFDMUQsTUFBTSxPQUFPLEdBQTZCLENBQUMsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxFQUFFO1FBQ2pGLE1BQU0sRUFBRSxlQUFlLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztRQUN4QyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7UUFDN0IsTUFBTSxFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRSxHQUFHLGNBQWMsRUFBRSxDQUFDO1FBRTdELE1BQU0sY0FBYyxHQUFHLGVBQWUsSUFBSSxlQUFlLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFM0UsSUFBSSxjQUFjLElBQUksY0FBYyxLQUFLLGtCQUFrQixFQUFFO1lBQ3pELE1BQU0sU0FBUyxHQUFHLGNBQWMsQ0FBQyxZQUFZLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUV4RSxNQUFNLFVBQVUsR0FBRyxHQUFHLFNBQVMsSUFBSSxLQUFLLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztZQUUxRCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLFdBQVcsRUFBRSxlQUFlO2dCQUM3QyxvQkFBQyxTQUFTLGtCQUFDLG9CQUFvQixFQUFFLFVBQVUsSUFBTyxLQUFXLEVBQUksQ0FDL0MsRUFDeEI7U0FDTDtRQUNELE9BQU8sb0JBQUMsU0FBUyxvQkFBTSxLQUFXLEVBQUksQ0FBQztLQUMxQyxDQUFDO0lBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsU0FBUyxDQUFDLFdBQVcsR0FBRyxDQUFDO0lBQ2xFLE9BQU8sT0FBTyxDQUFDO0FBQ25COzs7OyJ9
27
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aENvbG9yU2NoZW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sb3Itc2NoZW1lL2hvY3Mvd2l0aENvbG9yU2NoZW1lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCwgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB1c2VUaGVtZXMgfSBmcm9tICcuLi8uLi90aGVtZS9ob29rcy91c2VUaGVtZXMnO1xuaW1wb3J0IHsgdXNlQ29sb3JTY2hlbWUgfSBmcm9tICcuLi9ob29rcy91c2VDb2xvclNjaGVtZSc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVByb3ZpZGVyIH0gZnJvbSAnLi4vcHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbG9yU2NoZW1lUHJvcHMge1xuICAgIGNvbG9yU2NoZW1lPzogQ29sb3JTY2hlbWVOYW1lO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFdpdGhDb2xvclNjaGVtZVByb3BzIHtcbiAgICBjb2xvclNjaGVtZUNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHdpdGhDb2xvclNjaGVtZTxQPihDb21wb25lbnQ6IENvbXBvbmVudFR5cGU8UD4pOiBGQzxQICYgQ29sb3JTY2hlbWVQcm9wcz4ge1xuICAgIGNvbnN0IFdyYXBwZXI6IEZDPFAgJiBDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgICAgIGNvbG9yU2NoZW1lOiBjb2xvclNjaGVtZU5hbWUgPSBDT0xPUl9TQ0hFTUVfREVGQVVMVCxcbiAgICAgICAgLi4ucHJvcHNcbiAgICB9KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgZmluZENvbG9yU2NoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICAgICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICAgICAgY29uc3QgeyBjb2xvclNjaGVtZTogY3VycmVudENvbG9yU2NoZW1lIH0gPSB1c2VDb2xvclNjaGVtZSgpO1xuXG4gICAgICAgIGNvbnN0IG5ld0NvbG9yU2NoZW1lID0gY29sb3JTY2hlbWVOYW1lICYmIGZpbmRDb2xvclNjaGVtZShjb2xvclNjaGVtZU5hbWUpO1xuXG4gICAgICAgIGlmIChuZXdDb2xvclNjaGVtZSAmJiBuZXdDb2xvclNjaGVtZSAhPT0gY3VycmVudENvbG9yU2NoZW1lKSB7XG4gICAgICAgICAgICBjb25zdCBjbGFzc05hbWUgPSBuZXdDb2xvclNjaGVtZS5nZXRDbGFzc05hbWUoeyB3aXRoQmFja2dyb3VuZDogdHJ1ZSB9KTtcblxuICAgICAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IGAke2NsYXNzTmFtZX0gJHt0aGVtZS5nZXRDbGFzc05hbWUoKX1gO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxDb2xvclNjaGVtZVByb3ZpZGVyIGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZU5hbWV9PlxuICAgICAgICAgICAgICAgICAgICA8Q29tcG9uZW50IGNvbG9yU2NoZW1lQ2xhc3NOYW1lPXtjbGFzc05hbWVzfSB7Li4uKHByb3BzIGFzIFApfSAvPlxuICAgICAgICAgICAgICAgIDwvQ29sb3JTY2hlbWVQcm92aWRlcj5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIDxDb21wb25lbnQgey4uLihwcm9wcyBhcyBQKX0gLz47XG4gICAgfTtcblxuICAgIFdyYXBwZXIuZGlzcGxheU5hbWUgPSBgd2l0aENvbG9yU2NoZW1lKCR7Q29tcG9uZW50LmRpc3BsYXlOYW1lfSlgO1xuICAgIHJldHVybiBXcmFwcGVyO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7U0FnQmdCLGVBQWUsQ0FBSSxTQUEyQjtJQUMxRCxNQUFNLE9BQU8sR0FBNkIsQ0FBQyxFQUN2QyxXQUFXLEVBQUUsZUFBZSxHQUFHLG9CQUFvQixFQUNuRCxHQUFHLEtBQUssRUFDWDtRQUNHLE1BQU0sRUFBRSxlQUFlLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztRQUN4QyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7UUFDN0IsTUFBTSxFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRSxHQUFHLGNBQWMsRUFBRSxDQUFDO1FBRTdELE1BQU0sY0FBYyxHQUFHLGVBQWUsSUFBSSxlQUFlLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFM0UsSUFBSSxjQUFjLElBQUksY0FBYyxLQUFLLGtCQUFrQixFQUFFO1lBQ3pELE1BQU0sU0FBUyxHQUFHLGNBQWMsQ0FBQyxZQUFZLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUV4RSxNQUFNLFVBQVUsR0FBRyxHQUFHLFNBQVMsSUFBSSxLQUFLLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztZQUUxRCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLFdBQVcsRUFBRSxlQUFlO2dCQUM3QyxvQkFBQyxTQUFTLGtCQUFDLG9CQUFvQixFQUFFLFVBQVUsSUFBTyxLQUFXLEVBQUksQ0FDL0MsRUFDeEI7U0FDTDtRQUNELE9BQU8sb0JBQUMsU0FBUyxvQkFBTSxLQUFXLEVBQUksQ0FBQztLQUMxQyxDQUFDO0lBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsU0FBUyxDQUFDLFdBQVcsR0FBRyxDQUFDO0lBQ2xFLE9BQU8sT0FBTyxDQUFDO0FBQ25COzs7OyJ9
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Thu Aug 04 2022 10:59:48 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Wed Sep 07 2022 09:57:00 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @breakpoints: {
4
4
  narrow-l: 400px;
@@ -1,6 +1,8 @@
1
- /* AUTO GENERATED @Thu Aug 04 2022 10:59:47 GMT+0000 (Coordinated Universal Time) */
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 @Thu Aug 04 2022 10:59:47 GMT+0000 (Coordinated Universal Time) */
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
44
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
@@ -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';
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=
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,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.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.39.0",
23
- "@preply/ds-core-types": "0.39.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.39.0",
27
- "@preply/ds-core-types": "0.39.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": "7b27439c5b6016d423474f8394cbb76e2cc17169"
31
+ "gitHead": "3b6cdff39365ee53238d6b4bc1afb553dca8355d"
32
32
  }