@synerise/ds-core 1.4.0 → 1.4.2
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 +250 -810
- package/README.md +1 -1
- package/dist/i18n/en.json +1 -1
- package/dist/i18n/index.js +2 -2
- package/dist/i18n/pl.json +1 -1
- package/dist/i18n/pt.json +1 -1
- package/dist/js/DSProvider/DSProvider.d.ts +5 -5
- package/dist/js/DSProvider/DSProvider.js +1 -1
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.d.ts +1 -1
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.js +4 -4
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.types.d.ts +1 -1
- package/dist/js/DSProvider/LocaleProvider/antLocales.js +1 -1
- package/dist/js/DSProvider/ThemeProvider/ThemeProvider.d.ts +2 -2
- package/dist/js/DSProvider/ThemeProvider/theme.d.ts +2 -2
- package/dist/js/DSProvider/ThemeProvider/theme.js +1 -1
- package/dist/js/DSProvider/ThemeProvider/variables.js +4 -0
- package/dist/js/DSProvider/index.d.ts +1 -2
- package/dist/js/index.d.ts +2 -4
- package/dist/js/mediaQuery/mediaQuery.d.ts +1 -1
- package/dist/style/config.less +5 -0
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -19,7 +19,7 @@ Bunch of components to bootstrap application.
|
|
|
19
19
|
## API
|
|
20
20
|
|
|
21
21
|
| Property | Description | Type | Default |
|
|
22
|
-
|
|
22
|
+
| ---------------- | ------------------------------------------------------------------------ | ---------------- | ----------- |
|
|
23
23
|
| locale | Current lang (ex. en-US) | string | en |
|
|
24
24
|
| timeZone | Current timezone (ex. Europe/Warsaw) | string | |
|
|
25
25
|
| messages | Object with translations | object | |
|
package/dist/i18n/en.json
CHANGED
package/dist/i18n/index.js
CHANGED
package/dist/i18n/pl.json
CHANGED
package/dist/i18n/pt.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
import { DataFormatConfigProviderProps } from '@synerise/ds-data-format';
|
|
3
|
-
import { ToasterProps } from '@synerise/ds-toaster';
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import { type DataFormatConfigProviderProps } from '@synerise/ds-data-format';
|
|
3
|
+
import { type ToasterProps } from '@synerise/ds-toaster';
|
|
4
4
|
import '../style';
|
|
5
|
-
import { LocaleProviderProps } from './LocaleProvider/LocaleProvider.types';
|
|
6
|
-
import { ThemeProviderProps } from './ThemeProvider/ThemeProvider';
|
|
5
|
+
import { type LocaleProviderProps } from './LocaleProvider/LocaleProvider.types';
|
|
6
|
+
import { type ThemeProviderProps } from './ThemeProvider/ThemeProvider';
|
|
7
7
|
export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps & {
|
|
8
8
|
toasterProps?: false | Partial<ToasterProps>;
|
|
9
9
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DataFormatConfigProvider } from '@synerise/ds-data-format';
|
|
3
|
-
import Toaster, {
|
|
3
|
+
import Toaster, { TOASTER_DEFAULTS, ToasterProvider } from '@synerise/ds-toaster';
|
|
4
4
|
import '../style';
|
|
5
5
|
import LocaleProvider from './LocaleProvider';
|
|
6
6
|
import ThemeProvider from './ThemeProvider';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { LocaleProviderProps } from './LocaleProvider.types';
|
|
2
|
+
import { type LocaleProviderProps } from './LocaleProvider.types';
|
|
3
3
|
declare const LocaleProvider: ({ locale, defaultMessages, messages, defaultLocale, timeZone, children, onErrorIntl, }: LocaleProviderProps) => React.JSX.Element;
|
|
4
4
|
export default LocaleProvider;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import AntConfigProvider from 'antd/lib/config-provider';
|
|
3
|
+
import * as merge from 'deepmerge';
|
|
4
|
+
import { flatten } from 'flat';
|
|
2
5
|
import React from 'react';
|
|
3
6
|
import { IntlProvider } from 'react-intl';
|
|
4
|
-
import { flatten } from 'flat';
|
|
5
|
-
import * as merge from 'deepmerge';
|
|
6
|
-
import AntConfigProvider from 'antd/lib/config-provider';
|
|
7
|
-
import antMessages from './antLocales';
|
|
8
7
|
import dsMessages from '../../../i18n';
|
|
8
|
+
import antMessages from './antLocales';
|
|
9
9
|
var DEFAULT_LANG = 'en-US';
|
|
10
10
|
var getLangForCode = function getLangForCode(code) {
|
|
11
11
|
return code.substring(0, 2);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type { OnErrorFn } from '@formatjs/intl';
|
|
3
2
|
import type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
|
|
3
|
+
import type { OnErrorFn } from '@formatjs/intl';
|
|
4
4
|
export type IntlMessages = Record<string, string> | Record<string, MessageFormatElement[]>;
|
|
5
5
|
export type NestedMessages = {
|
|
6
6
|
[key: string]: string | NestedMessages;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import pl from 'antd/lib/locale/pl_PL';
|
|
2
1
|
import en from 'antd/lib/locale/en_US';
|
|
3
2
|
import es from 'antd/lib/locale/es_ES';
|
|
4
3
|
import fr from 'antd/lib/locale/fr_FR';
|
|
4
|
+
import pl from 'antd/lib/locale/pl_PL';
|
|
5
5
|
import pt from 'antd/lib/locale/pt_PT';
|
|
6
6
|
export default {
|
|
7
7
|
pl: pl,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { ThemePropsVars } from './theme';
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type ThemePropsVars } from './theme';
|
|
3
3
|
export type ThemeProviderProps = {
|
|
4
4
|
theme?: ThemePropsVars;
|
|
5
5
|
children?: ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ThemeProps as SCThemeProps } from 'styled-components';
|
|
1
|
+
import { type ThemeProps as SCThemeProps } from 'styled-components';
|
|
2
2
|
export type ThemePropsVars = {
|
|
3
3
|
variables: {
|
|
4
4
|
[key: string]: string;
|
|
@@ -15,6 +15,6 @@ export type ThemeProps = SCThemeProps<ThemePropsVars>;
|
|
|
15
15
|
export type WithTheme = SCThemeProps<ThemePropsVars>;
|
|
16
16
|
export declare const useTheme: () => ThemePropsVars;
|
|
17
17
|
export declare const defaultColorsOrder: readonly ["blue-600", "green-600", "yellow-600", "purple-600", "cyan-600", "orange-600", "violet-600", "blue-700", "green-700", "yellow-700", "purple-700", "cyan-700", "orange-700", "violet-700", "blue-500", "green-500", "yellow-500", "purple-500", "cyan-500", "orange-500", "violet-500"];
|
|
18
|
-
export type DefaultColor = typeof defaultColorsOrder[number];
|
|
18
|
+
export type DefaultColor = (typeof defaultColorsOrder)[number];
|
|
19
19
|
export declare const theme: ThemePropsVars;
|
|
20
20
|
export default theme;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useTheme as originalUseTheme } from 'styled-components';
|
|
2
|
-
import vars from './variables';
|
|
3
2
|
import breakpoints from './breakpoints';
|
|
3
|
+
import vars from './variables';
|
|
4
4
|
export var useTheme = originalUseTheme;
|
|
5
5
|
var getBreakpoints = function getBreakpoints() {
|
|
6
6
|
return [breakpoints.small.max, breakpoints.medium.max, breakpoints.large.max].map(function (item) {
|
|
@@ -289,6 +289,10 @@ const variables = {
|
|
|
289
289
|
"shadow-color-highlight": "rgba(171, 178, 183, 1)",
|
|
290
290
|
"box-shadow-base": "0 2px 6px rgba(171, 178, 183, 0.12)",
|
|
291
291
|
"box-shadow-active": "0 8px 16px rgba(171, 178, 183, 0.32)",
|
|
292
|
+
"box-shadow-1": "0px 4px 12px 0px rgba(35, 41, 54, 0.04)",
|
|
293
|
+
"box-shadow-2": "0px 16px 32px 0px rgba(35, 41, 54, 0.1)",
|
|
294
|
+
"box-shadow-3": "0px 60px 80px 0px rgba(35, 41, 54, 0.11)",
|
|
295
|
+
"box-shadow-4": "0px 60px 80px 0px rgba(35, 41, 54, 0.2)",
|
|
292
296
|
"shadow-1-up": "0 0px 8px rgba(171, 178, 183, 0.12)",
|
|
293
297
|
"shadow-1-down": "0 2px 8px rgba(171, 178, 183, 0.12)",
|
|
294
298
|
"shadow-1-left": "-2px 0 8px rgba(171, 178, 183, 0.12)",
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { default } from './DSProvider';
|
|
2
|
-
export type { DSProviderProps } from './DSProvider';
|
|
1
|
+
export { default, type DSProviderProps } from './DSProvider';
|
package/dist/js/index.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
export { default as DSProvider } from './DSProvider';
|
|
1
|
+
export { default as DSProvider, type DSProviderProps } from './DSProvider';
|
|
2
2
|
export { default as mediaQuery } from './mediaQuery/mediaQuery';
|
|
3
|
-
export { theme, useTheme, defaultColorsOrder } from './DSProvider/ThemeProvider/theme';
|
|
4
|
-
export type { ThemePropsVars, ThemeProps, WithTheme, DefaultColor } from './DSProvider/ThemeProvider/theme';
|
|
5
|
-
export type { DSProviderProps } from './DSProvider';
|
|
3
|
+
export { theme, useTheme, defaultColorsOrder, type ThemePropsVars, type ThemeProps, type WithTheme, type DefaultColor, } from './DSProvider/ThemeProvider/theme';
|
package/dist/style/config.less
CHANGED
|
@@ -201,6 +201,11 @@
|
|
|
201
201
|
@box-shadow-base: 0 2px 6px rgba(171, 178, 183, 0.12);
|
|
202
202
|
@box-shadow-active: 0 8px 16px rgba(171, 178, 183, 0.32);
|
|
203
203
|
|
|
204
|
+
@box-shadow-1: 0px 4px 12px 0px rgba(35, 41, 54, 0.04);
|
|
205
|
+
@box-shadow-2: 0px 16px 32px 0px rgba(35, 41, 54, 0.1);
|
|
206
|
+
@box-shadow-3: 0px 60px 80px 0px rgba(35, 41, 54, 0.11);
|
|
207
|
+
@box-shadow-4: 0px 60px 80px 0px rgba(35, 41, 54, 0.2);
|
|
208
|
+
|
|
204
209
|
@shadow-1-up: 0 0px 8px @shadow-color;
|
|
205
210
|
@shadow-1-down: 0 2px 8px @shadow-color;
|
|
206
211
|
@shadow-1-left: -2px 0 8px @shadow-color;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-core",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"description": "Core Components for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
},
|
|
33
33
|
"types": "dist/js/index.js",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@synerise/ds-data-format": "^1.0.
|
|
36
|
-
"@synerise/ds-toaster": "^1.1.
|
|
35
|
+
"@synerise/ds-data-format": "^1.0.1",
|
|
36
|
+
"@synerise/ds-toaster": "^1.1.2",
|
|
37
37
|
"deepmerge": "^4.2.2",
|
|
38
38
|
"flat": "^5.0.2"
|
|
39
39
|
},
|
|
@@ -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": "8db1900bf3f7b0782c834ff82f628199530cd934"
|
|
53
53
|
}
|