npm - @midas-ds/components - Versions diffs - 5.0.0 → 5.0.1 - Mend

@midas-ds/components 5.0.0 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,92 +1,75 @@
+## 5.0.1
+### 🩹 Fixes
+- **checkbox:** swap old focus token
+- **checkbox:** swap old tokens
+- **radio:** remove old tokens
+- **link-button:** fix colors on hover state
+- **toast:** re-organize animations and breakpoints
+- **toast:** remove explicit dep
+- **toast:** update react-aria deps
+- **toast:** add temporary implementation of useToastState
+### Documentation Changes
+- display project changelog on docweb
 # 5.0.0 (2025-03-17)
 ### 🚀 Features
-- ⚠️  updated select, multi-select and modal components
-- **button:** set primary border to 2px when in high-contrast mode
+- ⚠️  support for dark mode across all components
 ### 🩹 Fixes
+- **button:** deprecate small version
 - **card:** deprecate card background
-- **select:** change direct element selector
-- **modal:** remove unused code
-- **link-button:** remove ts-ignore comment
-- **link:** remove unused code
-- **docs:** remove unused code
-- **select:** remove unsupported attribute
-- **select:** remove useless fragment
-- **search-field:** use aria-label instead of hidden label
-- add and remove comments
-- **layout:** final design adjustments
-- **layout:** design tweaks
-- **layout:** design tweaks
-- **layout:** design adjustments
-- **button:** write a deprecate comment that size small will be deprecate
-- **table:** write a deprecate comment that narrow will be deprecate
-- **date-picker:** resize button in invalid state, fixes #312
 - **date-picker:** change selected date color to blue150
-- change the weekday names to swedish languge
-- change disabled cursor to not-allowed
-- **datepicker:** change cursor to pointer
-- **radio:** change cursor to pointer
-- **checkbox:** change cursor to pointer
+- **date-picker:** resize button in invalid state, fixes #312
+- **date-picker:** change cursor to pointer
+- **layout:** design adjustments
+- **search-field:** use aria-label instead of hidden label
+- **select:** remove unsupported attribute
+- **select:** change direct element selector
+- **table:** deprecate narrow version
 ### Documentation Changes
-- fix local dark mode on portals in SB
-- add security disclaimers
-- **date-picker:** add style unavailable and code example for Unavailable Date in docs
 - dark mode support for storybook and docusaurus
+- add instructions for bug reporting
+- dark mode page on docweb
+- add security disclaimers
+- update select docs
+- fix new tokens
+- fix local dark mode on portals in SB
+- updated docs with tokens
+- dark mode header image
+- **docs:** add new UIkit
+- **localization:** add dev instructions for localization
 ### ⚠️  Breaking Changes
