Release notes โ
...
Version 1.0 โ
Expected for 2024 Q3
Beta phase โ
0.7.0 โ
Release date: 2024-09
- New documentation.
0.6.0 โ
Release date: 2024-07
Revamped components:
New components:
0.5.0 โ
Release date: 2024-06
New features:
- Figma plugin feature for code parsing for some of the components.
Revamped components:
New components:
0.4.4 โ
Release date: 2024-05-23
- Even more images from BlueRoom available, and added to the Figma plugin.
0.4.3 โ
Release date: 2024-05-15
- General fixes:
- CDN re-routing for Zurich images fixed.
- Missing props in some Angular components.
- Issue with the root for the Zurich images.
- Missing playground parsers.
Button
disabled
style.- Typing for
custom
attribute in Angular components.
0.4.2 โ
Release date: 2024-05-13
More images from BlueRoom available.
New images also added to the Figma plugin.
New features:
- Figma plugin injects also the BlueRoom images as paint styles on selection.
- WC
Promo
andStage
can now modify theirShapes
or remove them. ZurichImage
values in theimage-src
attributes of web components can be used.- You can now define
quality
androtate
for theZurichImage
. ZurichImage
can infer retina screens to improve the image quality.๐ฑ
badge added to components with React native implementation.
General fixes:
- WC
Shape
has better theme mechanics. - Fixes in variables overrides for dark theme.
- Disableable
Calendar
. - Fixed event of
ProgressTracker
in React. - Optimization in CSS for fonts.
- ES6 compilation of
@zurich/dev-utils
for better compatibility. - Improvements in the compilations of
@zurich/design-tokens
- Better dependency chain in the installation of packages
- WC
0.4.1 โ
Release date: 2024-05-8
New features:
๐
badge added to new components of current minor version.- Angular form components can now use reactive forms.
General fixes:
- Fixed reflect attribute issue with boolean inputs.
- Fixed value assignations for some inputs.
- Fixed events for WwbComponent inputs in React.
- Fixed missing
custom
to props in some Angular components. - Typing improvements in Angular components.
- Fixed
ZurichImage
cropping mechanics.
0.4.0 โ
Release date: 2024-04-26
New packages:
New tool: Figma plugin. We will deliver new features as they are fully tested. The current ones are:
- BlueRoom images injection using ZDS CDN.
- Direct access to the components' documentation in one click.
Breaking changes!:
- Angular components are no longer available under
@zurich/web-components/angular
. - Everything about versions before
0.3.0
removed from the CDN. - Fonts names use now number instead of T-shirt sizes to match Figma.
- Angular components are no longer available under
New features:
- Angular Components can now access the WebComponent using
templateRef
. isDirty
,isInvalid
, andisTouched
properties for WebComponent Inputs.- Headings override is now an optional feature.
- New documentation listing the available function in
@zurich/dev-utils
. - New troubleshooting documentation listing errors solved by other teams for their configurations.
- WebComponents can how receive the customization variables for an instance using the
custom
attribute. UAT documentation
shown now the upcoming components for early testers.
- Angular Components can now access the WebComponent using
Revamped components:
- โ
Breadcrumbs
- โ
FloatingBanner
- โ
ProgressBar
- โ
Promo
- โ
Slider
- โ
ProgressTracker
- โ
Sidebar
- โ
Stage
- โ
StageBanner
- โ
Tabs
- โ
New components:
- โ
ButtonGroup
- โ
Calendar
- โ
CheckboxGroup
- โ
Request
- โ
ZurichImage
- โ
General fixes:
- Type issues in
@zurich/web-components
. - Better structure for the
@zurich/web-components
package. - Angular component binding in Playground.
@zurich/dev-utils
compiled for ES6 to be used with old tooling.Select
dropdown issue.
- Type issues in
0.3.10 โ
Release date: 2024-04-18
Docs using Vitepress 1.1.0.
Improvements in deployment times.
Breaking changes!:
- Angular components using two-way data binding change the name of the property from
value
tongModel
to match the standard.
- Angular components using two-way data binding change the name of the property from
General fixes:
- Fixed bug with update in WebComponents for checked inputs. This comes from a CSS bug.
- Fixed layout scaling for
RadioSelect
. - Fixed
Form
config spread. - Content issue in
Modal
WebComponent.
0.3.9 โ
Release date: 2024-04-17
- General fixes:
- Fixed
Illegal constructor
issue with Angular components. - Fixed
z-theme
andeditable
for Angular components. - Fixed
PasswordInput
label behavior. Accordion
custom tokens.
- Fixed
0.3.8 โ
Release date: 2024-04-16
Improvements in the bundling and optimization of the components.
Locals assets in packages for JSDocs.
Documentation:
- Code examples for WebComponents.
- More detailed explanations about params for WebComponents.
- Slots documentation.
New features:
- Named slots option for Web Components.
- Breakpoints SCSS tooling.
- Custom card shadows.
- Visibility toggle for
PasswordInput
added. - Test approach for BlueRoom integration.
Button
has now link capabilities.
Breaking changes!:
SegmentControl
model uses nowstring
.Icon
z-icon
property partially changed toicon
(for optimization).icon
attributes foroutlined
version changed from:outline
to:line
for optimization.Pictogram
dark
version is set in thepictogram
property and not fromz-theme
.- CDN outlined icons now end with
--o.svg
instead of--outline.svg
for optimization. m
is now defaults size forInputs
.
General fixes:
0.3.7 โ
Release date: 2024-03-21.
New icons available.
Documentation:
- WebComponents and CSS implementations docs separated.
- Step by step construction indication for the CSS components HTML.
- More consistent CSS code examples.
- Code examples for CSS Components.
- Simplified parametrization using editable components.
Breaking changes!:
accordion-size
ofAccordion
changed toconfig
.state
ofToast
changed toconfig
.icon-left
ofButton
changed toicon-right
.RadioSelect
CSS version uses nowfieldset
.Dropdown
renamed to toDropdownMenu
.Button
alert
variant removed.SafeSpace
config
attribute order changed.Tag
color
attribute changed tofill
.
New features:
wide
option forButton
.autocomplete
forInputs
.icon
forTextInput
andNumberInput
.- sizeable
Pictogram
. - Casters and manipulation helpers in
@zurich/dev-utils
. - Editable components.
min
andmax
forDateInput
andTimeInput
.
General fixes:
- In-component theme specificity.
- Fixed typing for React and Vue components.
- CDN versions from NPM automation.
Button
link glitch on hover.DateInput
hit-box and padding.Pictogram
background.Checkbox
avoids icon use.Button
dark theme adjusted to current design.DropdownMenu
hover mechanics adjusted.Shape
WebComponent dark mode.- Background color on invalid for
Checkbox
andSwitch
. - General fixes for
ArticleCard
andActionCard
. checked
for WC version ofBooleanIcon
,Checkbox
andSwitch
.
0.3.6 โ
Release date: 2024-03-06.
Documentation:
- Layout and content improvements in the guidelines' documentation.
- Better HTML examples.
New features:
- Validation mechanisms for
Inputs
. - Readonly for
Chip
. - Dark version of
Shape
. Profile
,Image
, andSafeSpace
for require explicitonerror
callbacks if scripts is used.- Scripts added for
@zurich/css-components
to ease the use of some components like theSlider
orTextarea
and add extra functionality toInputs
.
- Validation mechanisms for
Breaking changes!:
General fixes:
- Fixes in layouts of all
Inputs
. - Small fixes in many
Atoms
. - Fixed issues of
Profile
. - Fixed sizes of CSS
Icon
. - General fixes in visuals of components.
- Easier import mechanisms.
- Fix when importing Angular components in
@zurich/web-components
. - Imports also refer to the necessary styles.
- Fixes in layouts of all
0.3.5 โ
Release date: 2024-02-26.
- Fix type dependency for
@zurich/dev-utils
.
0.3.4 โ
Release date: 2024-02-26.
Fixed issue with installation of packages.
Clarifications of the
Inputs
localization.Explanation for the use of complex attributes in HTML with Web Components.
New features:
- Boolean
Inputs
implementchecked
now, with prevalence overvalue
.
- Boolean
General fixes:
0.3.3 โ
Release date: 2024-02-23.
The default documentation page of the component is now the
Guidelines
.Code
is nested under this one.@zurich/dev-utils
exports now code parsers and types for the components.New languages added to locales.
General refactor done for better performance and typing.
New documentation.
Breaking changes!:
Badge
z-color
attribute changed tofill
.Profile
profile-status
attribute changed tostatus
.Profile
,Avatar
, andAvatarList
CSS implementations are simpler and easier.
General fixes:
0.3.1 and 0.3.2 โ
Release date: 2024-02-16.
- Fixed issue with the DNS address pointing to the stage environment.
0.3.0 โ
Release date: 2024-02-16.
New documentation.
- Playgrounds can now change the global locale when required.
Breaking changes!:
- In order to ensure consistency, respect the standard and avoid rendering problems, we have transformed all the attributes and properties casing to
kebab-case
. Isotype
component renamed asSmilingZ
.- APIs of
SmilingZ
andLogo
have changed. - Easier CSS implementation for
SafeSpace
andSegmentedControl
.
- In order to ensure consistency, respect the standard and avoid rendering problems, we have transformed all the attributes and properties casing to
New resources available: the
@zurich/dev-utils
package now provides SCSS variables for Icons and Pictograms.Revamped components:
- โ
Accordion
- โ
ActionCard
- โ
Alert
- โ
ArticleCard
- โ
Avatar
- โ
AvatarList
- โ
Card
- โ
Modal
- โ
Quote
- โ
Select
- โ
ShareBar
- โ
New components:
- โ
BooleanIcon
- โ
Dropdown
- โ
Fieldset
- โ
Form
- โ
Link
- โ
Pagination
- โ
Additions:
General fixes:
- Fixes in documentation images and optimization.
- Fixes in the icon masks.
- Fixes with icon fallbacks.
- Better components customization.
- Fixes with inputs' hit-boxes.
- Fixed
Time
component for frameworks. - Fixes in the slotted version of some web components.
- Fixes in CDN import chain.
- Fixes in Web Components isolated use.
- Fixes with React dependency.
- Fixed icon size for
Badge
. - Fixed sizes for
Button
. - Lighter implementation for
SmilingZ
,Logo
, andProfile
. - Fixed
Shape
flip in WebComponents. - Fixed
SegmentedControl
errors.
0.2.3 โ
Release date: 2024-02-2.
You can now use JSX Elements inside some of the attributes of
@zurich/web-components/react
components. Check the info hereNew packages:
General fixes:
- Corrections added in the documentation for the Vue 2 compatibility mode.
- More styling and CSS properties corrections.
- More custom properties added.
- Fixes in the spread of semantic tokens.
- Fixes in the
Profile
andSafeSpace
components with the fallbacks. - Dark mode for
Logo
andIsotype
components. - Fixed
Rating
component. - Several events fixed for input components.
0.2.2 โ
Release date: 2024-01-31.
Component implementations for
@zurich/react-native
:New
@zurich/react-native
component:ZrText
, a wrapper forText
to handle fonts and themes.General fixes:
- Better routing in the documentation.
- Documentation routing aliases added.
- Version indicator in nav bar.
- Type fixes for
@zurich/design-tokens
.
Fixes in
@zurich/web-components
and@zurich/css-components
:- Fixes in several CSS properties and customization.
- General optimization of the CSS.
- Fixed issues with Angular for slotted variants.
Fixes in
@zurich/react-native
:- Fixed types for TypeScript.
- Fixed
ZrThemeProvider
name. - Added explanation for
ZrThemeProvider
in docs.
0.2.1 โ
Release date: 2024-01-29.
Component implementations for
@zurich/react-native
:New
@zurich/react-native
component:ZrThemeProvider
, to handle themes.Changes:
- React components use
Zr
as prefix to avoid recursion and render problems.
- React components use
Fixes in
@zurich/web-components
:- React inputs
onChange
andonInput
callbacks properly working for all.
- React inputs
0.2.0 โ
Release date: 2024-01-26.
New packages:
New documentation.
- Reworked installation documentation for the packages to fit the changes.
- Frequently Asked Questions.
Changes:
- Vue components use
zv-
as prefix to avoid recursion problems. @zurich/web-components
and@zurich/css-components/styles.css
no longer require the import of@zurich/design-tokens
@zurich/design-tokens/index.css
and@zurich/css-components/index.css
imports simplified to@zurich/design-tokens
and@zurich/css-components
- ZurichSans as default font in
@zurich/design-tokens
with fallbacks.
- Vue components use
Fixes in
@zurich/web-components
:v-model
working form Vue components.- Fixed the compilation of the assets gathering per environment for the WebComponents
- Fixed the compilation of the Angular components.
- Fixed the compilation of the Vue components.
- Fixed the types for Angular components.
- Fixed the types for Vue components.
- Optimizations in the compiled files.
0.1.2 โ
Release date: 2024-01-22.
Fixes:
- Solving Angular rendering in deployment environments
- Fix
SegmentedControl
for frameworks. - Fix
disabled
forNumberInput
- Fix some theming issues for inputs.
- Fix documentation typos.
0.1.1 โ
Release date: 2024-01-19.
Fixes:
- Fixes with the CDN and the routing
- Major fixes with the versioning of packages
0.1.0 โ
Release date: 2024-01-19.
Infrastructure:
- New UAT (stage) environment under:
https://stage.zds.zurich.com/
. Requires to be inside Zurich's network. - New PROD environment under:
https://zds.zurich.com/
- CDN system for assets distribution. Check how to use it here.
- New UAT (stage) environment under:
New documentation.
New assets:
- Reworked Zurich Sans fonts for legibility.
- More than 1.200 reworked icons.
- More than 250 pictograms with two different contracts versions.
- Theme responsible favicon.
New packages:
Revamped components:
New components: