@synerise/ds-core 1.4.3 → 1.5.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/CHANGELOG.md +22 -0
- package/dist/i18n/en.json +5 -3
- package/dist/i18n/es.json +351 -24
- package/dist/i18n/index.d.ts +429 -23
- package/dist/i18n/pt.json +87 -11
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.js +3 -7
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.utils.d.ts +889 -0
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.utils.js +28 -0
- package/dist/js/DSProvider/ThemeProvider/breakpoints.d.ts +3 -27
- package/dist/js/DSProvider/ThemeProvider/breakpoints.js +3 -2
- package/dist/js/DSProvider/ThemeProvider/theme.js +1 -1
- package/dist/js/mediaQuery/mediaQuery.d.ts +11 -10
- package/dist/js/mediaQuery/mediaQuery.js +16 -6
- package/package.json +3 -3
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import dsMessages from '../../../i18n';
|
|
2
|
+
import antMessages from './antLocales';
|
|
3
|
+
export var getLangForCode = function getLangForCode(code) {
|
|
4
|
+
return code.substring(0, 2);
|
|
5
|
+
};
|
|
6
|
+
export var getAntMessages = function getAntMessages(lang) {
|
|
7
|
+
switch (lang) {
|
|
8
|
+
case 'pl':
|
|
9
|
+
case 'en':
|
|
10
|
+
case 'fr':
|
|
11
|
+
case 'pt':
|
|
12
|
+
case 'es':
|
|
13
|
+
return antMessages[lang];
|
|
14
|
+
default:
|
|
15
|
+
return antMessages["default"];
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export var getDSMessages = function getDSMessages(lang) {
|
|
19
|
+
switch (lang) {
|
|
20
|
+
case 'pl':
|
|
21
|
+
case 'en':
|
|
22
|
+
case 'pt':
|
|
23
|
+
case 'es':
|
|
24
|
+
return dsMessages[lang];
|
|
25
|
+
default:
|
|
26
|
+
return dsMessages["default"];
|
|
27
|
+
}
|
|
28
|
+
};
|
|
@@ -1,27 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
max: number;
|
|
5
|
-
};
|
|
6
|
-
small: {
|
|
7
|
-
min: number;
|
|
8
|
-
max: number;
|
|
9
|
-
};
|
|
10
|
-
medium: {
|
|
11
|
-
min: number;
|
|
12
|
-
max: number;
|
|
13
|
-
};
|
|
14
|
-
large: {
|
|
15
|
-
min: number;
|
|
16
|
-
max: number;
|
|
17
|
-
};
|
|
18
|
-
xlarge: {
|
|
19
|
-
min: number;
|
|
20
|
-
max: number;
|
|
21
|
-
};
|
|
22
|
-
xxlarge: {
|
|
23
|
-
min: number;
|
|
24
|
-
max: number;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
export default _default;
|
|
1
|
+
import { type BreakpointsData } from '../../mediaQuery/mediaQuery';
|
|
2
|
+
export declare const breakpoints: BreakpointsData;
|
|
3
|
+
export default breakpoints;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useTheme as originalUseTheme } from 'styled-components';
|
|
2
|
-
import breakpoints from './breakpoints';
|
|
2
|
+
import { breakpoints } from './breakpoints';
|
|
3
3
|
import vars from './variables';
|
|
4
4
|
export var useTheme = originalUseTheme;
|
|
5
5
|
var getBreakpoints = function getBreakpoints() {
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type FlattenSimpleInterpolation, type SimpleInterpolation } from 'styled-components';
|
|
2
|
+
export type BreakpointKey = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
3
|
+
export type BreakpointsData = Record<BreakpointKey, {
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
}>;
|
|
2
7
|
export type Media = {
|
|
3
8
|
from: BreakpointsType;
|
|
4
9
|
to: BreakpointsType;
|
|
5
10
|
only: BreakpointsType;
|
|
6
11
|
};
|
|
7
|
-
type
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
export declare const MEDIA_FROM: {};
|
|
14
|
-
export declare const MEDIA_TO: {};
|
|
15
|
-
export declare const MEDIA_ONLY: {};
|
|
12
|
+
type MediaTemplateFunction = (strings: TemplateStringsArray, ...interpolations: SimpleInterpolation[]) => FlattenSimpleInterpolation;
|
|
13
|
+
type BreakpointsType = Record<BreakpointKey, MediaTemplateFunction>;
|
|
14
|
+
export declare const MEDIA_FROM: BreakpointsType;
|
|
15
|
+
export declare const MEDIA_TO: BreakpointsType;
|
|
16
|
+
export declare const MEDIA_ONLY: BreakpointsType;
|
|
16
17
|
declare const mediaQuery: Media;
|
|
17
18
|
export default mediaQuery;
|
|
@@ -1,20 +1,30 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
2
|
import breakpoints from '../DSProvider/ThemeProvider/breakpoints';
|
|
3
3
|
export var MEDIA_FROM = Object.keys(breakpoints).reduce(function (acc, label) {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
var mediaTemplateFunction = function mediaTemplateFunction(strings) {
|
|
5
|
+
for (var _len = arguments.length, interpolations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
6
|
+
interpolations[_key - 1] = arguments[_key];
|
|
7
|
+
}
|
|
8
|
+
return css(["@media (min-width:", "em){", ";}"], breakpoints[label].max / 16, css.apply(void 0, [strings].concat(interpolations)));
|
|
6
9
|
};
|
|
10
|
+
acc[label] = mediaTemplateFunction;
|
|
7
11
|
return acc;
|
|
8
12
|
}, {});
|
|
9
13
|
export var MEDIA_TO = Object.keys(breakpoints).reduce(function (acc, label) {
|
|
10
|
-
acc[label] = function () {
|
|
11
|
-
|
|
14
|
+
acc[label] = function (strings) {
|
|
15
|
+
for (var _len2 = arguments.length, interpolations = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
16
|
+
interpolations[_key2 - 1] = arguments[_key2];
|
|
17
|
+
}
|
|
18
|
+
return css(["@media (max-width:", "em){", ";}"], breakpoints[label].max / 16, css.apply(void 0, [strings].concat(interpolations)));
|
|
12
19
|
};
|
|
13
20
|
return acc;
|
|
14
21
|
}, {});
|
|
15
22
|
export var MEDIA_ONLY = Object.keys(breakpoints).reduce(function (acc, label) {
|
|
16
|
-
acc[label] = function () {
|
|
17
|
-
|
|
23
|
+
acc[label] = function (strings) {
|
|
24
|
+
for (var _len3 = arguments.length, interpolations = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
|
|
25
|
+
interpolations[_key3 - 1] = arguments[_key3];
|
|
26
|
+
}
|
|
27
|
+
return css(["@media (min-width:", "em) and (max-width:", "em){", ";}"], breakpoints[label].min / 16, breakpoints[label].max / 16, css.apply(void 0, [strings].concat(interpolations)));
|
|
18
28
|
};
|
|
19
29
|
return acc;
|
|
20
30
|
}, {});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"description": "Core Components for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"types": "dist/js/index.js",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@synerise/ds-data-format": "^1.
|
|
35
|
+
"@synerise/ds-data-format": "^1.1.1",
|
|
36
36
|
"@synerise/ds-toaster": "^1.1.2",
|
|
37
37
|
"deepmerge": "^4.2.2",
|
|
38
38
|
"flat": "^5.0.2"
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"hex-rgb": "^5.0.0",
|
|
50
50
|
"less-vars-to-js": "^1.3.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
|
|
53
53
|
}
|