diff --git a/.storybook/preview.js b/.storybook/preview.js index 77c19ff49..d1bcb10d4 100644 --- a/.storybook/preview.js +++ b/.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' } } }, diff --git a/CHANGELOG.md b/CHANGELOG.md index f18d4cde8..ee93a9526 100644 --- a/CHANGELOG.md +++ b/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) diff --git a/README.md b/README.md index 923f5c940..70232133d 100644 --- a/README.md +++ b/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``` diff --git a/package-lock.json b/package-lock.json index cdd93d863..1afb33626 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "fusion-ui", - "version": "8.4.0-rc.2", + "version": "8.4.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "fusion-ui", - "version": "8.4.0-rc.2", + "version": "8.4.0", "license": "MIT", "dependencies": { "@angular-devkit/architect": "^0.1702.1", diff --git a/package.json b/package.json index b01362d47..56a2e7bf7 100644 --- a/package.json +++ b/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": { diff --git a/projects/fusion-ui/components/calendar/v4/calendar-v4.component.scss b/projects/fusion-ui/components/calendar/v4/calendar-v4.component.scss index e9957095e..339924679 100644 --- a/projects/fusion-ui/components/calendar/v4/calendar-v4.component.scss +++ b/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%); } diff --git a/projects/fusion-ui/components/chip-filter/v4/chip-filter-button/chip-filter-button.component.stories.ts b/projects/fusion-ui/components/chip-filter/v4/chip-filter-button/chip-filter-button.component.stories.ts index 17da47cc7..107839013 100644 --- a/projects/fusion-ui/components/chip-filter/v4/chip-filter-button/chip-filter-button.component.stories.ts +++ b/projects/fusion-ui/components/chip-filter/v4/chip-filter-button/chip-filter-button.component.stories.ts @@ -72,6 +72,22 @@ const baseTemplateMultiselect = ` `; +const datePeriodTemplate = ` + +
+ + +
+ +`; + 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 => `
${story}
`)] }; diff --git a/projects/fusion-ui/components/daterange/v4/daterange-v4.component.stories.ts b/projects/fusion-ui/components/daterange/v4/daterange-v4.component.stories.ts index 2bb563597..6a24e573a 100644 --- a/projects/fusion-ui/components/daterange/v4/daterange-v4.component.stories.ts +++ b/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'; diff --git a/projects/fusion-ui/components/layout/v4/stories/layout-v4.component.stories.ts b/projects/fusion-ui/components/layout/v4/stories/layout-v4.component.stories.ts index db21aedb8..95fa25bd1 100644 --- a/projects/fusion-ui/components/layout/v4/stories/layout-v4.component.stories.ts +++ b/projects/fusion-ui/components/layout/v4/stories/layout-v4.component.stories.ts @@ -166,6 +166,7 @@ export const WithAppTrigger: LayoutV4Story = { ` }) }; +WithAppTrigger.storyName = 'With app trigger header'; export const WithFilters: LayoutV4Story = { render: (args: LayoutComponent) => ({ @@ -235,14 +236,27 @@ export const WithFilters: LayoutV4Story = {
- - - + + + + + + + + + + + + + + +
` }) }; +WithFilters.storyName = 'With app trigger header and filters'; export const WithTabs: LayoutV4Story = { render: (args: LayoutComponent) => ({ @@ -320,6 +334,7 @@ export const WithTabs: LayoutV4Story = { ` }) }; +WithTabs.storyName = 'With app trigger header and tabs'; export const Drilldown: LayoutV4Story = { render: (args: LayoutComponent) => ({ @@ -344,7 +359,9 @@ export const Drilldown: LayoutV4Story = { ` }) }; +Drilldown.storyName = 'With back (drilldown) button'; +/* export const NavigateToDefaultByClickOnParent: LayoutV4Story = { render: (args: LayoutComponent) => ({ props: { @@ -408,3 +425,4 @@ export const ShowSecondaryByHoverOnPrimary: LayoutV4Story = { ` }) }; +*/ diff --git a/projects/fusion-ui/components/navigation-menu/v4/stories/navigation-menu.mock.ts b/projects/fusion-ui/components/navigation-menu/v4/stories/navigation-menu.mock.ts index cd92c2f90..6129db779 100644 --- a/projects/fusion-ui/components/navigation-menu/v4/stories/navigation-menu.mock.ts +++ b/projects/fusion-ui/components/navigation-menu/v4/stories/navigation-menu.mock.ts @@ -404,7 +404,7 @@ export const NAVIGATION_MENU_HOME_MOCK: PrimaryMenuItem[] = [ type: NavigationBarItemType.Home, menuIcon: 'ph/house', menuTitle: 'Dashboard', - route: '/iframe.html', + route: 'iframe.html', cssTheme: { 'fu-navbar-background-color': '#181818' } diff --git a/projects/fusion-ui/components/radio-group/v4/radio-group.component.scss b/projects/fusion-ui/components/radio-group/v4/radio-group.component.scss index ca8ef3b52..1f47dc75e 100644 --- a/projects/fusion-ui/components/radio-group/v4/radio-group.component.scss +++ b/projects/fusion-ui/components/radio-group/v4/radio-group.component.scss @@ -6,7 +6,7 @@ flex-direction: column; align-items: flex-start; justify-content: flex-start; - gap: var(--spacing-100, #{$spacingV4-100}); + gap: var(--spacing-200, #{$spacingV4-200}); &.fu-direction-row { flex-direction: row; diff --git a/projects/fusion-ui/package.json b/projects/fusion-ui/package.json index 520e86d7b..2fb161714 100644 --- a/projects/fusion-ui/package.json +++ b/projects/fusion-ui/package.json @@ -1,6 +1,6 @@ { "name": "@ironsource/fusion-ui", - "version": "8.4.0", + "version": "8.4.1", "dependencies": { "chart.js": "4.4.2", "@floating-ui/dom": "^1.0.9",