@synerise/ds-core 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.1.0...@synerise/ds-core@1.2.0) (2025-05-07)
+
+
+### Features
+
+* **button:** add ButtonToggle component ([1e86e54](https://github.com/synerise/synerise-design/commit/1e86e54273e2204bcbbbbe302ff0c2e2a326e94f))
+* **toast:** toast component ([0cb20d0](https://github.com/synerise/synerise-design/commit/0cb20d07b48d1c768a0ddf133b1970a4a13444ca))
+
+
+
+
+
 # [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.0.1...@synerise/ds-core@1.1.0) (2025-04-16)
 
 

package/README.md

@@ -18,10 +18,11 @@ Bunch of components to bootstrap application.
 
 ## API
 
-| Property         | Description                                | Type             | Default     |
-|------------------|--------------------------------------------|------------------|-------------|
-| locale           | Current lang (ex. en-US)                   | string           | en          |
-| timeZone         | Current timezone (ex. Europe/Warsaw)       | string           |             |
-| messages         | Object with translations                   | object           |             |
-| defaultMessages  | Object with fallback translations          | object           |             |
-| dataFormatConfig | Object with data (dates/numbers) notations | DataFormatConfig | EU notation |
+| Property         | Description                                                              | Type             | Default     |
+|------------------|--------------------------------------------------------------------------|------------------|-------------|
+| locale           | Current lang (ex. en-US)                                                 | string           | en          |
+| timeZone         | Current timezone (ex. Europe/Warsaw)                                     | string           |             |
+| messages         | Object with translations                                                 | object           |             |
+| defaultMessages  | Object with fallback translations                                        | object           |             |
+| dataFormatConfig | Object with data (dates/numbers) notations                               | DataFormatConfig | EU notation |
+| includeToaster   | Opt out of rendering a Toaster component for rendering toasts (messages) | boolean          | true        |

package/dist/js/DSProvider/DSProvider.d.ts

@@ -1,8 +1,11 @@
 import React, { PropsWithChildren } from 'react';
 import { DataFormatConfigProviderProps } from '@synerise/ds-data-format';
+import { ToasterProps } from '@synerise/ds-toaster';
 import '../style';
 import { LocaleProviderProps } from './LocaleProvider/LocaleProvider';
 import { ThemeProviderProps } from './ThemeProvider/ThemeProvider';
-export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps>;
-declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl, onDSLocalesLoaded, }: DSProviderProps) => React.JSX.Element;
+export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps & {
+    toasterProps?: false | Partial<ToasterProps>;
+}>;
+declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl, onDSLocalesLoaded, toasterProps, }: DSProviderProps) => React.JSX.Element;
 export default DSProvider;

package/dist/js/DSProvider/DSProvider.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { DataFormatConfigProvider } from '@synerise/ds-data-format';
+import Toaster, { ToasterProvider, TOASTER_DEFAULTS } from '@synerise/ds-toaster';
 import '../style';
 import LocaleProvider from './LocaleProvider';
 import ThemeProvider from './ThemeProvider';
@@ -12,7 +13,9 @@ var DSProvider = function DSProvider(_ref) {
     theme = _ref.theme,
     dataFormatConfig = _ref.dataFormatConfig,
     onErrorIntl = _ref.onErrorIntl,
-    onDSLocalesLoaded = _ref.onDSLocalesLoaded;
+    onDSLocalesLoaded = _ref.onDSLocalesLoaded,
+    _ref$toasterProps = _ref.toasterProps,
+    toasterProps = _ref$toasterProps === void 0 ? false : _ref$toasterProps;
   return /*#__PURE__*/React.createElement(LocaleProvider, {
     locale: locale,
     messages: messages,
@@ -24,6 +27,8 @@ var DSProvider = function DSProvider(_ref) {
     theme: theme
   }, /*#__PURE__*/React.createElement(DataFormatConfigProvider, {
     dataFormatConfig: dataFormatConfig
-  }, children)));
+  }, /*#__PURE__*/React.createElement(ToasterProvider, {
+    toasterProps: toasterProps || TOASTER_DEFAULTS
+  }, children, toasterProps !== false && /*#__PURE__*/React.createElement(Toaster, null)))));
 };
 export default DSProvider;

