Skip to content

feat(closing-button): align size and icon behavior with the design #43#481

Merged
airikej merged 5 commits intorcfrom
fix/43-closing-button-storybook-adjustments
Jan 30, 2026
Merged

feat(closing-button): align size and icon behavior with the design #43#481
airikej merged 5 commits intorcfrom
fix/43-closing-button-storybook-adjustments

Conversation

@airikej
Copy link
Contributor

@airikej airikej commented Jan 27, 2026

No description provided.

@airikej airikej linked an issue Jan 27, 2026 that may be closed by this pull request
@codecov
Copy link

codecov bot commented Jan 27, 2026

Codecov Report

❌ Patch coverage is 88.88889% with 1 line in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
...c/tedi/components/form/file-upload/file-upload.tsx 0.00% 1 Missing ⚠️

📢 Thoughts on this report? Let us know!

@airikej airikej requested a review from mart-sessman January 27, 2026 07:15
const renderClearButton = React.useMemo(() => {
const clearButtonProps = {
size: (size === 'large' ? 'large' : 'medium') as 'medium' | 'large',
iconSize: size === 'large' ? (24 as const) : (18 as const),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

casting as const could be grouped

import styles from './closing-button.module.scss';

type ClosingButtonSize = 'medium' | 'large';
export type ClosingButtonSize = 'default' | 'small';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

breaking change? If this button can be used separately

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image yes breaking change also the migration guide is in the original task

@airikej airikej merged commit cdd92a8 into rc Jan 30, 2026
20 checks passed
@airikej airikej deleted the fix/43-closing-button-storybook-adjustments branch January 30, 2026 06:39
github-actions bot pushed a commit that referenced this pull request Jan 30, 2026
# [16.0.0-rc.1](react-15.0.0...react-16.0.0-rc.1) (2026-01-30)

### Features

* **closing-button:** align size and icon behavior with the design [#43](#43) ([#481](#481)) ([cdd92a8](cdd92a8))

### BREAKING CHANGES

* **closing-button:** size, iconSize changes, new default values
github-actions bot pushed a commit that referenced this pull request Feb 26, 2026
# [16.0.0](react-15.0.0...react-16.0.0) (2026-02-26)

### Bug Fixes

* **checkbox,radio:** pass required prop to label [#115](#115) ([#498](#498)) ([a569636](a569636)), closes [#486](#486)
* **checkbox,radio:** show pointer on label hover [#532](#532) ([#533](#533)) ([097627d](097627d))
* **choice-group:** prevent calling onchange twice on card variant [#484](#484) ([#502](#502)) ([27799cc](27799cc))
* **choice-group:** prevent double change events and unify card click behavior [#504](#504) ([#505](#505)) ([7ea1fed](7ea1fed))
* **choice-group:** segmented item borders and focus behaviour [#101](#101) ([#513](#513)) ([455c491](455c491))
* **choice-group:** selected disabled choice-group item fixes [#27](#27) ([#510](#510)) ([be8884e](be8884e))
* **feedback-text:** fix error/success text color variables [#517](#517) ([#521](#521)) ([c019e79](c019e79))
* **link:** fix link icon sizes in relation to figma design [#46](#46) ([#520](#520)) ([f32bd83](f32bd83))
* **number-field:** fix variables [#516](#516) ([#522](#522)) ([dcf6240](dcf6240))
* **separator:** fix custom size application [#535](#535) ([#536](#536)) ([130edcd](130edcd))
* **sidenav:** apply linkAs for flyout items [#40](#40) ([#501](#501)) ([6007ede](6007ede))
* **text-field:** fix small textfield right area padding, fix small textfield font size [#527](#527) ([#528](#528)) ([bd8bd16](bd8bd16))
* **tooltip,overlay:** wcag improvements [#468](#468) ([#491](#491)) ([fa60e46](fa60e46))

### Features

* **alert:** new size prop with default and small values [#11](#11) ([#509](#509)) ([35c4962](35c4962))
* **button-group:** add size prop, add small example, fix examples on storybook [#14](#14) ([#511](#511)) ([73cd4f1](73cd4f1))
* **closing-button:** add brand and inverted color [#6](#6) ([#519](#519)) ([cfeb5f2](cfeb5f2))
* **closing-button:** align size and icon behavior with the design [#43](#43) ([#481](#481)) ([cdd92a8](cdd92a8))
* **form-label:** update label prop type to ReactNode [#486](#486) ([#490](#490)) ([2c1152a](2c1152a))
* **info-button:** added inverted variant and new color prop [#420](#420) ([#508](#508)) ([6ca2d7f](6ca2d7f))
* **separator:** redesign with new spacing API, dotPosition and dotStyle support [#30](#30) ([#525](#525)) ([93e9e11](93e9e11))
* **sidenav:** subheading as ReactNode, fix mobile sidenav items padding [#421](#421) ([#512](#512)) ([bb7fbe8](bb7fbe8))

### BREAKING CHANGES

* **separator:** legacy spacing props removed, dotSize enum changed, variant values simplified
* **closing-button:** size, iconSize changes, new default values
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Closing button]: Storybook adjustments

2 participants