@preply/ds-web-core 0.40.1 → 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 +3 -1
- package/dist/generated/tokens.less +5 -1
- package/dist/index.js +2 -1
- package/dist/layout/index.d.ts +1 -0
- package/dist/layout/index.js +2 -1
- 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,
|
|
@@ -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
|
@@ -18,6 +18,7 @@ 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
20
|
export { useAlignSelfClassNames } from './layout/module-align-self/hooks/useAlignSelfClassNames.js';
|
|
21
|
+
export { useLayoutPaddingClassnames } from './layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
21
22
|
export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
22
23
|
export { minWidth } from './responsive/sc/mixins.js';
|
|
23
24
|
export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
|
|
@@ -40,4 +41,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
|
|
|
40
41
|
export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
|
|
41
42
|
export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
|
|
42
43
|
export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
|
|
43
|
-
//# 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
|
@@ -5,4 +5,5 @@ export { useLayoutStyles } from './hooks/useLayoutStyles';
|
|
|
5
5
|
export { useLayoutGridStyles } from './hooks/useLayoutGridStyles';
|
|
6
6
|
export { useLayoutHideClassnames } from './module-layout-hide';
|
|
7
7
|
export { useAlignSelfClassNames } from './module-align-self';
|
|
8
|
+
export { useLayoutPaddingClassnames } from './module-layout-padding';
|
|
8
9
|
export * from './module-layout-gap';
|
package/dist/layout/index.js
CHANGED
|
@@ -5,5 +5,6 @@ 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
7
|
export { useAlignSelfClassNames } from './module-align-self/hooks/useAlignSelfClassNames.js';
|
|
8
|
+
export { useLayoutPaddingClassnames } from './module-layout-padding/hooks/useLayoutPaddingClassnames.js';
|
|
8
9
|
export { useLayoutGapClassnames } from './module-layout-gap/hooks/useLayoutGapClassnames.js';
|
|
9
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
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
|
}
|