@connectif/ui-components 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [2.4.3] - 2025-11-25
 
-### Performance Improvements
+### Added
 
 - Added changelog file in package.
 - Added optional centeredInScreen and paddingContent props to the SelectPopover component.
@@ -30,11 +30,32 @@
 - Fixed an issue where reloading the `Tabs` component on a non-first tab caused an unwanted scroll effect.
 - Fixed change interval when showTime is true.
 
-### Improvements
+### Security
 
 - Upgrade to Typescript 5.9
 - Upgrade cspell to 6.0.0 (latest)
 
-### ⚠️ Breaking Changes
+### Removed
 
 - `TabButton` no longer accepts the `disableUppercase` prop; Text always will be lowercase.
+
+## [3.0.1] - 2025-12-12
+
+### Added
+
+- Added new formatter called `PhoneFormatter`.
+- Added new changelog tab to storybook.
+
+### Fixed
+
+- Fixed bug with timezone in `DateIntervalPicker`
+
+## [3.0.2] - 2025-12-16
+
+### Added
+
+- Added new styles for `Tabs`.
+
+### Fixed
+
+- Fixed bug with timezone in `DateIntervalPicker`

package/dist/components/formatter/PhoneFormatter.d.ts

@@ -0,0 +1,16 @@
+import { PhoneFormat } from '../../utils';
+export type PhoneFormatterProps = {
+    /**
+     * Phone to format
+     */
+    phone: string;
+    /**
+     * Format to use
+     */
+    format?: PhoneFormat;
+};
+/**
+ * Component to format phone to the given format.
+ */
+declare const PhoneFormatter: ({ phone, format }: PhoneFormatterProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneFormatter;

package/dist/components/formatter/index.d.ts

@@ -8,3 +8,5 @@ export { default as PercentageFormatter } from './PercentageFormatter';
 export type { PercentageFormatterProps } from './PercentageFormatter';
 export { default as DateFormatter } from './DateFormatter';
 export type { DateFormatterProps } from './DateFormatter';
+export { default as PhoneFormatter } from './PhoneFormatter';
+export type { PhoneFormatterProps } from './PhoneFormatter';

package/dist/components/tab/Tabs.d.ts

@@ -50,6 +50,10 @@ export type TabsProps = {
      * Hide grey line in tabs
      */
     hideLineTabs?: boolean;
+    /**
+     * Background for scroll buttons
+     */
+    backgroundScrollButtons?: string;
 };
 /**
  * Define a Tabs container, with a fixed header and a transitions on change between tabs.
@@ -60,5 +64,5 @@ export type TabsProps = {
  * define a callback function to be called when the tab is clicked, so you can do something
  * with the current tab index.
  */
-declare const Tabs: ({ tabButtons, children, currentTabIndex, onChangeTab, variant, fullHeight, contained, scrollbarGutter, disableContentScroll, hideScrollButtons, hideLineTabs }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ tabButtons, children, currentTabIndex, onChangeTab, variant, fullHeight, contained, scrollbarGutter, disableContentScroll, hideScrollButtons, hideLineTabs, backgroundScrollButtons }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/hooks/useFormatters.d.ts

@@ -1,8 +1,10 @@
 import { DateTimeFormat } from '../utils/DateUtils';
+import { PhoneFormat } from '../utils';
 export declare const useFormatters: () => {
     formatCompactNumber: (value: number) => string;
     formatNumber: (value: number, fractionSize?: number | undefined) => string;
     formatPercentage: (value: number, fractionSize?: 0 | 1 | 2 | 3) => string;
     formatCurrency: (value: number, notation?: "compact") => string;
     formatDate: (date: Date, format?: DateTimeFormat) => string;
+    formatPhone: (phone: string, format?: PhoneFormat) => string;
 };