Release/8.x.x

.storybook/preview.js

@@ -8,7 +8,7 @@ const preview = {
     globals: {
         stackblitzGlobals: {
             stackblitzAdditionalDependency: {
-                '@ironsource/fusion-ui': '7.0.0-rc.3'
+                '@ironsource/fusion-ui': '8.4.0'
             }
         }
     },

CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+### [8.4.1](https://github.com/ironSource/fusion-ui/compare/v8.4.0...v8.4.1) (2024-12-12)
+
+
+### Bug Fixes
+
+* **calendar:** calendar v4 - fixed hover on empty days (no need hover on it) ([97353f0](https://github.com/ironSource/fusion-ui/commit/97353f0ca397146cc25c57539ab701df22c57c53))
+* **calendar:** date-range v4 - rename stories ([c65ac9f](https://github.com/ironSource/fusion-ui/commit/c65ac9f8c1c44c734da8afb5c886dde5283c1378))
+* **DatePeriodPicker:** change options-wrapper width in story ([af6c5ef](https://github.com/ironSource/fusion-ui/commit/af6c5ef8de09f4f519e57db59fbec852aa08fc04))
+* **radio-group:** fusion-radio-group v4 - horizontal gap changed to 16px instead 8px ([ee11cc4](https://github.com/ironSource/fusion-ui/commit/ee11cc49882b9aa565efafca982a0243a5e90ce6))
+
 ## [8.4.0](https://github.com/ironSource/fusion-ui/compare/v8.4.0-rc.11...v8.4.0) (2024-10-21)
 
 ## [8.4.0-rc.11](https://github.com/ironSource/fusion-ui/compare/v8.4.0-rc.10...v8.4.0-rc.11) (2024-10-15)

README.md

@@ -12,6 +12,6 @@ Fusion-UI also comes with built-in accessibility features, ensuring that your ap
 
 Whether you're building a simple website or a complex web application, Fusion-UI is the perfect choice for your UI needs. Get started today and experience the power and simplicity of Fusion-UI!
 
-**FusionUI installation:**
+**FusionUI installation:** 
 
 ```npm install --save @ironsource/fusion-ui```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fusion-ui",
-  "version": "8.4.0",
+  "version": "8.4.1",
   "description": "UI library created by ironSource",
   "license": "MIT",
   "repository": {

projects/fusion-ui/components/calendar/v4/calendar-v4.component.scss

@@ -110,10 +110,12 @@
           span {
             position: relative;
           }
-
+          &:empty{
+            cursor: default;
+          }
 
           // region regular day hover
-          &:not(.selected):not(.disabled):not(.hover-current):hover {
+          &:not(.selected):not(.disabled):not(.hover-current):not(:empty):hover {
             &:before {
               @include calendar-circle(var(--fu-day-hover-bg-color), 50%);
             }

projects/fusion-ui/components/chip-filter/v4/chip-filter-button/chip-filter-button.component.stories.ts

@@ -72,6 +72,22 @@ const baseTemplateMultiselect = `
     </fusion-chip-filter-button>
 `;
 
+const datePeriodTemplate = `
+    <fusion-chip-filter-button [showCaretIcon]="showCaretIcon" [size]="size" [weight]="weight" [configuration]="configuration">
+        <div class="filter-element">
+            <fusion-dropdown style="--dropdown-overlay-min-width: 250px"
+                 [placeholderPrefix]="placeholderPrefix"
+                 [placeholder]="placeholder"
+                 [formControl]="formControl"
+                 [options]="options"
+                 [optionsTitle]="optionsTitle"
+                 [search]="search"
+                 >
+            </fusion-dropdown>
+        </div>
+    </fusion-chip-filter-button>
+`;
+
 export default {
     title: 'V4/Components/Dropdown/Triggers/ButtonFilter',
     component: ChipFilterButtonComponent,
@@ -380,7 +396,7 @@ export const DatePeriodPicker: Story = {
             formControl: new FormControl([MOCK_OPTIONS_PERIOD[1]]),
             configuration: {id: 1, mode: 'static', close: true, leftIcon: {icon: 'ph/calendar-blank'}}
         },
-        template: baseTemplate
+        template: datePeriodTemplate
     }),
     decorators: [componentWrapperDecorator(story => `<div style="height: 200px;">${story}</div>`)]
 };

projects/fusion-ui/components/daterange/v4/daterange-v4.component.stories.ts

@@ -112,7 +112,7 @@ new FormControl({
     }
 };
 
-export const SelectedToday: Story = {
+export const Today: Story = {
     render: args => ({
         props: {
             ...args,
@@ -124,7 +124,7 @@ export const SelectedToday: Story = {
         template: BASE_TEMPLATE
     })
 };
-SelectedToday.parameters = {
+Today.parameters = {
     docs: {
         description: {
             story: dedent`***formControl:***                     
@@ -138,7 +138,7 @@ new FormControl({
     }
 };
 
-export const SelectedLast14Days: Story = {
+export const Last14Days: Story = {
     render: args => ({
         props: {
             ...args,
@@ -150,6 +150,7 @@ export const SelectedLast14Days: Story = {
         template: BASE_TEMPLATE
     })
 };
+Last14Days.storyName = 'Last 14 days';
 
 export const WithoutPresets: Story = {
     render: args => ({
@@ -167,6 +168,7 @@ WithoutPresets.parameters = {
         }
     }
 };
+WithoutPresets.storyName = 'Without presets';
 
 export const LimitedRange: Story = {
     render: args => ({
@@ -190,6 +192,7 @@ LimitedRange.parameters = {
         }
     }
 };
+LimitedRange.storyName = 'Limited range';
 
 export const NotAllowFutureDateSelected: Story = {
     render: args => ({
@@ -207,6 +210,7 @@ NotAllowFutureDateSelected.parameters = {
         }
     }
 };
+NotAllowFutureDateSelected.storyName = 'Not future date';
 
 export const WithTimeSelect: Story = {
     render: args => ({
@@ -245,3 +249,4 @@ WithTimeSelect.parameters = {
         }
     }
 };
+WithTimeSelect.storyName = 'Selected time';