package/dist/js/DSProvider/LocaleProvider/LocaleProvider.d.ts

@@ -1,5 +1,5 @@
 import { Component, ReactNode } from 'react';
-import { OnErrorFn } from '@formatjs/intl';
+import type { OnErrorFn } from '@formatjs/intl';
 type NestedMessages = {
     [key: string]: string | NestedMessages;
 };

package/dist/js/DSProvider/ThemeProvider/variables.js

@@ -307,7 +307,7 @@ const variables = {
 	"btn-primary-focus-bg": "#0044d9",
 	"btn-primary-active-bg": "#0044d9",
 	"btn-primary-shadow": "rgba(35, 138, 254, 0.2)",
-	"btn-default-color": "#57616d",
+	"btn-default-color": "#6a7580",
 	"btn-default-bg": "#f9fafb",
 	"btn-default-border": "#dbe0e3",
 	"btn-default-focus-bg": "#f9fafb",
@@ -327,7 +327,7 @@ const variables = {
 	"btn-tertiary-white-focus-bg": "rgba(219, 224, 227,  0.15)",
 	"btn-tertiary-white-active-bg": "rgba(219, 224, 227,  0.1)",
 	"btn-tertiary-white-border": "transparent",
-	"btn-ghost-color": "#57616d",
+	"btn-ghost-color": "#6a7580",
 	"btn-ghost-bg": "transparent",
 	"btn-ghost-hover-bg": "rgba(181, 189, 195,  0.25)",
 	"btn-ghost-focus-bg": "transparent",

package/dist/js/index.d.ts

@@ -2,3 +2,4 @@ export { default as DSProvider } from './DSProvider';
 export { default as mediaQuery } from './mediaQuery/mediaQuery';
 export { theme, useTheme, defaultColorsOrder } from './DSProvider/ThemeProvider/theme';
 export type { ThemePropsVars, ThemeProps, WithTheme, DefaultColor } from './DSProvider/ThemeProvider/theme';
+export type { DSProviderProps } from './DSProvider';

package/dist/style/config.less

@@ -225,7 +225,7 @@
 @btn-primary-active-bg: @primary-color-darker-1;
 @btn-primary-shadow: rgba(35, 138, 254, 0.2);
 
-@btn-default-color: @gray-color-lighter-1;
+@btn-default-color: @gray-color-lighter-2;
 @btn-default-bg: @gray-color-lighter-8;
 @btn-default-border: @gray-color-lighter-5;
 @btn-default-focus-bg: @gray-color-lighter-8;
@@ -248,7 +248,7 @@
 @btn-tertiary-white-active-bg: rgba(@gray-color-lighter-5, 0.1);
 @btn-tertiary-white-border: transparent;
 
-@btn-ghost-color: @gray-color-lighter-1;
+@btn-ghost-color: @gray-color-lighter-2;
 @btn-ghost-bg: transparent;
 @btn-ghost-hover-bg: @gray-color-opacity-2;
 @btn-ghost-focus-bg: transparent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,9 +33,9 @@
   "types": "dist/js/index.js",
   "dependencies": {
     "@synerise/ds-data-format": "^1.0.0",
+    "@synerise/ds-toaster": "^1.1.0",
     "deepmerge": "^4.2.2",
-    "flat": "^5.0.2",
-    "intl-messageformat-parser": "^3.6.4"
+    "flat": "^5.0.2"
   },
   "peerDependencies": {
     "antd": "4.24.16",
@@ -44,8 +44,10 @@
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
+    "@formatjs/icu-messageformat-parser": "^2.11.1",
+    "@formatjs/intl": "^2.10.14",
     "hex-rgb": "^5.0.0",
     "less-vars-to-js": "^1.3.0"
   },
-  "gitHead": "6735f9babfeef53122f54ca86cba5f581e8870d9"
+  "gitHead": "90af7549cf0f556340bdd0deec4bb59bacf3e95e"
 }