`
- [#2561](https://github.com/sl-design-system/components/pull/2561) [`0e2e426`](https://github.com/sl-design-system/components/commit/0e2e426041997a299f3e35bcde499909d62f7ce9) - Remove duplication of `observedAttributes` from the components and into the `ObserveAttributesMixin`
@@ -119,7 +118,6 @@
### Patch Changes
- [#1785](https://github.com/sl-design-system/components/pull/1785) [`4e80437`](https://github.com/sl-design-system/components/commit/4e804374c3a02e88b04e4c1df662967740461f7c) - - Styling buttons improvements,
-
- Formatting value changes - using `formattedValue` instead of `formatValue`.
- [#1805](https://github.com/sl-design-system/components/pull/1805) [`94e2a7b`](https://github.com/sl-design-system/components/commit/94e2a7bf1ccaaa9d547654603554cc6bdfdf66fb) - Fix able to submit a parent form using the enter key in readonly mode
diff --git a/packages/themes/bingel-dc/CHANGELOG.md b/packages/themes/bingel-dc/CHANGELOG.md
index 8e00e925d3..b2ad320c2c 100644
--- a/packages/themes/bingel-dc/CHANGELOG.md
+++ b/packages/themes/bingel-dc/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -147,11 +145,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -160,7 +156,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -204,7 +199,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -219,7 +213,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -265,7 +258,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -282,7 +274,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/bingel-int/CHANGELOG.md b/packages/themes/bingel-int/CHANGELOG.md
index e0dedde146..0a9adbbc36 100644
--- a/packages/themes/bingel-int/CHANGELOG.md
+++ b/packages/themes/bingel-int/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -147,11 +145,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -160,7 +156,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -202,7 +197,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -217,7 +211,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -263,7 +256,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -280,7 +272,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/clickedu/CHANGELOG.md b/packages/themes/clickedu/CHANGELOG.md
index 5c2260a3be..b65ed17eb6 100644
--- a/packages/themes/clickedu/CHANGELOG.md
+++ b/packages/themes/clickedu/CHANGELOG.md
@@ -27,15 +27,12 @@
### Patch Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - - adjusted color.border.accent.grey.bold value from {grey.200} to {grey.300} for increased border visibility.
-
- updated color.blanket.plain transparency from {opacity.moderate} to {opacity.subtle} to align with updated design requirements for dialog overlays.
- [#2982](https://github.com/sl-design-system/components/pull/2982) [`5784b96`](https://github.com/sl-design-system/components/commit/5784b9682e183391f842b10f1d194ceb137606f0) - Updated global.css so we have the opportunity to overwrite the link color from a component.
@@ -153,11 +150,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -166,7 +161,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -216,7 +210,6 @@
- [#1473](https://github.com/sl-design-system/components/pull/1473) [`04b9ce2`](https://github.com/sl-design-system/components/commit/04b9ce28077255bfc516bce7b62bb7e4642060b3) - Fix/1470 space grotesk to open sans clickedu ds
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -231,7 +224,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -271,7 +263,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
diff --git a/packages/themes/editorial-suite/CHANGELOG.md b/packages/themes/editorial-suite/CHANGELOG.md
index 2cd57c8e10..b02f6027cc 100644
--- a/packages/themes/editorial-suite/CHANGELOG.md
+++ b/packages/themes/editorial-suite/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -149,11 +147,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -162,7 +158,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -210,7 +205,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -225,7 +219,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -265,7 +258,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
diff --git a/packages/themes/itslearning/CHANGELOG.md b/packages/themes/itslearning/CHANGELOG.md
index 7598fb5af0..1fe806c54b 100644
--- a/packages/themes/itslearning/CHANGELOG.md
+++ b/packages/themes/itslearning/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -147,11 +145,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -160,7 +156,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -208,7 +203,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -223,7 +217,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -263,7 +256,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -280,7 +272,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/kampus/CHANGELOG.md b/packages/themes/kampus/CHANGELOG.md
index 7502b9eb45..fa59b313ae 100644
--- a/packages/themes/kampus/CHANGELOG.md
+++ b/packages/themes/kampus/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -147,11 +145,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -160,7 +156,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -210,7 +205,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -225,7 +219,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -265,7 +258,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -282,7 +274,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/magister/CHANGELOG.md b/packages/themes/magister/CHANGELOG.md
index dbd1205008..54dda88c82 100644
--- a/packages/themes/magister/CHANGELOG.md
+++ b/packages/themes/magister/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -164,11 +162,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -177,7 +173,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -235,7 +230,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -250,7 +244,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -296,7 +289,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -313,7 +305,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/max/CHANGELOG.md b/packages/themes/max/CHANGELOG.md
index 783beba8be..ceee0f1aad 100644
--- a/packages/themes/max/CHANGELOG.md
+++ b/packages/themes/max/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -149,11 +147,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -162,7 +158,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -210,7 +205,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -225,7 +219,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -265,7 +258,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -282,7 +274,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/my-digital-book/CHANGELOG.md b/packages/themes/my-digital-book/CHANGELOG.md
index 1f1a9ba848..623d8f3017 100644
--- a/packages/themes/my-digital-book/CHANGELOG.md
+++ b/packages/themes/my-digital-book/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -147,11 +145,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -160,7 +156,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -208,7 +203,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -223,7 +217,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -263,7 +256,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
diff --git a/packages/themes/myvanin_onhold/CHANGELOG.md b/packages/themes/myvanin_onhold/CHANGELOG.md
index e02970a6e1..76e2819738 100644
--- a/packages/themes/myvanin_onhold/CHANGELOG.md
+++ b/packages/themes/myvanin_onhold/CHANGELOG.md
@@ -105,11 +105,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -118,7 +116,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -180,7 +177,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
diff --git a/packages/themes/neon/CHANGELOG.md b/packages/themes/neon/CHANGELOG.md
index a7f725243d..f87baff427 100644
--- a/packages/themes/neon/CHANGELOG.md
+++ b/packages/themes/neon/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -149,11 +147,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -162,7 +158,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -210,7 +205,6 @@
### Patch Changes
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -225,7 +219,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -267,7 +260,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -284,7 +276,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/sanoma-learning/CHANGELOG.md b/packages/themes/sanoma-learning/CHANGELOG.md
index af53b3b3cc..d459c3d991 100644
--- a/packages/themes/sanoma-learning/CHANGELOG.md
+++ b/packages/themes/sanoma-learning/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -155,11 +153,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -168,7 +164,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -220,7 +215,6 @@
- [#1422](https://github.com/sl-design-system/components/pull/1422) [`2833861`](https://github.com/sl-design-system/components/commit/28338611d0fccf175c3e22eb268fc5892522dc78) - Added tag tokens
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -233,7 +227,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -277,7 +270,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
diff --git a/packages/themes/teas/CHANGELOG.md b/packages/themes/teas/CHANGELOG.md
index 112b72d888..0f8e98f2df 100644
--- a/packages/themes/teas/CHANGELOG.md
+++ b/packages/themes/teas/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
@@ -147,11 +145,9 @@
- [#1710](https://github.com/sl-design-system/components/pull/1710) [`40cc538`](https://github.com/sl-design-system/components/commit/40cc538648e6ed5ac453fbe708bae8761caaab5e) - Overhaul of how (custom) icons are maintained in figma and exported to be used in the packages.
The following icons have changed:
-
- `circle` has been renamed to `circle-solid`
The following icons have been added:
-
- `badge-available`
- `badge-away`
- `badge-donotdisturb`
@@ -160,7 +156,6 @@
- `info`
The following items have been removed (mainly in cleaning up, they were never meant to be there)
-
- `svg-sort`
- `svg-sort-down`
- `svg-sort-up`
@@ -212,7 +207,6 @@
- [#1469](https://github.com/sl-design-system/components/pull/1469) [`7e31a0d`](https://github.com/sl-design-system/components/commit/7e31a0d63766e7efbdadffdd17b53bcdd1951515) - updated color default ghost button in TEAS
- [#1454](https://github.com/sl-design-system/components/pull/1454) [`af62ce4`](https://github.com/sl-design-system/components/commit/af62ce4d0e65b1363b9cede48642bc22d1fc9365) - - Improve toggle button and group tokens
-
- Add a `check-solid` icon for use in the `toggle-button` component
- [#1414](https://github.com/sl-design-system/components/pull/1414) [`ff1618c`](https://github.com/sl-design-system/components/commit/ff1618cdfa4d0060465d993f656345ba1044f88c) - Update icons to the latest fontawesome release (6.6.0)
@@ -227,7 +221,6 @@
### Patch Changes
- [#1389](https://github.com/sl-design-system/components/pull/1389) [`f03971b`](https://github.com/sl-design-system/components/commit/f03971b7b338a4248df292060b91b6b903b6c8ed) - Minor style fixes:
-
- Fix the title and subtitle text being cutoff for certain characters due not enough line-height
- Use a different color for the subtitle text
@@ -267,7 +260,6 @@
- [#1251](https://github.com/sl-design-system/components/pull/1251) [`a3da76c`](https://github.com/sl-design-system/components/commit/a3da76c7df521c2241b565dc22025715f1231e9c) - New search icon
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - - Enhanced the color contrast of buttons when used on slightly darker backgrounds across all themes.
-
- Enhanced the color contrast of inline messages to match our buttons.
- [#1234](https://github.com/sl-design-system/components/pull/1234) [`fe047da`](https://github.com/sl-design-system/components/commit/fe047da265a3d657d74ee26df95ebd73f2d7ef7f) - Fix missing triangle-exclamation-solid icon
@@ -284,7 +276,6 @@
- [#1242](https://github.com/sl-design-system/components/pull/1242) [`ab122ec`](https://github.com/sl-design-system/components/commit/ab122ec672a515ae2ca7dce88c7344c1b209d538) - Fix missing `calc()` functions in theme parts.
- [#1225](https://github.com/sl-design-system/components/pull/1225) [`ad297ab`](https://github.com/sl-design-system/components/commit/ad297ab817ab998253b9c2a90033c72dcc686893) - Updated/added tokens:
-
- Button bar available in all themes
- Fixed accordion border
- Button fixes
diff --git a/packages/themes/tig/CHANGELOG.md b/packages/themes/tig/CHANGELOG.md
index 3c481f33b8..296085f74e 100644
--- a/packages/themes/tig/CHANGELOG.md
+++ b/packages/themes/tig/CHANGELOG.md
@@ -23,11 +23,9 @@
### Minor Changes
- [#3020](https://github.com/sl-design-system/components/pull/3020) [`738e4a7`](https://github.com/sl-design-system/components/commit/738e4a77005043de2f9977fab9fb04d4fce6369d) - Added
-
- new elevation.surface.raised.primary token
Fixed
-
- form input interactive backgrounds (color.background.input.plain.interactive.plain) from plain to bold variants across all themes (e.g., accent.grey.interactive.bold) for better state contrast.
- [#2970](https://github.com/sl-design-system/components/pull/2970) [`e92ebb1`](https://github.com/sl-design-system/components/commit/e92ebb16c596919aaa301be2604ab5f3539738a9) - Caret icons have been updated to implement the new alignment strategy used in Font Awesome 7
diff --git a/website/src/categories/components/calendar/accessibility.md b/website/src/categories/components/calendar/accessibility.md
new file mode 100644
index 0000000000..155ce25d6f
--- /dev/null
+++ b/website/src/categories/components/calendar/accessibility.md
@@ -0,0 +1,47 @@
+---
+title: Calendar accessibility
+tags: accessibility
+eleventyNavigation:
+ parent: Calendar
+ key: CalendarAccessibility
+---
+
+
+## Keyboard interactions
+
+The calendar supports keyboard navigation through the month view.
+
+
+
+|Command| Description |
+|-|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+|Tab| Moves focus into and out of the calendar grid and the month/year navigation controls. |
+|Arrow Left/Right| Moves focus to the previous or next day. |
+|Arrow Up/Down| Moves focus to the same day in the previous or next week. |
+|Home/End| Moves focus to the first or last focusable day in the calendar grid. |
+|Enter/Space| Selects the currently focused date. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+
+
+
+## WAI-ARIA
+
+{{ 'aria-attributes' | recurringText }}
+
+
+
+|Attribute | Value | Description |
+|-|-|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+|`aria-label`|string| Defines a string that labels the calendar. Useful when the calendar is used standalone, without a surrounding labelled control. |
+|`aria-labelledby`|string| References the ID of the element that labels the calendar. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
diff --git a/website/src/categories/components/calendar/calendar.json b/website/src/categories/components/calendar/calendar.json
new file mode 100644
index 0000000000..6fa2f9ffa0
--- /dev/null
+++ b/website/src/categories/components/calendar/calendar.json
@@ -0,0 +1,16 @@
+{
+ "layout": "categories/components/components.njk",
+ "tags": "calendar",
+ "componentStatus": "draft",
+ "componentTagName": [
+ {
+ "name": "Calendar",
+ "selector": "sl-calendar"
+ },
+ {
+ "name": "Month view",
+ "selector": "sl-month-view"
+ }
+ ]
+}
+
diff --git a/website/src/categories/components/calendar/calendar.md b/website/src/categories/components/calendar/calendar.md
new file mode 100644
index 0000000000..b2d2dcb839
--- /dev/null
+++ b/website/src/categories/components/calendar/calendar.md
@@ -0,0 +1,15 @@
+---
+title: Calendar
+description: The Calendar component displays a month view that lets users browse and select a date. It supports min/max constraints, disabled dates, indicator dates, week numbers and locale-aware formatting, and can be used standalone or embedded in other components such as the Date Field.
+componentType: form
+shortDescription: Calendar for browsing and selecting a date.
+layout: "categories/components/components.njk"
+tags: component
+packageName: calendar
+storybookCategory: form
+eleventyNavigation:
+ parent: Components
+ key: Calendar
+ status: new
+---
+
diff --git a/website/src/categories/components/calendar/code.md b/website/src/categories/components/calendar/code.md
new file mode 100644
index 0000000000..b75d680fea
--- /dev/null
+++ b/website/src/categories/components/calendar/code.md
@@ -0,0 +1,45 @@
+---
+title: Calendar code
+tags: code
+APIdescription: {
+ sl-calendar: "Calendar component that combines day, month and year selection views to pick a date. Used internally by the date field, but can also be used standalone.",
+ sl-month-view: "A component that renders a single month grid without navigation controls. Used internally by sl-select-day and can be used to compose custom calendar layouts."
+}
+eleventyNavigation:
+ parent: Calendar
+ key: CalendarCode
+---
+
+
+
+
+
+
+
+
+ ```html
+
+ ```
+
+
+
+
+
+
+
+
+
+## Localization
+
+Month names, day names and the first day of the week follow the active locale (via `Intl.DateTimeFormat`).
+
+You can override the first day of the week with the `first-day-of-week` attribute (`0` for Sunday, `1` for Monday, etc.).
+
+
+
+{% include "../component-table.njk" %}
+
diff --git a/website/src/categories/components/calendar/usage.md b/website/src/categories/components/calendar/usage.md
new file mode 100644
index 0000000000..fb5f54ffee
--- /dev/null
+++ b/website/src/categories/components/calendar/usage.md
@@ -0,0 +1,193 @@
+---
+title: Calendar usage
+tags: usage
+eleventyNavigation:
+ parent: Calendar
+ key: CalendarUsage
+---
+
+
+
+
+
+
+
+
+
+ ```html
+
+ ```
+
+
+
+
+
+
+
+## When to use
+
+The following guidance describes when to use the calendar component.
+
+### Visual date selection
+Use the Calendar when users benefit from seeing dates in a full month view. This is useful when context such as weekdays, weekends, holidays, deadlines, or already booked days helps users make a clear date choice.
+
+### Browsing dates
+Use the Calendar when users need to browse and orient themselves in time, for example to check which weekday a date falls on or to navigate between months and years before selecting a date.
+
+### Date navigation
+Use the Calendar anywhere users need to navigate through dates and make a selection. This is useful when users need to move between months or years, explore available dates, or choose a date within a broader date-based workflow.
+
+
+
+
+
+## When not to use
+
+The Calendar may not be the best choice in the following scenarios:
+
+### Date selection
+Calendar is a standalone date navigation component designed for browsing and navigating days, months, and years in date-related content, rather than for simple date entry or relative timeframe selection. Use the [Date Field](/categories/components/date-field/usage) when users need to enter a specific date, and use radio buttons, a segmented control, or a select for relative periods.
+
+
+
+
+
+## Anatomy
+
+
+
+|Item|Name| Description | Optional|
+|-|-|-|-|
+|1|Header|Displays the current month and year and the navigation controls.|no|
+|2|Navigation buttons|Move to the previous or next month (and optionally year).|no|
+|3|Weekday row|Localized day-of-week labels.|no|
+|4|Week numbers|ISO week numbers next to each row.|yes|
+|5|Grid|Grid of selectable days, month or year visible. |yes|
+|6|Today indicator|Visual marker for today's date.|yes|
+|7|Indicator dates|Visual markers for highlighted dates (e.g. events).|yes|
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+
+
+
+## States
+
+- **Idle:** No date selected or with a selected date highlighted.
+- **Hover:** Visual hover effects on focusable days.
+- **Focus:** Display the focus ring on the focused day.
+- **Selected:** Highlighted styling on the selected date.
+- **Disabled day:** Days outside `min` / `max` or in `disabled-dates` are styled as non-selectable.
+- **Disabled (whole calendar):** Non-interactive, muted.
+- **Read-only:** Visible state, no interaction.
+
+
+
+
+
+## Figma Properties
+
+These properties describe the Figma setup for the Calendar. Some properties represent real component behaviour, while others are only used to preview or compose the component in Figma.
+
+### sl-calendar
+
+Main component used to compose the Calendar and preview its available views.
+
+
+
+| Item | Options | Description |
+| ------ | ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| View | `Days` `Months` `Years` | Switches the Calendar preview between day, month, and year selection views. |
+| Footer | `boolean` | Figma-only composition property. The footer is not part of the current code component and should move to the Date Field or Range Field Picker composition. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+### cal-header
+
+Nested header component used to preview which view-switching buttons are available in the Calendar header.
+
+
+
+| Item | Options | Description |
+| ------------- | --------- | -------------------------------------------------------- |
+| Month Button | `boolean` | Shows or hides the month button in the Calendar header. |
+| Year Button | `boolean` | Shows or hides the year button in the Calendar header. |
+| Decade Button | `boolean` | Shows or hides the decade button in the Calendar header. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+### date-cal-days_grid
+
+Nested day grid component used to preview the day view layout.
+
+
+
+| Item | Options | Description |
+| ------------ | --------- | -------------------------------------------- |
+| Weeks Number | `boolean` | Shows or hides week numbers in the day grid. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+### cal-months_grid
+
+Nested month grid component used to compose the month selection view.
+
+
+
+| Item | Options | Description |
+| ---------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------- |
+| Month grid | `nested component` | Displays selectable months when the Calendar is shown in the month view. No exposed Figma property was provided in the current screenshots. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+### cal-years_grid
+
+Nested year grid component used to compose the year selection view.
+
+
+
+| Item | Options | Description |
+| --------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
+| Year grid | `nested component` | Displays selectable years when the Calendar is shown in the year view. No exposed Figma property was provided in the current screenshots. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+
+
+
+## Behavior
+
+### Selecting a date
+Click a day or focus it with the keyboard and press `Enter` / `Space` to select it.
+
+### Navigating through dates
+Use the navigation buttons in the header to move between months and years. In the calendar grid, use arrow keys to move by day or week, and `Home` / `End` to move to the first or last focusable day in the grid.
+
+### Day indicators
+Calendar day buttons can display different visual indications to help users understand the status of a date. When `show-today` is set, today's date is visually highlighted to help users orient themselves in the current month. Dates included in `indicator-dates` display a visual marker without changing their interactivity, which is useful for highlighting events, deadlines, or notifications. Dates included in `disabled-dates`, or dates outside the configured `min` and `max` range, remain visible in the grid but are shown as unavailable and cannot be selected.
+
+
+
+
+
+## Related components
+- [Date Field](/categories/components/date-field/usage): Input field that combines free typing with a calendar popover.
+- [Time Field](/categories/components/time-field/usage): Companion component for selecting a time.
+
+
diff --git a/website/src/categories/components/callout/callout.md b/website/src/categories/components/callout/callout.md
index cb4aa23241..a257a56f83 100644
--- a/website/src/categories/components/callout/callout.md
+++ b/website/src/categories/components/callout/callout.md
@@ -10,6 +10,6 @@ storybookCategory: layout
eleventyNavigation:
parent: Components
key: Callout
- status: new
+ status: ready
---
diff --git a/website/src/categories/components/date-field/accessibility.md b/website/src/categories/components/date-field/accessibility.md
new file mode 100644
index 0000000000..8c224433f2
--- /dev/null
+++ b/website/src/categories/components/date-field/accessibility.md
@@ -0,0 +1,61 @@
+---
+title: Date field accessibility
+tags: accessibility
+eleventyNavigation:
+ parent: Date field
+ key: DateFieldAccessibility
+---
+
+
+## Keyboard interactions
+
+The date field supports keyboard navigation for both the input and the calendar popover.
+
+
+
+| Command | Description |
+|--------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| Tab | When focus is outside the date field, moves focus to the input. If focus is on the input, pressing Tab moves to the calendar trigger button, then to the next focusable element. |
+| Space/Enter (on button) | Toggles the calendar popover when the button has focus. |
+| Escape | Closes the calendar popover. |
+| Arrow Left/Right (in calendar) | Moves focus to the previous or next day. |
+| Arrow Up/Down (in calendar) | Moves focus to the same day in the previous or next week. |
+| Home/End (in calendar) | Moves focus to the first or last focusable day in the calendar grid. |
+| Enter/Space (in calendar) | Selects the currently focused date. Closes the popover unless `require-confirmation` is set. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+
+
+
+## WAI-ARIA
+
+{{ 'aria-attributes' | recurringText }}
+
+
+
+|Attribute | Value | Description |
+|-|-|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+|`aria-label`|string| Defines a string that labels the date field. Required when not wrapped with `sl-form-field` and there is no `sl-label` component. |
+|`aria-labelledby`|string| References the ID of the element that labels the date field. |
+|`aria-required`|boolean| Informs the user that an element is required. When set to ‘true’, screen readers notify users that the element is required. If there is already a `required` attribute added, it is recommended to avoid adding `aria-required`. |
+|`aria-disabled`|boolean| Announces the date field as disabled with a screen reader. See note below about difference from the `disabled` attribute. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+**Notes:**
+
+1. The `aria-disabled` should not be used as a one-for-one replacement for the `disabled` attribute because they have different functionalities:
+
+- The `disabled` attribute dims the date field visually, removes it from tab focus, prevents all interactions, and announces it as disabled.
+- The `aria-disabled` attribute only announces the disabled state but doesn't prevent interaction or remove focus.
+
+Use `disabled` for true disabled states, use `aria-disabled` only if you need the element to remain in the tab sequence for specific accessibility reasons.
+
+
+
diff --git a/website/src/categories/components/date-field/code.md b/website/src/categories/components/date-field/code.md
new file mode 100644
index 0000000000..9f57505bd8
--- /dev/null
+++ b/website/src/categories/components/date-field/code.md
@@ -0,0 +1,43 @@
+---
+title: Date field code
+tags: code
+APIdescription: {
+ sl-date-field: "Date input for forms with a built-in calendar popover. Includes a range of configurable properties for different use cases."
+}
+eleventyNavigation:
+ parent: Date field
+ key: DateFieldCode
+---
+
+
+
+
+
+
+
+
+ ```html
+
+ ```
+
+
+
+
+
+
+
+
+
+## Localization
+
+The date format and first day of the week follow the active locale (via `Intl.DateTimeFormat`).
+
+You can set `first-day-of-week` to choose the week start (`0` for Sunday, `1` for Monday, etc.).
+
+
+
+{% include "../component-table.njk" %}
+
diff --git a/website/src/categories/components/date-field/date-field.json b/website/src/categories/components/date-field/date-field.json
new file mode 100644
index 0000000000..c56878d705
--- /dev/null
+++ b/website/src/categories/components/date-field/date-field.json
@@ -0,0 +1,12 @@
+{
+ "layout": "categories/components/components.njk",
+ "tags": "date-field",
+ "componentStatus": "draft",
+ "componentTagName": [
+ {
+ "name": "Date field",
+ "selector": "sl-date-field"
+ }
+ ]
+}
+
diff --git a/website/src/categories/components/date-field/date-field.md b/website/src/categories/components/date-field/date-field.md
new file mode 100644
index 0000000000..639cbb8c88
--- /dev/null
+++ b/website/src/categories/components/date-field/date-field.md
@@ -0,0 +1,15 @@
+---
+title: Date field
+description: The Date Field allows users to enter a date by typing or by picking it from an integrated calendar popover. It supports configurable min/max constraints, locale-aware formatting, and a select-only mode that disables free typing.
+componentType: form
+shortDescription: Date input with integrated calendar popover and validation.
+layout: "categories/components/components.njk"
+tags: component
+packageName: date-field
+storybookCategory: form
+eleventyNavigation:
+ parent: Components
+ key: Date field
+ status: new
+---
+
diff --git a/website/src/categories/components/date-field/usage.md b/website/src/categories/components/date-field/usage.md
new file mode 100644
index 0000000000..8150f15982
--- /dev/null
+++ b/website/src/categories/components/date-field/usage.md
@@ -0,0 +1,242 @@
+---
+title: Date field usage
+tags: usage
+eleventyNavigation:
+ parent: Date field
+ key: DateFieldUsage
+---
+
+
+
+
+
+
+
+
+
+ ```html
+
+ ```
+
+
+
+
+
+
+
+## When to use
+
+The following guidance describes when to use the date field component.
+
+### Precise date entry
+Use the Date Field when the task requires an exact date and you want to combine fast typing with visual confirmation through a calendar popover. It is ideal for booking dates, deadlines, birthdays, appointments, and any workflow where the date must be unambiguous.
+
+### Constrained date selection
+Use the Date Field when only a specific date range is valid, for example, future dates only, dates within a school year, or dates between a start and end. The `min` and `max` attributes communicate the valid range visually in the calendar and through validation.
+
+
+
+
+
+
+## When not to use
+
+Date fields may not be the best choice in the following scenarios:
+
+### Relative timeframes
+Avoid the Date Field when only approximate periods or relative notions of time are needed (e.g., "next week", "this month", "in three days"). In these cases, prefer select or radio buttons that reflect a relative period.
+
+### Date ranges
+For selecting a start and end date together, prefer a dedicated date range picker rather than two separate date fields, when available.
+
+### Only calendar
+Do not use the Date Field when the date selection needs to be shown directly in the layout instead of inside a dropdown. Use the [Calendar](/categories/components/calendar/) when the visual date picker is the main interaction.
+
+
+
+
+
+
+## Anatomy
+
+
+
+|Item|Name|Description|Optional|
+|-|-|-|-|
+|1|Label|Describes the purpose of the field and helps users understand which date to enter.|yes|
+|2|Input field|Main input area where users can type a date or view the selected value.|no|
+|3|Placeholder|Hint shown inside the field when no value is selected, usually showing the expected date format.|yes|
+|4|Picker button|Icon-only button that opens the Picker dropdown for visual date selection.|no|
+|5|Clear button|Icon-only button that appears when a date is selected and clears the current value.|yes|
+|6|Picker|Dropdown connected to the field that contains the Calendar and optional picker panels.|yes|
+|7|Calendar|Visual date picker used inside the Picker to navigate and select a date.|yes|
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+
+
+
+## States
+
+These states describe what users see when the Date Field is available.
+
+- **Idle:** Empty, showing the placeholder, or with a formatted date as the value if the field is filled.
+- **Hover:** Visual hover effects that show the user that the field is interactive.
+- **Focus:** Display the focus ring. It's shown when the field is active by clicking or keyboard navigation.
+- **Invalid:** When an incorrect or out-of-range value is entered, the field is styled to indicate the error.
+- **Disabled:** Non-interactive, the field is visible but unavailable for interaction.
+
+
+
+
+
+
+## Figma Properties
+
+These properties describe the Figma setup for the Date Field. Some properties represent real UI behaviour, while others are only used to preview or compose the component in Figma.
+
+
+### sl-date_field
+
+Main component used to compose the Date Field and preview the closed or open Picker state.
+
+
+
+| Item | Options | Description |
+| --- | --- | --- |
+| Open | `false` `true` | Figma-only preview property that shows or hides the Picker dropdown. The open state is triggered by interaction in the product UI. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+### sl-date_field-variants
+
+Nested field component used to control the visible field content, label visibility, and clear action in Figma.
+
+
+
+| Item | Options | Description |
+| --- | --- | --- |
+| Text | `text` | Figma text property for the visible field value. Represents the selected or typed date shown in the field. |
+| Placeholder text | `text` | Figma text property for the placeholder shown when the field has no value. |
+| Label | `boolean` | Shows or hides the label above the field. |
+| Clear | `boolean` | Shows or hides the clear button in Figma. In product UI, the clear button appears when a date is selected. |
+| Variant | `Default` | Main visual style currently represented in Figma. |
+| Size | `MD` | Figma size property. The current component setup represents the medium field size. |
+| Placeholder | `false` | Figma setup property for previewing the placeholder state. The product UI should rely on the field value and placeholder text. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+### sl-base-label
+
+Nested label component used to configure the label content, hint, and optional information shown above the field.
+
+
+
+| Item | Options | Description |
+| --- | --- | --- |
+| Label | `text` | Sets the label text. |
+| Show Info | `boolean` | Shows or hides the info icon next to the label. |
+| Show Hint | `boolean` | Shows or hides the hint text. |
+| Hint | `text` | Sets the hint content shown with the label. |
+| Optional | `false` | Figma property present in the nested label setup. Not currently exposed as an alternative option in this component. |
+| Required | `false` | Figma property present in the nested label setup. Not currently exposed as an alternative option in this component. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+### sl-date-calendar
+
+Nested Calendar component shown inside the Picker. It is shared with the Range Field and controls the visual date selection experience.
+
+
+
+| Item | Options | Description |
+| --- | --- | --- |
+| View | `Days` `Months` `Years` | Switches the Calendar between day, month, and year selection views. |
+| Footer | `boolean` | Shows or hides the footer area for quick actions such as selecting today or clearing the date. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+### Calendar Day Grid
+
+Nested Calendar properties are used to compose and preview date, month, and year selection states inside Figma.
+
+
+
+| Item | Options | Description |
+| --- | --- | --- |
+| Weeks Number | `boolean` | Shows or hides week numbers in the day grid. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+### Calendar Day Toggle Button
+
+Nested Calendar properties are used to compose and preview date, month, and year selection states inside Figma.
+
+
+
+| Item | Options | Description |
+| --- | --- | --- |
+| Type | `Default` `Secondary` `Disabled` | Previews the visual role or availability of Calendar items. |
+| Selected | `False` `True` | Previews whether a day, month, or year item is selected. |
+| Today Indicator | `boolean` | Shows the marker for today in the day view. |
+| Focus | `boolean` | Shows the focus ring for a Calendar item. |
+| Event Indicator | `boolean` | Shows a small indicator under a day item. |
+| Current Indicator | `boolean` | Shows the marker for the current month or year. |
+
+{.ds-table .ds-table-align-top}
+
+
+
+
+
+
+
+
+## Behavior
+
+### Free Typing (Default)
+Users can type only numbers in the day, month, and year segments. The date is checked when focus leaves the field, and errors are shown then.
+
+### Calendar popover
+Click the calendar icon button or press `Space`/`Enter` on it to open the popover. Use the keyboard or pointer to focus a date and press `Enter` to select it. Pressing `Escape` closes the popover and returns focus to the input.
+
+### Select-only mode
+When `select-only` is set, the input becomes read-only and users can only pick a date through the calendar popover. This is useful when you want to enforce valid input without relying on typed values.
+
+### Min and max dates
+Dates outside the configured `min` / `max` range are disabled in the calendar and rejected by validation when typed.
+
+### Require confirmation
+When `require-confirmation` is set, the user must explicitly confirm the selected date in the calendar using the confirm button in the popover footer before it is set as the field value. This is useful in workflows where accidental selection could trigger an action.
+
+
+
+
+
+## Related components
+- [Calendar](/categories/components/calendar/usage): Standalone calendar for date selection or date browsing.
+- [Time Field](/categories/components/time-field/usage): Companion component for selecting a time.
+- [Text Field](/categories/components/text-field/usage): For free-form text input.
+
+
+
diff --git a/website/src/categories/components/tool-bar/tool-bar.md b/website/src/categories/components/tool-bar/tool-bar.md
index 9ed6a26cae..bd766c9c8c 100644
--- a/website/src/categories/components/tool-bar/tool-bar.md
+++ b/website/src/categories/components/tool-bar/tool-bar.md
@@ -10,7 +10,7 @@ storybookCategory: actions
eleventyNavigation:
parent: Components
key: Tool bar
- status: new
+ status: ready
---
diff --git a/website/src/ts/scripts/slds-components.ts b/website/src/ts/scripts/slds-components.ts
index 67ba7352ad..7b8d9f8b93 100644
--- a/website/src/ts/scripts/slds-components.ts
+++ b/website/src/ts/scripts/slds-components.ts
@@ -61,11 +61,13 @@ import '@sl-design-system/badge/register.js';
import '@sl-design-system/breadcrumbs/register.js';
import '@sl-design-system/button/register.js';
import '@sl-design-system/button-bar/register.js';
+import '@sl-design-system/calendar/register.js';
import '@sl-design-system/callout/register.js';
import '@sl-design-system/card/register.js';
import '@sl-design-system/checkbox/register.js';
import '@sl-design-system/combobox/register.js';
import { ArrayListDataSource, FetchListDataSource, FetchListDataSourceError } from '@sl-design-system/data-source';
+import '@sl-design-system/date-field/register.js';
import '@sl-design-system/dialog/register.js';
import '@sl-design-system/drawer/register.js';
import '@sl-design-system/editor/register.js';