@preply/ds-web-core 0.18.0 → 0.20.1
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/styles/mixins.less.js +2 -2
- package/dist/generated/options.less +1 -1
- package/dist/generated/options.less.js +2 -2
- package/dist/generated/tokens.less +7 -2
- package/dist/generated/tokens.less.js +2 -2
- package/dist/index.js +2 -1
- package/dist/instrument/private/loader.js +4 -2
- package/dist/layout/style/common.mixins.less.js +2 -2
- package/dist/layout/style/flex.mixins.less.js +2 -2
- package/dist/layout/style/grid.mixins.less.js +2 -2
- package/dist/layout/style/index.module.less.js +1 -1
- package/dist/theme/providers/ThemeProvider.js +9 -3
- package/dist/theme/style/declarations.mixins.less.js +2 -2
- package/dist/token/index.d.ts +1 -0
- package/dist/token/index.js +2 -1
- package/dist/token/util/getTokenVar.d.ts +2 -0
- package/dist/token/util/getTokenVar.js +12 -0
- package/dist/typography/style/mixins.less.js +2 -2
- package/package.json +6 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @Wed Mar
|
|
1
|
+
/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface);
|
|
4
4
|
@scheme-bgColor: var(--786b9);
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
@root-space-l: var(--28cff);
|
|
12
12
|
@root-space-xl: var(--6acb5);
|
|
13
13
|
@root-palette-white: var(--14567);
|
|
14
|
+
@root-palette-ivory: var(--0e728);
|
|
14
15
|
@root-palette-transparent: var(--f1876);
|
|
15
16
|
@root-palette-gray-100: var(--55407);
|
|
16
|
-
@root-palette-gray-150: var(--4b414);
|
|
17
17
|
@root-palette-gray-200: var(--8f123);
|
|
18
18
|
@root-palette-gray-300: var(--da403);
|
|
19
19
|
@root-palette-gray-400: var(--7c8c3);
|
|
@@ -44,6 +44,11 @@
|
|
|
44
44
|
@root-palette-blue-300: var(--201e1);
|
|
45
45
|
@root-palette-blue-400: var(--e1c27);
|
|
46
46
|
@root-palette-blue-500: var(--6a142);
|
|
47
|
+
@root-palette-magenta-100: var(--1a996);
|
|
48
|
+
@root-palette-magenta-200: var(--b774d);
|
|
49
|
+
@root-palette-magenta-300: var(--f72cd);
|
|
50
|
+
@root-palette-magenta-400: var(--6cbd8);
|
|
51
|
+
@root-palette-magenta-500: var(--5893e);
|
|
47
52
|
@root-text-base-typeface: var(--7068b);
|
|
48
53
|
@root-text-base-fontFamily: var(--0e309);
|
|
49
54
|
@root-text-size-70: var(--9fea4);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
package/dist/index.js
CHANGED
|
@@ -28,6 +28,7 @@ export { useTheme } from './theme/hooks/useTheme.js';
|
|
|
28
28
|
export { useThemes } from './theme/hooks/useThemes.js';
|
|
29
29
|
export { useSetTheme } from './theme/hooks/useSetTheme.js';
|
|
30
30
|
export { withTheme } from './theme/hocs/withTheme.js';
|
|
31
|
+
export { getTokenVar } from './token/util/getTokenVar.js';
|
|
31
32
|
export { useToken } from './token/hooks/useToken.js';
|
|
32
33
|
export { withGetToken } from './token/hocs/withGetToken.js';
|
|
33
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
|
@@ -2,12 +2,14 @@
|
|
|
2
2
|
const matcher = pattern => window.location.href.startsWith(pattern);
|
|
3
3
|
const patterns = ['http://localhost', 'https://stage', 'https://ds.preply.org'];
|
|
4
4
|
const isActive = typeof window !== 'undefined' && patterns.find(matcher);
|
|
5
|
+
let isLoading = false;
|
|
5
6
|
let isReady = false;
|
|
6
7
|
const events = [];
|
|
7
8
|
const loadInstrumentation = async () => {
|
|
8
|
-
if (!isActive) {
|
|
9
|
+
if (!isActive || isLoading) {
|
|
9
10
|
return;
|
|
10
11
|
}
|
|
12
|
+
isLoading = true;
|
|
11
13
|
const script = window.document.createElement('script');
|
|
12
14
|
script.src = 'https://ds.preply.org/runtime/latest/index.js';
|
|
13
15
|
window.document.head.appendChild(script);
|
|
@@ -29,4 +31,4 @@ const instrument = event => {
|
|
|
29
31
|
};
|
|
30
32
|
|
|
31
33
|
export { instrument, loadInstrumentation };
|
|
32
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5zdHJ1bWVudC9wcml2YXRlL2xvYWRlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBkb3Qtbm90YXRpb24gKi9cblxuaW1wb3J0IHsgSW5zdHJ1bWVudEV2ZW50LCBJbnN0cnVtZW50RnVuY3Rpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5jb25zdCBtYXRjaGVyID0gcGF0dGVybiA9PiB3aW5kb3cubG9jYXRpb24uaHJlZi5zdGFydHNXaXRoKHBhdHRlcm4pO1xuY29uc3QgcGF0dGVybnMgPSBbJ2h0dHA6Ly9sb2NhbGhvc3QnLCAnaHR0cHM6Ly9zdGFnZScsICdodHRwczovL2RzLnByZXBseS5vcmcnXTtcbmNvbnN0IGlzQWN0aXZlID0gdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgcGF0dGVybnMuZmluZChtYXRjaGVyKTtcbmxldCBpc0xvYWRpbmcgPSBmYWxzZTtcbmxldCBpc1JlYWR5ID0gZmFsc2U7XG5jb25zdCBldmVudHM6IEluc3RydW1lbnRFdmVudFtdID0gW107XG5cbmV4cG9ydCBjb25zdCBsb2FkSW5zdHJ1bWVudGF0aW9uID0gYXN5bmMgKCk6IFByb21pc2U8dm9pZD4gPT4ge1xuICAgIGlmICghaXNBY3RpdmUgfHwgaXNMb2FkaW5nKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaXNMb2FkaW5nID0gdHJ1ZTtcbiAgICBjb25zdCBzY3JpcHQgPSB3aW5kb3cuZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7XG4gICAgc2NyaXB0LnNyYyA9ICdodHRwczovL2RzLnByZXBseS5vcmcvcnVudGltZS9sYXRlc3QvaW5kZXguanMnO1xuICAgIHdpbmRvdy5kb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKHNjcmlwdCk7XG4gICAgc2NyaXB0LmFkZEV2ZW50TGlzdGVuZXIoJ2xvYWQnLCBhc3luYyAoKSA9PiB7XG4gICAgICAgIGF3YWl0IHdpbmRvd1snUFJFUExZX0RTX1JVTlRJTUUnXS5sb2FkKCk7XG4gICAgICAgIGlzUmVhZHkgPSB0cnVlO1xuICAgICAgICBldmVudHMuZm9yRWFjaChldmVudCA9PiB7XG4gICAgICAgICAgICB3aW5kb3dbJ1BSRVBMWV9EU19SVU5USU1FJ10uaW5zdHJ1bWVudChldmVudCk7XG4gICAgICAgIH0pO1xuICAgIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IGluc3RydW1lbnQ6IEluc3RydW1lbnRGdW5jdGlvbiA9IGV2ZW50ID0+IHtcbiAgICBpZiAoaXNSZWFkeSkge1xuICAgICAgICB3aW5kb3dbJ1BSRVBMWV9EU19SVU5USU1FJ10uaW5zdHJ1bWVudChldmVudCk7XG4gICAgfSBlbHNlIHtcbiAgICAgICAgZXZlbnRzLnB1c2goZXZlbnQpO1xuICAgIH1cbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFJQSxNQUFNLE9BQU8sR0FBRyxPQUFPLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0FBQ3BFLE1BQU0sUUFBUSxHQUFHLENBQUMsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLHVCQUF1QixDQUFDLENBQUM7QUFDaEYsTUFBTSxRQUFRLEdBQUcsT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDekUsSUFBSSxTQUFTLEdBQUcsS0FBSyxDQUFDO0FBQ3RCLElBQUksT0FBTyxHQUFHLEtBQUssQ0FBQztBQUNwQixNQUFNLE1BQU0sR0FBc0IsRUFBRSxDQUFDO01BRXhCLG1CQUFtQixHQUFHO0lBQy9CLElBQUksQ0FBQyxRQUFRLElBQUksU0FBUyxFQUFFO1FBQ3hCLE9BQU87S0FDVjtJQUNELFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDakIsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkQsTUFBTSxDQUFDLEdBQUcsR0FBRywrQ0FBK0MsQ0FBQztJQUM3RCxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRTtRQUM1QixNQUFNLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDZixNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUs7WUFDaEIsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2pELENBQUMsQ0FBQztLQUNOLENBQUMsQ0FBQztBQUNQLEVBQUU7TUFFVyxVQUFVLEdBQXVCLEtBQUs7SUFDL0MsSUFBSSxPQUFPLEVBQUU7UUFDVCxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDakQ7U0FBTTtRQUNILE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDdEI7QUFDTDs7OzsifQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n._15uGWh {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n._3rnoor {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n._1_IXQm {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n._1eu8AB {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._3NW7L7 {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n.rXTJOf {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1epFyH {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._3ZkSph {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._1YQCoq {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._1kgBLJ {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n.WwTEFN {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._1s0AvS {\n padding: var(--74358);\n}\n._1KSvD2 {\n padding: var(--6947b);\n}\n._2eHbRB {\n padding: var(--1ba55);\n}\n.Mg8ym6 {\n padding: var(--477fd);\n}\n._3UmbJn {\n padding: var(--74380);\n}\n.gC6B_2 {\n padding: var(--39ce9);\n}\n._2AUsLk {\n padding: var(--28cff);\n}\n._1w8p7U {\n padding: var(--6acb5);\n}\n.X4eHUe {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n._3_M_4w {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n._2ByMq1 {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n._3_8VIk {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n._3Aw3T1 {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n._10X-3Q {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n._33a0v9 {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n._3qMVGq {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n._2REBgi {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n._3zq1C_ {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n.hUFwKI {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n._1BOjPg {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n._3AQmNs {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n._3orDH1 {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.qh7on_ {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n._1C0eq8 {\n margin: 0;\n padding: 0;\n display: grid;\n}\n._3JhbNt {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._1HEcbC {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n._1N4Zuv {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1-XHso {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._2IkWNq {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._2hyzTo {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._2ZTaVv {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n._3qb755 {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._2810ZQ {\n padding: var(--74358);\n}\n.GCWWp1 {\n padding: var(--6947b);\n}\n._26DBh8 {\n padding: var(--1ba55);\n}\n._2MOywW {\n padding: var(--477fd);\n}\n._2qYGQe {\n padding: var(--74380);\n}\n._3vJ5sb {\n padding: var(--39ce9);\n}\n._1NStuR {\n padding: var(--28cff);\n}\n._1YQt_H {\n padding: var(--6acb5);\n}\n._25SpXB {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n._3GDeqz {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n}\n._2-jaGe {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n}\n._3lGct7 {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n._2wHTdX {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n._1BVKaN {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n._1nyAA2 {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n._1Xe-EI {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n}\n._3hQvqA {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n}\n.KBSz7h {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.KBW4yE {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/style/index.module.less",__css:css_248z,"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-3xs":"_3NW7L7","LayoutFlex--gap-2xs":"rXTJOf","LayoutFlex--gap-xs":"_1epFyH","LayoutFlex--gap-s":"_3ZkSph","LayoutFlex--gap-m":"_1YQCoq","LayoutFlex--gap-l":"_1kgBLJ","LayoutFlex--gap-xl":"WwTEFN","LayoutFlex--padding-none":"_1s0AvS","LayoutFlex--padding-3xs":"_1KSvD2","LayoutFlex--padding-2xs":"_2eHbRB","LayoutFlex--padding-xs":"Mg8ym6","LayoutFlex--padding-s":"_3UmbJn","LayoutFlex--padding-m":"gC6B_2","LayoutFlex--padding-l":"_2AUsLk","LayoutFlex--padding-xl":"_1w8p7U","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutGrid":"_1C0eq8","LayoutGrid--gap-none":"_3JhbNt","LayoutGrid--gap-3xs":"_1HEcbC","LayoutGrid--gap-2xs":"_1N4Zuv","LayoutGrid--gap-xs":"_1-XHso","LayoutGrid--gap-s":"_2IkWNq","LayoutGrid--gap-m":"_2hyzTo","LayoutGrid--gap-l":"_2ZTaVv","LayoutGrid--gap-xl":"_3qb755","LayoutGrid--padding-none":"_2810ZQ","LayoutGrid--padding-3xs":"GCWWp1","LayoutGrid--padding-2xs":"_26DBh8","LayoutGrid--padding-xs":"_2MOywW","LayoutGrid--padding-s":"_2qYGQe","LayoutGrid--padding-m":"_3vJ5sb","LayoutGrid--padding-l":"_1NStuR","LayoutGrid--padding-xl":"_1YQt_H","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
import React, { createContext, useState } from 'react';
|
|
1
|
+
import React, { createContext, useContext, useState } from 'react';
|
|
2
|
+
import { ColorSchemeContext } from '../../color-scheme/providers/ColorSchemeProvider.js';
|
|
2
3
|
import { useThemes } from '../hooks/useThemes.js';
|
|
3
4
|
|
|
4
5
|
const ThemeContext = createContext({});
|
|
5
6
|
const ThemeProvider = ({ theme: themeName, children, tag: Tag, }) => {
|
|
6
7
|
const { findTheme } = useThemes();
|
|
8
|
+
const { colorScheme } = useContext(ColorSchemeContext);
|
|
7
9
|
const [theme, setTheme] = useState(findTheme(themeName));
|
|
10
|
+
if (Tag && !colorScheme) {
|
|
11
|
+
throw new Error('ThemeProvider with "tag" prop must be used within a ColorSchemeProvider');
|
|
12
|
+
}
|
|
13
|
+
const tagClassNames = Tag && `${theme.getClassName()} ${colorScheme.getClassName()}`;
|
|
8
14
|
return (React.createElement(ThemeContext.Provider, { value: { theme, setTheme } },
|
|
9
|
-
Tag && React.createElement(Tag, { className:
|
|
15
|
+
Tag && React.createElement(Tag, { className: tagClassNames }, children),
|
|
10
16
|
!Tag && children));
|
|
11
17
|
};
|
|
12
18
|
|
|
13
19
|
export { ThemeContext, ThemeProvider };
|
|
14
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWVQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENvbG9yU2NoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvbG9yLXNjaGVtZS9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlcic7XG5pbXBvcnQgeyB1c2VUaGVtZXMgfSBmcm9tICcuLi9ob29rcy91c2VUaGVtZXMnO1xuaW1wb3J0IHR5cGUgeyBUaGVtZUludGVyZmFjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBUaGVtZVByb3ZpZGVyUHJvcHMge1xuICAgIHRoZW1lOiBUaGVtZU5hbWU7XG4gICAgdGFnPzoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzO1xufVxuXG50eXBlIFNldFRoZW1lID0gKG5ld1RoZW1lOiBUaGVtZUludGVyZmFjZSkgPT4gdm9pZDtcblxuZXhwb3J0IGludGVyZmFjZSBUaGVtZUNvbnRleHRTdGF0ZSB7XG4gICAgdGhlbWU6IFRoZW1lSW50ZXJmYWNlO1xuICAgIHNldFRoZW1lPzogU2V0VGhlbWU7XG59XG5cbmV4cG9ydCBjb25zdCBUaGVtZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRoZW1lQ29udGV4dFN0YXRlPih7fSBhcyBUaGVtZUNvbnRleHRTdGF0ZSk7XG5cbmV4cG9ydCBjb25zdCBUaGVtZVByb3ZpZGVyOiBSZWFjdC5GQzxUaGVtZVByb3ZpZGVyUHJvcHM+ID0gKHtcbiAgICB0aGVtZTogdGhlbWVOYW1lLFxuICAgIGNoaWxkcmVuLFxuICAgIHRhZzogVGFnLFxufSkgPT4ge1xuICAgIGNvbnN0IHsgZmluZFRoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lIH0gPSB1c2VDb250ZXh0KENvbG9yU2NoZW1lQ29udGV4dCk7XG5cbiAgICBjb25zdCBbdGhlbWUsIHNldFRoZW1lXSA9IHVzZVN0YXRlPFRoZW1lSW50ZXJmYWNlPihmaW5kVGhlbWUodGhlbWVOYW1lKSk7XG5cbiAgICBpZiAoVGFnICYmICFjb2xvclNjaGVtZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RoZW1lUHJvdmlkZXIgd2l0aCBcInRhZ1wiIHByb3AgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIENvbG9yU2NoZW1lUHJvdmlkZXInKTtcbiAgICB9XG5cbiAgICBjb25zdCB0YWdDbGFzc05hbWVzID0gVGFnICYmIGAke3RoZW1lLmdldENsYXNzTmFtZSgpfSAke2NvbG9yU2NoZW1lLmdldENsYXNzTmFtZSgpfWA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGhlbWVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IHRoZW1lLCBzZXRUaGVtZSB9fT5cbiAgICAgICAgICAgIHtUYWcgJiYgPFRhZyBjbGFzc05hbWU9e3RhZ0NsYXNzTmFtZXN9PntjaGlsZHJlbn08L1RhZz59XG4gICAgICAgICAgICB7IVRhZyAmJiBjaGlsZHJlbn1cbiAgICAgICAgPC9UaGVtZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztNQW1CYSxZQUFZLEdBQUcsYUFBYSxDQUFvQixFQUF1QixFQUFFO01BRXpFLGFBQWEsR0FBaUMsQ0FBQyxFQUN4RCxLQUFLLEVBQUUsU0FBUyxFQUNoQixRQUFRLEVBQ1IsR0FBRyxFQUFFLEdBQUcsR0FDWDtJQUNHLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUNsQyxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFFdkQsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQWlCLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXpFLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ3JCLE1BQU0sSUFBSSxLQUFLLENBQUMseUVBQXlFLENBQUMsQ0FBQztLQUM5RjtJQUVELE1BQU0sYUFBYSxHQUFHLEdBQUcsSUFBSSxHQUFHLEtBQUssQ0FBQyxZQUFZLEVBQUUsSUFBSSxXQUFXLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztJQUVyRixRQUNJLG9CQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtRQUM1QyxHQUFHLElBQUksb0JBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxhQUFhLElBQUcsUUFBUSxDQUFPO1FBQ3RELENBQUMsR0FBRyxJQUFJLFFBQVEsQ0FDRyxFQUMxQjtBQUNOOzs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
package/dist/token/index.d.ts
CHANGED
package/dist/token/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { getTokenVar } from './util/getTokenVar.js';
|
|
1
2
|
export { useToken } from './hooks/useToken.js';
|
|
2
3
|
export { withGetToken } from './hocs/withGetToken.js';
|
|
3
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TOKEN_ID_FIELD } from '@preply/ds-core-types';
|
|
2
|
+
import { loadInstrumentation, instrument } from '../../instrument/private/loader.js';
|
|
3
|
+
|
|
4
|
+
loadInstrumentation();
|
|
5
|
+
function getTokenVar(token) {
|
|
6
|
+
const id = token[TOKEN_ID_FIELD];
|
|
7
|
+
instrument({ name: 'token', attributes: { token: id } });
|
|
8
|
+
return `var(--${id})`;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { getTokenVar };
|
|
12
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0VG9rZW5WYXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90b2tlbi91dGlsL2dldFRva2VuVmFyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRPS0VOX0lEX0ZJRUxELCBUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZS10eXBlcyc7XG5cbmltcG9ydCB7IGluc3RydW1lbnQsIGxvYWRJbnN0cnVtZW50YXRpb24gfSBmcm9tICcuLi8uLi9pbnN0cnVtZW50L3ByaXZhdGUvbG9hZGVyJztcblxubG9hZEluc3RydW1lbnRhdGlvbigpO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VG9rZW5WYXIodG9rZW46IFRva2VuKTogc3RyaW5nIHtcbiAgICBjb25zdCBpZCA9IHRva2VuW1RPS0VOX0lEX0ZJRUxEXTtcbiAgICBpbnN0cnVtZW50KHsgbmFtZTogJ3Rva2VuJywgYXR0cmlidXRlczogeyB0b2tlbjogaWQgfSB9KTtcbiAgICByZXR1cm4gYHZhcigtLSR7aWR9KWA7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBSUEsbUJBQW1CLEVBQUUsQ0FBQztTQUVOLFdBQVcsQ0FBQyxLQUFZO0lBQ3BDLE1BQU0sRUFBRSxHQUFHLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNqQyxVQUFVLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDekQsT0FBTyxTQUFTLEVBQUUsR0FBRyxDQUFDO0FBQzFCOzs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* AUTO GENERATED @Wed Mar
|
|
4
|
-
var stylesheet="/* AUTO GENERATED @Wed Mar
|
|
3
|
+
var css_248z = "/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
4
|
+
var stylesheet="/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 30 2022 13:00:27 GMT+0000 (Coordinated Universal Time) */\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.20.1",
|
|
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.20.1",
|
|
23
|
+
"@preply/ds-core-types": "0.20.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.20.1",
|
|
27
|
+
"@preply/ds-core-types": "0.20.1",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "50a9c63816e23f1e6d276ab87e7545ba073b11f5"
|
|
32
32
|
}
|