-- `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading."
-### ❤️ Thank You
-- derpbravely
-- jabir Khalil
-- pixelrickdreamer
-- Wilhelm Hjelm
+- dark mode :city_sunrise:
 # 4.0.0 (2025-03-10)
 ### 🚀 Features
 - ⚠️ updated select, multi-select and modal components
-- **button:** set primary border to 2px when in high-contrast mode
 ### 🩹 Fixes
-- **layout:** final design adjustments
-- **layout:** design tweaks
-- **layout:** design tweaks
 - **layout:** design adjustments
-- **button:** write a deprecate comment that size small will be deprecate
-- **table:** write a deprecate comment that narrow will be deprecate
-- **date-picker:** resize button in invalid state, fixes #312
-- **date-picker:** change selected date color to blue150
-- change the weekday names to swedish languge
-- change disabled cursor to not-allowed
-- **datepicker:** change cursor to pointer
 - **radio:** change cursor to pointer
-- **checkbox:** change cursor to pointer
 ### Documentation Changes
-- add security disclaimers
 - **date-picker:** add style unavailable and code example for Unavailable Date in docs
+- **docs:** add new UIkit
 ### ⚠️ Breaking Changes
-- `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading."
-### ❤️ Thank You
-- derpbravely
-- jabir Khalil
-- pixelrickdreamer
-- Wilhelm Hjelm
+- `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading.
 ## 3.1.0 (2025-03-06)
@@ -96,23 +79,19 @@
 ### 🩹 Fixes
-- **date-picker:** resize button in invalid state, fixes #312 ([#312](https://github.com/migrationsverket/midas/issues/312))
+- **calendar** set default weekday style to `short` ([#303](https://github.com/migrationsverket/midas/pull/303))
+- **checkbox:** change cursor to pointer ([d5ce18403](https://github.com/migrationsverket/midas/commit/d5ce18403))
 - **date-picker:** change selected date color to blue150 ([6a7e856a9](https://github.com/migrationsverket/midas/commit/6a7e856a9))
-- change the weekday names to swedish languge ([25609b243](https://github.com/migrationsverket/midas/commit/25609b243))
-- change disabled cursor to not-allowed ([97da5471a](https://github.com/migrationsverket/midas/commit/97da5471a))
+- **date-picker:** resize button in invalid state, fixes #312 ([#312](https://github.com/migrationsverket/midas/issues/312))
 - **datepicker:** change cursor to pointer ([5425f7282](https://github.com/migrationsverket/midas/commit/5425f7282))
 - **radio:** change cursor to pointer ([c18ec8f4e](https://github.com/migrationsverket/midas/commit/c18ec8f4e))
-- **checkbox:** change cursor to pointer ([d5ce18403](https://github.com/migrationsverket/midas/commit/d5ce18403))
 ### Documentation Changes
+- add new UIkit ([a47947b63](https://github.com/migrationsverket/midas/commit/a47947b63))
+- add instructions for bug reporting ([93205ee30](https://github.com/migrationsverket/midas/commit/93205ee30))
 - **date-picker:** add style unavailable and code example for Unavailable Date in docs ([469da9424](https://github.com/migrationsverket/midas/commit/469da9424))
-### ❤️ Thank You
-- jabir Khalil
-- pixelrickdreamer
 # 3.0.0 (2025-02-28)
 ### 🚀 Features
@@ -121,15 +100,14 @@
 ### 🩹 Fixes
-- **card:** append props.className ([dfcfa0439](https://github.com/migrationsverket/midas/commit/dfcfa0439))
-- **search-field:** add border bottom and pixel push some paddings ([e53d56bb7](https://github.com/migrationsverket/midas/commit/e53d56bb7))
-- **search-field:** remove unused tokens ([8e9ed07a9](https://github.com/migrationsverket/midas/commit/8e9ed07a9))
-- **search-field:** destructure function parameters ([8291eeede](https://github.com/migrationsverket/midas/commit/8291eeede))
-- **search-field:** add validation error utility function ([1f4758e41](https://github.com/migrationsverket/midas/commit/1f4758e41))
-- **search-field:** add disabled styling ([f508f2f6d](https://github.com/migrationsverket/midas/commit/f508f2f6d))
-- **search-field:** handle custom error messages ([99649c163](https://github.com/migrationsverket/midas/commit/99649c163))
-- **search-field:** useSearchField to validate input and use internal key events ([fbe8cf54a](https://github.com/migrationsverket/midas/commit/fbe8cf54a))
+- **card:** append props.className ([#295](https://github.com/migrationsverket/midas/pull/295))
 - **search-field:** move validation error message ([85c1b7990](https://github.com/migrationsverket/midas/commit/85c1b7990))
+- **search-field:** useSearchField to validate input and use internal key events ([fbe8cf54a](https://github.com/migrationsverket/midas/commit/fbe8cf54a))
+- **search-field:** handle custom error messages ([99649c163](https://github.com/migrationsverket/midas/commit/99649c163))
+- **search-field:** add disabled styling ([f508f2f6d](https://github.com/migrationsverket/midas/commit/f508f2f6d))
+- **search-field:** add validation error utility function ([1f4758e41](https://github.com/migrationsverket/midas/commit/1f4758e41))
+- **search-field:** add border bottom and pixel push some paddings ([e53d56bb7](https://github.com/migrationsverket/midas/commit/e53d56bb7))
+- **search-field:** validation text ([#290](https://github.com/migrationsverket/midas/pull/290))
 ### Documentation Changes
@@ -139,139 +117,103 @@
 - **search-field:** `isRequired` property of `SearchField` is no longer supported
-### ❤️ Thank You
-- derpbravely
 ## 2.0.1 (2025-02-27)
 ### 🩹 Fixes
-- **radio:** fix hover on mobile, remove 100% height on RadioGroup ([789264afa](https://github.com/migrationsverket/midas/commit/789264afa))
-- **textfield:** cover more cases on dossnr ([0f27d8b33](https://github.com/migrationsverket/midas/commit/0f27d8b33))
-- **textfield:** add rule for matching delimiters for doss nr ([026073775](https://github.com/migrationsverket/midas/commit/026073775))
-- **textfield:** update dossnr regex to support new delimiter ([c5e1b4428](https://github.com/migrationsverket/midas/commit/c5e1b4428))
+- **radio:** fix hover on mobile, remove 100% height on RadioGroup ([#286](https://github.com/migrationsverket/midas/pull/286))
+- **text-field:** update dossnr regex to support new delimiter ([c5e1b4428](https://github.com/migrationsverket/midas/commit/c5e1b4428))
+- **text-field:** add rule for matching delimiters for doss nr ([026073775](https://github.com/migrationsverket/midas/commit/026073775))
+- **text-field:** cover more cases on dossnr ([0f27d8b33](https://github.com/migrationsverket/midas/commit/0f27d8b33))
-### ❤️ Thank You
+### Documentation Changes
-- pixelrickdreamer
-- Wilhelm Hjelm
+- update get started with node 22 ([098e4e1e0](https://github.com/migrationsverket/midas/commit/098e4e1e0))
 # 2.0.0 (2025-02-25)
 ### 🚀 Features
-- ⚠️ **textfield:** rename maxCharacters property ([44eec760e](https://github.com/migrationsverket/midas/commit/44eec760e))
+- **layout:** design improvements + tooltip ([#231](https://github.com/migrationsverket/midas/pull/231))
 - ⚠️ **textarea:** rename maxCharacters property ([06116cee9](https://github.com/migrationsverket/midas/commit/06116cee9))
+- ⚠️ **text-field:** rename maxCharacters property ([44eec760e](https://github.com/migrationsverket/midas/commit/44eec760e))
 - **tooltip:** new component tooltip ([3bc3fcd4f](https://github.com/migrationsverket/midas/commit/3bc3fcd4f))
 ### 🩹 Fixes
-- **accordion:** add comment ([56db5d49f](https://github.com/migrationsverket/midas/commit/56db5d49f))
+- **accessibility:** fix focus for high contrast mode ([#267](https://github.com/migrationsverket/midas/pull/267))
+- **accordion:** append classname ([aaaa0ddb1](https://github.com/migrationsverket/midas/commit/aaaa0ddb1))
 - **accordion:** remove dependency array from useLayoutEffect - fix render of dynamic content in AccordionItem ([db4c920ee](https://github.com/migrationsverket/midas/commit/db4c920ee))
-- **theme:** add global css export ([9786d79da](https://github.com/migrationsverket/midas/commit/9786d79da))
-- **textarea:** set initial counter value on render ([15121e437](https://github.com/migrationsverket/midas/commit/15121e437))
-- **textfield:** set initial counter value on render ([1f9a9cfc1](https://github.com/migrationsverket/midas/commit/1f9a9cfc1))
-- **textarea:** set initial counter value on render ([924f5abda](https://github.com/migrationsverket/midas/commit/924f5abda))
-- **textfield:** set initial counter value on render ([0e9e4a44d](https://github.com/migrationsverket/midas/commit/0e9e4a44d))
-- **tooltip:** append classname ([0e6e6e483](https://github.com/migrationsverket/midas/commit/0e6e6e483))
-- **textfield:** append classname ([53f5b603c](https://github.com/migrationsverket/midas/commit/53f5b603c))
-- **textarea:** append classname ([cdd9f3e5c](https://github.com/migrationsverket/midas/commit/cdd9f3e5c))
-- **tag:** append classname ([df88ec9fb](https://github.com/migrationsverket/midas/commit/df88ec9fb))
-- **radio:** append classname ([796173ba2](https://github.com/migrationsverket/midas/commit/796173ba2))
-- **logo:** append classname ([66a189a6c](https://github.com/migrationsverket/midas/commit/66a189a6c))
+- **accordion:** fix render of dynamic content in AccordionItem ([#283](https://github.com/migrationsverket/midas/pull/283))
 - **combobox:** append classname ([570a1998e](https://github.com/migrationsverket/midas/commit/570a1998e))
-- **accordion:** append classname ([aaaa0ddb1](https://github.com/migrationsverket/midas/commit/aaaa0ddb1))
-- **file-upload:** import react to get autodocs props ([e6467ca66](https://github.com/migrationsverket/midas/commit/e6467ca66))
-- **file-upload:** add autdocs config ([809f0b894](https://github.com/migrationsverket/midas/commit/809f0b894))
+- **components:** append prop.className ([#279](https://github.com/migrationsverket/midas/pull/279))
 - **file-upload:** pass unhandled props ([fc90980d9](https://github.com/migrationsverket/midas/commit/fc90980d9))
+- **file-upload:** add autdocs config ([809f0b894](https://github.com/migrationsverket/midas/commit/809f0b894))
+- **file-upload:** import react to get autodocs props ([e6467ca66](https://github.com/migrationsverket/midas/commit/e6467ca66))
+- **file-upload:** pass unhandled props to the FileTrigger component ([#277](https://github.com/migrationsverket/midas/pull/277))
+- **layout:** design adjustments ([f086ad5fe](https://github.com/migrationsverket/midas/commit/f086ad5fe))
 - **layout:** fix bug where mobile menu wouldn't open ([c61923662](https://github.com/migrationsverket/midas/commit/c61923662))
-- **accessibility:** fix focus for high contrast mode ([#267](https://github.com/migrationsverket/midas/pull/267))
+- **logo:** append classname ([66a189a6c](https://github.com/migrationsverket/midas/commit/66a189a6c))
+- **radio:** append classname ([796173ba2](https://github.com/migrationsverket/midas/commit/796173ba2))
+- **tag:** append classname ([df88ec9fb](https://github.com/migrationsverket/midas/commit/df88ec9fb))
 - **textarea:** add validation for minLength property ([8df1f931a](https://github.com/migrationsverket/midas/commit/8df1f931a))
-- **layout:** design adjustments + skip to content link ([facdaf64f](https://github.com/migrationsverket/midas/commit/facdaf64f))
-- **layout:** design review ([b1928466c](https://github.com/migrationsverket/midas/commit/b1928466c))
-- **layout:** add tooltips on layout collapsed state ([5e9d0090d](https://github.com/migrationsverket/midas/commit/5e9d0090d))
-- **layout:** design adjustments ([f086ad5fe](https://github.com/migrationsverket/midas/commit/f086ad5fe))
+- **textarea:** append classname ([cdd9f3e5c](https://github.com/migrationsverket/midas/commit/cdd9f3e5c))
+- **textarea:** set initial counter value on render ([924f5abda](https://github.com/migrationsverket/midas/commit/924f5abda))
+- **text-field:** append classname ([53f5b603c](https://github.com/migrationsverket/midas/commit/53f5b603c))
+- **text-field:** set initial counter value on render ([0e9e4a44d](https://github.com/migrationsverket/midas/commit/0e9e4a44d))
+- **text-field:** set the initial value for useState ([#280](https://github.com/migrationsverket/midas/pull/280))
+- **theme:** add global css export ([#282](https://github.com/migrationsverket/midas/pull/282))
+- **tooltip:** append classname ([0e6e6e483](https://github.com/migrationsverket/midas/commit/0e6e6e483))
 ### Documentation Changes
+- dropdown + layout + tooltip ([28d3bc661](https://github.com/migrationsverket/midas/commit/28d3bc661))
 - **components:** sync docusaurus and storybook autodocs config ([4e061ad4d](https://github.com/migrationsverket/midas/commit/4e061ad4d))
+- **docs:** add documentation about skeleton component ([460bf602c](https://github.com/migrationsverket/midas/commit/460bf602c))
+- **docs:** add design pattern about loaders ([702136a89](https://github.com/migrationsverket/midas/commit/702136a89))
+- **docs:** add link to design pattern ([38db9d2de](https://github.com/migrationsverket/midas/commit/38db9d2de))
 - **file-upload:** manually extend react aria props for autodocs ([07ecde229](https://github.com/migrationsverket/midas/commit/07ecde229))
-- dropdown + layout + tooltip ([28d3bc661](https://github.com/migrationsverket/midas/commit/28d3bc661))
 ### ⚠️ Breaking Changes
-- **textfield:** TextField property maxCharacters is renamed to maxLength
 - **textarea:** TextArea propert maxCharacters is renamed to maxLength
-### ❤️ Thank You
-- derpbravely
-- Jabir Khalil
-- pixelrickdreamer
-- Wilhelm Hjelm
 ## 1.3.0 (2025-02-19)
 ### 🚀 Features
-- **textfield:** add dossier number validation ([9092008ef](https://github.com/migrationsverket/midas/commit/9092008ef))
+- **accordion:** support react nodes in title ([#259](https://github.com/migrationsverket/midas/pull/259))
+- **text-field:** add dossier number validation ([#261](https://github.com/migrationsverket/midas/pull/261))
 ### 🩹 Fixes
-- **theme:** reorder theme export ([3398a0f68](https://github.com/migrationsverket/midas/commit/3398a0f68))
-- **table:** preserve classNames when using props.className ([d7a9142cd](https://github.com/migrationsverket/midas/commit/d7a9142cd))
-- **textfield:** +/- divider should be optional ([b1393263a](https://github.com/migrationsverket/midas/commit/b1393263a))
-- **table:** add pointer if row has a link ([9a62302ff](https://github.com/migrationsverket/midas/commit/9a62302ff))
-- **card:** clean the code ([a17aa2941](https://github.com/migrationsverket/midas/commit/a17aa2941))
-- **textfield:** add dossier number validation ([b3027b5b9](https://github.com/migrationsverket/midas/commit/b3027b5b9))
 - **accordion:** support any elements in title ([1129fd742](https://github.com/migrationsverket/midas/commit/1129fd742))
-- **table:** remove unused props ([1cb0c2e69](https://github.com/migrationsverket/midas/commit/1cb0c2e69))
-- **table:** show hover background color for striped table ([a6b4f35d5](https://github.com/migrationsverket/midas/commit/a6b4f35d5))
-- **theme:** point to theme types ([98e09424f](https://github.com/migrationsverket/midas/commit/98e09424f))
-- **card:** remove the id content from p tag ([54e4fe9cd](https://github.com/migrationsverket/midas/commit/54e4fe9cd))
-- **card:** fix to read title and content ([dd8d07c72](https://github.com/migrationsverket/midas/commit/dd8d07c72))
 - **card:** add React.useId to generate unique id ([160319d03](https://github.com/migrationsverket/midas/commit/160319d03))
-- fix content to be readable by screen reader when use tab ([d49d8d4f9](https://github.com/migrationsverket/midas/commit/d49d8d4f9))
-### ❤️ Thank You
-- derpbravely
-- jabir Khalil
-- Wilhelm Hjelm
-## 1.2.3 (2025-02-11)
-This was a version bump only for components to align it with other projects, there were no code changes.
-## 1.2.2 (2025-02-11)
-This was a version bump only for components to align it with other projects, there were no code changes.
-## 1.2.1 (2025-02-11)
-This was a version bump only for components to align it with other projects, there were no code changes.
+- **card:** fix to read title and content ([dd8d07c72](https://github.com/migrationsverket/midas/commit/dd8d07c72))
+- **card:** remove the id content from p tag ([54e4fe9cd](https://github.com/migrationsverket/midas/commit/54e4fe9cd))
+- **docs:** update theme imports ([5cbd797f4](https://github.com/migrationsverket/midas/commit/5cbd797f4))
+- **table:** show hover background color for striped table ([a6b4f35d5](https://github.com/migrationsverket/midas/commit/a6b4f35d5))
+- **table:** striped table hover effect and unused props ([#250](https://github.com/migrationsverket/midas/pull/250))
+- **table:** add pointer if row has a link ([#262](https://github.com/migrationsverket/midas/pull/262))
+- **table:** preserve classNames when using props.className ([d7a9142cd](https://github.com/migrationsverket/midas/commit/d7a9142cd))
+- **text-field:** add dossier number validation ([b3027b5b9](https://github.com/migrationsverket/midas/commit/b3027b5b9))
+- **text-field:** +/- divider should be optional ([b1393263a](https://github.com/migrationsverket/midas/commit/b1393263a))
+- **theme:** point to theme types ([#248](https://github.com/migrationsverket/midas/pull/248))
+- **theme:** reorder theme export ([#265](https://github.com/migrationsverket/midas/pull/265))
 ## 1.2.0 (2025-02-11)
 ### 🚀 Features
-- **components:** add nvm config ([7cbbce66e](https://github.com/migrationsverket/midas/commit/7cbbce66e))
 - **components:** new api and style for accordion ([efab0a198](https://github.com/migrationsverket/midas/commit/efab0a198))
+- **components:** add nvm config ([7cbbce66e](https://github.com/migrationsverket/midas/commit/7cbbce66e))
 ### 🩹 Fixes
-- **theme:** create separate theme export ([a6c95a23c](https://github.com/migrationsverket/midas/commit/a6c95a23c))
-- **info-banner:** fix icon to be in same line with text in docs and story ([f37b798c3](https://github.com/migrationsverket/midas/commit/f37b798c3))
+- import/export text-field css directly from css module ([#212](https://github.com/migrationsverket/midas/pull/212))
 - **components:** fix text when titles are longer than one row ([28b06cd31](https://github.com/migrationsverket/midas/commit/28b06cd31))
-- import/export textfield css directly from css module ([#212](https://github.com/migrationsverket/midas/pull/212))
-### ❤️ Thank You
-- Axel Engström
-- jabir Khalil
-- pixelrickdreamer @pixelrickdreamer
-- Wilhelm Hjelm
+- **info-banner:** fix icon to be in same line with text in docs and story ([f37b798c3](https://github.com/migrationsverket/midas/commit/f37b798c3))
+- **theme:** create separate theme export ([a6c95a23c](https://github.com/migrationsverket/midas/commit/a6c95a23c))
 ## 1.1.0 (2025-01-31)
@@ -279,88 +221,455 @@ This was a version bump only for components to align it with other projects, the
 - **components:** new api and style for accordion
-### 🩹 Fixes
-- import/export textfield css directly from css module
-### ❤️ Thank You
-- pixelrickdreamer
-- Wilhelm Hjelm
 ## 1.0.2 (2025-01-27)
 ### 🚀 Features
-- **textarea:** new component
+- **modal:** create a new component
+- **button:** add react aria button component
+- **button:** added tertiary and danger themes
+- **button:** remove underline from tertiary button
+- **button:** add icon and iconSize prop and logic to make icon smaller when size=small
+- **button:** update button stories
+- **button:** remove unused icon
+- **button:** add property to change button's icon direction
+- **button:** change inline style to class style
+- **button:** add buttongroup component, move mobile rules
+- ⚠️ **card:** new api, replace button with stretched link
+- **card:** support custom link component
+- **checkbox:** select all checkbox
+- **checkbox:** new wrapper
+- **combobox:** create a combobox component with styling
+- **date-picker:** new wrapper
+- **date-picker:** new datepicker
+- **date-picker:** datepicker renamed daterangepicker in favor of datepicker
 - **docs:** add docusaurus boilerplate
+- **dropdown:** new component
+- **file-upload:** new wrapper
+- **flex:** add fluid variant
+- **flex:** can now take all props of usual div
+- **info-banner:** add support for ReactNodes in message
+- **info-banner:** dismissable banner
+- **link:** add standalone link variant
+- **link:** ability to stretch link in parent
+- **link:** add icon in prop, add disabled, and add states in css
+- **link-button:** inherits api from button
+- **link-button:** add full width
+- **link-button:** add icon
+- **logo:** new variants and refactor
+- ⚠️ **modal:** new API
+- **multi-select:** new component
+- **radio:** new wrapper
+- **search-field:** props rewrite
+- **select:** new wrapper
+- **sidebar:** new component
 - **storybook:** add boilerplate storybook instance
-- **button:** add react aria button component
+- **table:** new component!
+- **table:** add docs + striped option
+- **tag:** new component
+- **tertiary button:** change padding
+- **text-area:** creat textArea component
+- **text-field:** add ssn validation
+- **text-field:** support counter and maxCharacters
+- **ui:** export new components
+-
 ### 🩹 Fixes
-- fix the link path in readme
-- **modal:** update modal docs
-- dependencies
-- **docs:** update url
-- **docs:** update url
-- **docs:** fix storybook link
-- new readme + doc build
-- change node version on deploy
-- **docs:** mend broken pages
+- **accordion:** hover on trigger
+- **accordion:** update icon size
+- **accordion:** color on iOS
+- **button:** add large option to size in storybook and fix styling to tertiary
+- **button:** change name large to null in the size option in storybook
+- **button:** add icon variant
+- **button:** share api with link-button
+- **button:** change property name to iconPlacement
+- **button:** adjust spacing
+- **button:** update icon size
+- **button:** fix styling to focus-visible state
+- **button:** delete the third box-shadow and fix style to all
+- **button:** add variable focus in tokens.css and fix the style with variable
+- **button:** add press style on icon btn
+- **button:** change the styling in focus visible to a variable
+- **button:** correct spacing on icon button
+- **button:** remove pixel and rem mixing
+- **card:** accessibility fix on icon
+- **card:** only animate out arrow
+- **card:** correct border-color
+- **card:** better column stretching
+- **card:** support custom link
+- **checkbox:** change styling of description
+- **checkbox:** fix gap between label and description
+- **checkbox:** change to lucide icon and fix css
+- **checkbox:** fix checkbox size and disabled state css
+- **checkbox:** change back to polyline for checkmark
+- **checkbox:** add the animation back again
+- **checkbox:** select all can be indeterminate
+- **checkbox:** change the styling in focus visible to a variable
+- **checkbox:** fix state could be null
+- **combobox:** fix disabled state style and fix combobox test
+- **combobox:** rewrite to new wrapper
+- **combobox:** fix props
+- **combobox:** button alignment
+- **combobox:** focus style fix
+- **combobox:** chevron icon will be upp when select is opened
+- **combobox:** add aria-expanded to css to rotate chevron icon
+- **combobox:** update icon size
+- **combobox:** new focus style
+- **combobox:** support modals
+- **combobox:** color on iOS
+- **date-picker:** correct colors
+- **date-picker:** update icon size
+- **date-picker:** change the styling in focus visible to a variable
+- **date-picker:** new focus state
+- **date-picker:** dependency update
+- **date-picker:** spacing on timefields
+- **date-picker:** support modals
+- **date-picker:** color on iOS
 - **docs:** change doc structure
-- package.json and package-lock.json
+- **docs:** accessibility is back
+- **docs:** mend broken pages
+- **docs:** fix top banner
+- **docs:** test commit on GitHub
+- **docs:** updates to accomodate storybook
+- **docs:** remove "build with"
+- **docs:** fix storybook link
+- **docs:** new frontpage
+- **docs:** update url
+- **file-upload:** update icon size
+- **file-upload:** fix text overflow mobile
+- **flex:** better column stretching
+- **flex:** fix column wrapping
+- **grid:** better column stretching
+- **info-banner:** fix dismissable button
+- **info-banner:** add div props to info-banner
+- **info-banner:** fix classname info clsx
+- **info-banner:** update icon size
+- **link:** icon stays in size
+- **link:** ignore icon prop if link is standalone
+- **link:** fix style to center the icon with text
+- **link:** fix the wrong style
+- **link:** add style underline to hover and active state
+- **link:** add visited state to css
+- **link:** add url address which leads to link component in docsweb
+- **link:** commit
+- **link:** support custom link component
+- **link-button:** fix styling justify-content
+- **link-button:** fix padding
+- **link-button:** adjust styles + add focus styles
+- **link-button:** add variants
+- **link-button:** change gap to 0.5rem
+- **link-button:** remove the duplicated code
+- **link-button:** change justify-content to center to make fullwidth look better
+- **link-button:** custom link component
+- **link-button:** external link icon on target \_blank
+- **linkButton:** use button style and fix the story for icon
+- **logo:** add support for all `<div>` props, like className
+- **logo:** html tag name fix
+- **modal:** delete trigger button and fix styling
+- **modal:** fix styling in css file
+- **modal:** delete icon backgrund-color in css file
+- **modal:** update modal docs
+- **modal:** fix bug of unopenable modal + new docs
+- **modal:** fix spacing
+- **modal:** adjust max height and overflow
+- **multi-select:** style adjustments
+- **multi-select:** support for all default key
+- **multi-select:** validation
+- **multi-select:** change remove to update list
+- **multi-select:** support modals
+- **multi-select:** null on item fix
+- **multi-select:** fix intermittent errors in tag removal
+- **radio:** remove padding
+- **radio:** change padding on label and helper text
+- **radio:** remove invalid line and fix css
+- **radio:** change gap between elements to 0.5rem
+- **radio:** change the styling in focus visible to a variable
+- **radio:** move radioGroup storybook to radio storybook, and fix tsconfig
+- **search-field:** update icon size
+- **search-field:** inherit focus from text-field
+- **search-field:** fix padding to remove style error between button and input
+- **select:** remove padding and add variables
+- **select:** fix list spacing
+- **select:** change to lucide icon
+- **select:** fix icon alignment
+- **select:** remove hard value
+- **select:** add aria-expanded to css to rotate chevron icon
+- **select:** change to border
+- **select:** update icon size
+- **select:** change box-shadow to border
+- **select:** change the styling in focus visible to a variable
+- **select:** support modals
+- **table:** use client
+- **table:** update icon size
+- **tabs:** new focus state
+- **tabs:** fix styles
+- **tabs:** responsive
+- **tag:** fix stories and css and delete unuse codes
+- **tag:** styling + dismissable
+- **textarea:** fix handleChange run when element focus
+- **textarea:** remove focus animation
+- **textarea:** fix focus
+- **textarea:** change color
+- **text-field:** fix text color in invald error to red color
+- **text-field:** fix text color in invald error to red color
+- **text-field:** update icon size
+- **text-field:** remove focus animation
+- **text-field:** fix focus
+- **text-field:** update error message docs + support
+- **text-field:** change error message when > maxCharacter
+- **text-field, textarea:** fix spacing
+- **theme:** include tokens again
+- **toast:** larger icon
+- **toast:** fix button size
+- **toast:** update icon size
+- **toast:** new focus state
+- **ui:** add modal
+- **ui:** update theme version
-### ❤️ Thank You
+### ⚠️ Breaking Changes
-- jabir Khalil
-- pixelrickdreamer
-- Wilhelm Hjelm
+- **modal:** new API
+- **card:** new card api
 ## 1.0.1 (2025-01-27)
 ### 🚀 Features
+- **tag:** create a new component
+- **modal:** create a new component
+- **modal:** fix styling, delete not used codes and add button component
+- **button:** added tertiary and danger themes
+- **button:** remove underline from tertiary button
+- **button:** add icon and iconSize prop and logic to make icon smaller when size=small
+- **button:** add property to change button's icon direction
+- **button:** change inline style to class style
+- **button:** add buttongroup component, move mobile rules
+- ⚠️ **card:** new api, replace button with stretched link
+- **card:** support custom link component
+- **checkbox:** select all checkbox
+- **checkbox:** new wrapper
+- **combobox:** create a combobox component with styling
+- **date-picker:** new wrapper
+- **date-picker:** datepicker renamed daterangepicker in favor of datepicker
+- **dropdown:** new component
+- **fileupload:** new wrapper
+- **flex:** add fluid variant
+- **flex:** can now take all props of usual div
+- **grid:** add fluid variant
+- **grid:** can now take all props of usual div
+- **info-banner:** add support for ReactNodes in message
+- **info-banner:** dismissable banner
+- **link:** add standalone link variant
+- **link:** ability to stretch link in parent
+- **link:** add icon in prop, add disabeld, and add states in css
+- **link-button:** inherits api from button
+- **link-button:** add own style, delete unuse codes, and fix the stories
+- **link-button:** add full width
+- **linkButton:** add icon
+- **logo:** new variants and refactor
+- **multi-select:** new component
+- **radio:** new wrapper
+- **searchfield:** props rewrite
+- **select:** new wrapper
+- **sidebar:** new component
+- **table:** new component!
+- **table:** add docs + striped option
+- **tag:** new component
+- **tertiary button:** change padding
+- **textArea:** creat textArea component
 - **textarea:** new component
+- **textarea:** new wrapper
+- **text-field:** add ssn validation
+- **text-field:** support counter and maxCharacters
+- **ui:** export new components
 ### 🩹 Fixes
-- fix the link path in readme
-- **modal:** update modal docs
-- dependencies
-- **docs:** update url
-- **docs:** update url
-- **docs:** fix storybook link
-- new readme + doc build
-- change node version on deploy
-- **docs:** mend broken pages
+- **accordion:** hover on trigger
+- **accordion:** update icon size
+- **accordion:** color on iOS
+- **breadcrumbs:** fix styles + new build
+- **button:** add large option to size in storybook and fix styling to tertiary
+- **button:** change name large to null in the size option in storybook
+- **button:** add icon variant
+- **button:** share api with link-button
+- **button:** change property name to iconPlacement
+- **button:** delete unused inline style and fix merge
+- **button:** adjust spacing
+- **button:** update icon size
+- **button:** fix styling to focus-visible state
+- **button:** delete the third box-shadow and fix style to all
+- **button:** remove the duplicated code
+- **button:** move the styling from global to under button class
+- **button:** add variable focus in tokens.css and fix the style with variable
+- **button:** add press style on icon btn
+- **button:** change the styling in focus visible to a variable
+- **button:** correct spacing on icon button
+- **button:** remove pixel and rem mixing
+- **card:** accessibility fix on icon
+- **card:** only animate out arrow
+- **card:** correct border-color
+- **card:** better column stretching
+- **card:** support custom link
+- **checkbox:** change styling of description
+- **checkbox:** change to luide icon and fix css
+- **checkbox:** change back to polyline for checkmark
+- **checkbox:** add the animation back again
+- **checkbox:** remove unused icons
+- **checkbox:** change gap to 0.5rem
+- **checkbox:** remove left line when invalid
+- **checkbox:** adjust styling
+- **checkbox:** select all can be indeterminate
+- **checkbox:** change the styling in focus visible to a variable
+- **checkbox:** fix state could be null
+- **combobox:** add a story autocomplete,fix storybook name,the tag to ComboBox,and style focus state
+- **combobox:** fix disabled state style and fix combobox test
+- **combobox:** rewrite to new wrapper
+- **combobox:** fix props
+- **combobox:** button alignment
+- **combobox:** focus style fix
+- **combobox:** chevron icon will be upp when select is opened
+- **combobox:** add aria-expanded to css to rotate chevron icon
+- **combobox:** update icon size
+- **combobox:** fix style
+- **combobox:** support modals
+- **combobox:** color on iOS
+- **date-picker:** correct colors
+- **date-picker:** update icon size
+- **date-picker:** change the styling in focus visible to a variable
+- **date-picker:** add variable
+- **date-picker:** new focus state
+- **date-picker:** spacing on timefields
+- **date-picker:** support modals
+- **date-picker:** color on iOS
 - **docs:** change doc structure
-### ❤️ Thank You
-- jabir Khalil
-- Wilhelm Hjelm
-# 1.0.0 (2025-01-27)
-### 🚀 Features
-- **textarea:** new component
-### 🩹 Fixes
-- fix the link path in readme
-- **modal:** update modal docs
-- dependencies
-- **docs:** update url
-- **docs:** update url
-- **docs:** fix storybook link
-- new readme + doc build
-- change node version on deploy
+- **docs:** accessibility is back
 - **docs:** mend broken pages
-- **docs:** change doc structure
+- **docs:** fix top banner
+- **docs:** updates to accommodate storybook
+- **docs:** remove "build with"
+- **docs:** fix storybook link
+- **docs:** new frontpage
+- **file-upload:** fix text overflow mobile
+- **flex:** better column stretching
+- **flex:** fix column wrapping
+- **grid:** better column stretching
+- **info-banner:** fix dismissable button
+- **info-banner:** add div props to info-banner
+- **info-banner:** fix classname info clsx
+- **info-banner:** update icon size
+- **link:** icon stays in size
+- **link:** ignore icon prop if link is standalone
+- **link:** fix style to center the icon with text
+- **link:** fix the wrong style
+- **link:** add style underline to hover and active state
+- **link:** add visited state to css
+- **link:** add url address which leads to link component in docs
+- **link:** support custom link component
+- **link-button:** fix styling justify-content
+- **link-button:** fix padding
+- **link-button:** adjust styles + add focus styles
+- **link-button:** add variants
+- **link-button:** change gap to 0.5rem
+- **link-button:** change justify-content to center to make fullwidth look better
+- **link-button:** custom link component
+- **link-button:** external link icon on target \_blank
+- **linkButton:** use button style and fix the story for icon
+- **logo:** add support for all `<div>` props, like className
+- **logo:** html tag name fix
+- **modal:** delete trigger button and fix styling
+- **modal:** delete unused styling, and move styling for storybook to storybook
+- **modal:** fix styling in css file
+- **modal:** delete icon background-color in css file
+- **modal:** update modal docs
+- **modal:** fix bug of unopenable modal + new docs
+- **modal:** fix spacing
+- **modal:** adjust max height and overflow
+- **multi-select:** style adjustments
+- **multi-select:** support for all default key
+- **multi-select:** validation
+- **multi-select:** support modals
+- **multi-select:** null on item fix
+- **multi-select:** fix intermittent errors in tag removal
+- **radio:** remove padding
+- **radio:** change padding on label and helper text
+- **radio:** remove invalid line and fix css
+- **radio:** change gap between elements to 0.5rem
+- **radio:** change the styling in focus visible to a variable
+- **search-field:** update icon size
+- **search-field:** inherit focus from text-field
+- **search-field:** fix padding to remove style error between button and input
+- **select:** remove padding and add variables
+- **select:** fix list spacing
+- **select:** use client
+- **select:** change to lucide icon
+- **select:** fix icon alignment
+- **select:** remove hard value
+- **select:** add aria-expanded to css to rotate chevron icon
+- **select:** change to border
+- **select:** update icon size
+- **select:** change box-shadow to border
+- **select:** change the styling in focus visible to a variable
+- **select:** support modals
+- **table:** update icon size
+- **tabs:** new focus state
+- **tabs:** fix styles
+- **tabs:** responsive
+- **tag:** styling + dismissable
+- **text-field:** fix text color in invald error to red color
+- **textarea:** fix handleChange run when element focus
+- **textarea:** remove focus animation
+- **textarea:** fix focus
+- **textarea:** fix to show the error when the characters be more from max
+- **textarea:** change color
+- **textarea:** change error message at maxCharacters
+- **text-field:** remove padding
+- **text-field:** fix alignment
+- **text-field:** fix error message alignment
+- **text-field:** fix text color in invald error to red color
+- **text-field:** update icon size
+- **text-field:** remove focus animation
+- **text-field:** fix focus
+- **text-field:** change error message when > maxCharacter
+- **text-field, textarea:** fix spacing
+- **toast:** larger icon
+- **toast:** fix button size + new build
+- **toast:** update icon size
+- **toast:** new focus state
+- **ui:** add modal
+### ⚠️ Breaking Changes
-### ❤️ Thank You
+- **modal:** new API
+- **card:** new card api
+- ⚠️ **toast:** new build
+- ⚠️ **text-field:** new build
+- ⚠️ **textarea:** new build
+- ⚠️ **tabs:** new build
+- ⚠️ **table:** new build
+- ⚠️ **spinner:** new build
+- ⚠️ **select:** new build
+- ⚠️ **search-field:** new build
+- ⚠️ **radio:** new build + replace vite test
+- ⚠️ **logo:** new build
+- ⚠️ **link-button:** new build
+- ⚠️ **link:** new build
+- ⚠️ **info-banner:** new build
+- ⚠️ **grid:** new build
+- ⚠️ **flex:** new build
+- ⚠️ **file-upload:** new build
+- ⚠️ **date-picker:** new build
+- ⚠️ **combobox:** new build
+- ⚠️ **checkbox:** new build
+- ⚠️ **card:** new build
+- ⚠️ **button:** new build
+- ⚠️ **breadcrumbs:** new build
+- ⚠️ **accordion:** new build
+# Changelog
+All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
+---
-- jabir Khalil
-- Wilhelm Hjelm