Changelog

All notable changes to this project will be documented in this file.

2.4.0

Released on: 2025-02-10

🚀 New Features

Add tokens for fieldset in date-input (#392) (b1792ca)

2.3.0

Released on: 2025-02-06

🚀 New Features

Add search tokens for width, height and placeholder colour (#389) (e807d03)

🐛 🔧 Bug Fixes

Breadcrumb item margins (#390) (7a40f9a)

2.2.0

Released on: 2025-01-30

🚀 New Features

Add breadcrumb item font token (#380) (c4526e5)
Update language toggle tokens for mandatory elements alignment (#379) (9323afb)
Update search component tokens (#382) (5e624d1)

🐛 🔧 Bug Fixes

adjust language-toggle padding to match design (#383) (b20b9ea)

⛔ Remove

Remove search component tokens (#384) (8c3d4d1)
- --gcds-search-border-radius
- --gcds-search-focus-border-radius
- --gcds-search-font-desktop
- --gcds-search-font-mobile
- --gcds-search-min-width-and-height

2.1.0 (2025-01-14)

⛔ Remove

removed the deprecated grid gap token gcds-grid-gap (see new grid gap value options) (#377) (eba1d0a)

🚀 New Features

add grid gap value options for more flexibility (#375) (23d000c)

Grid Gap Token	Value
gcds-grid-gap-150	0.75rem
gcds-grid-gap-175	0.875rem
gcds-grid-gap-200	1rem
gcds-grid-gap-225	1.125rem
gcds-grid-gap-250	1.25rem
gcds-grid-gap-300	1.5rem
gcds-grid-gap-350	1.75rem
gcds-grid-gap-400	2rem
gcds-grid-gap-450	2.25rem
gcds-grid-gap-500	2.5rem
gcds-grid-gap-550	2.75rem
gcds-grid-gap-600	3rem
gcds-grid-gap-650	3.25rem
gcds-grid-gap-700	3.5rem
gcds-grid-gap-750	3.75rem
gcds-grid-gap-800	4rem

🔄 Code Refactoring

update breadcrumb item margin (#373) (79235ef)

2.0.4

Released on: 2025-01-08

🔄 Code Refactoring

update component spacing (#371) (48d1d2f)

2.0.3

Released on: 2024-12-17

🎨 Styles

improve print design for details component (#367) (6581990)

2.0.2

Released on: 2024-12-16

🔄 Code Refactoring

adjust form element spacing (#365) (e459947)
remove global font token for label (#366) (1a00c70)

2.0.1

Released on: 2024-12-11

🐛 🔧 Bug Fixes

adjust breadcrumbs item margin + details padding after typography & spacing update (#353) (31df600)
updated the Notice heading spacing to use new tokens (#351) (959840d)

2.0.0

Released on: 2024-12-05

🚨 Breaking changes

add new typography and spacing values (#345) (0aebdc1)

We have updated our typography and spacing tokens as part of ongoing efforts to align with Canada.ca Specifications

If you are using this package Upgrade your version number to this release version to receive the changes in font sizes, line heights and spacing values.

Reference the visual mapping table to update your design tokens for margins and paddings. The image/table compares the old spacing token values with the new ones, helping you identify the equivalent token to use. Review the chart to match your current values with their updated counterparts.

What are the changes?

What are the changes?

The following design tokens have new values for font sizes, line heights and spacing.

Font sizes

Desktop

Token	Element	Font size (px)	Font size (rem)	Line height
`gcds-font-sizes-h1`	H1	41px	2.5625rem	117%
`gcds-font-sizes-h2`	H2	39px	2.4375rem	123%
`gcds-font-sizes-h3`	H3	29px	1.8125rem	137%
`gcds-font-sizes-h4`	H4	27px	1.6875rem	133%
`gcds-font-sizes-h5`	H5	24px	1.5rem	133%
`gcds-font-sizes-h6`	H6	22px	1.375rem	145%
`gcds-font-sizes-text`	Label \| Text \| Mono	20px	1.25rem	160%
`gcds-font-sizes-text-small`	Small Text	18px	1.125rem	155%

Mobile

Token	Element	Font size (px)	Font size (rem)	Line height
`gcds-font-sizes-h1-mobile`	H1	37px	2.3125rem	119%
`gcds-font-sizes-h2-mobile`	H2	35px	2.1875rem	125%
`gcds-font-sizes-h3-mobile`	H3	26px	1.625rem	123%
`gcds-font-sizes-h4-mobile`	H4	24px	1.5rem	133%
`gcds-font-sizes-h5-mobile`	H5	22px	1.375rem	127%
`gcds-font-sizes-h6-mobile`	H6	20px	1.25rem	140%
`gcds-font-sizes-text-mobile`	Label \| Text \| Mono	18px	1.125rem	155%
`gcds-font-sizes-text-small-mobile`	Small Text	16px	1rem	150%

Line heights

Desktop

Token	Element	Size	Snapped line height	Line height
`gcds-line-heights-h1`	H1	41px	48px	117%
`gcds-line-heights-h2`	H2	39px	48px	123%
`gcds-line-heights-h3`	H3	29px	40px	137%
`gcds-line-heights-h4`	H4	27px	36px	133%
`gcds-line-heights-h5`	H5	24px	32px	133%
`gcds-line-heights-h6`	H6	22px	32px	145%
`gcds-line-heights-text`	Label \| Text \| Mono	20px	32px	160%
`gcds-line-heights-text-small`	Small text	18px	28px	155%

Mobile

Token	Element	Size	Snapped line height	Line height
`gcds-line-heights-h1-mobile`	H1	37px	44px	119%
`gcds-line-heights-h2-mobile`	H2	35px	44px	125%
`gcds-line-heights-h3-mobile`	H3	26px	32px	123%
`gcds-line-heights-h4-mobile`	H4	24px	32px	133%
`gcds-line-heights-h5-mobile`	H5	22px	28px	127%
`gcds-line-heights-h6-mobile`	H6	20px	28px	140%
`gcds-line-heights-text-mobile`	Label \| Text \| Mono	18px	28px	155%
`gcds-line-heights-text-small-mobile`	Small text	16px	24px	150%

Spacing

Token name	Token value in px
`gcds-spacing-0`	0px
`gcds-spacing-25`	2px
`gcds-spacing-50`	4px
`gcds-spacing-75`	6px
`gcds-spacing-100`	8px
`gcds-spacing-125`	10px
`gcds-spacing-150`	12px
`gcds-spacing-175`	14px
`gcds-spacing-200`	16px
`gcds-spacing-225`	18px
`gcds-spacing-250`	20px
`gcds-spacing-300`	24px
`gcds-spacing-350`	28px
`gcds-spacing-400`^{[^1]}	32px
`gcds-spacing-450`	36px
`gcds-spacing-500`	40px
`gcds-spacing-550`	44px
`gcds-spacing-600`	48px
`gcds-spacing-650`	52px
`gcds-spacing-700`	56px
`gcds-spacing-750`	60px
`gcds-spacing-800`	64px
`gcds-spacing-850`	68px
`gcds-spacing-900`	72px
`gcds-spacing-950`	76px
`gcds-spacing-1000`	80px
`gcds-spacing-1050`	84px
`gcds-spacing-1100`	88px
`gcds-spacing-1150`	92px
`gcds-spacing-1200`	96px
`gcds-spacing-1250`	100px

^1 Baseline value

Changes to some token names

We have deprecated all of our global caption tokens, and have replaced them with text-small instead.

We have added 18 new spacing tokens, and removed support for 3 values (any spacing larger than 100px). See the visual mapping guides below for more information.

Spacing tokens visual mapping guide

If you use any of the tokens listed above, refer to one of the token mapping guides below, to help you update your design tokens for margins and paddings. Tokens used in our gcds-components package will update automatically.

Visual mapping table

This is a mapping table for the spacing tokens. Use this to identify the equivalent token to use for your design if you are using the old spacing tokens.

Token	Old value		New/Updated Tokens	New value
gcds-spacing-0	0px	➡️	gcds-spacing-0	0px
gcds-spacing-50	3px	➡️	gcds-spacing-25	2px
		new	gcds-spacing-50	4px
gcds-spacing-100	6px	➡️	gcds-spacing-75	6px
gcds-spacing-150	9px	➡️	gcds-spacing-100	8px
		new	gcds-spacing-125	10px
gcds-spacing-200	12px	➡️	gcds-spacing-150	12px
gcds-spacing-250	15px	➡️	gcds-spacing-175	14px
		new	gcds-spacing-200	16px
gcds-spacing-300	18px	➡️	gcds-spacing-225	18px
		new	gcds-spacing-250	20px
gcds-spacing-400	24px	➡️	gcds-spacing-300	24px
		new	gcds-spacing-350	28px
		new	gcds-spacing-400	32px
gcds-spacing-450	36px	➡️	gcds-spacing-450	36px
		new	gcds-spacing-500	40px
		new	gcds-spacing-550	44px
gcds-spacing-500	48px	➡️	gcds-spacing-600	48px
		new	gcds-spacing-650	52px
		new	gcds-spacing-700	56px
gcds-spacing-550	60px	➡️	gcds-spacing-750	60px
		new	gcds-spacing-800	64px
		new	gcds-spacing-850	68px
gcds-spacing-600	72px	➡️	gcds-spacing-900	72px
		new	gcds-spacing-950	76px
		new	gcds-spacing-1000	80px
		new	gcds-spacing-1050	84px
		new	gcds-spacing-1100	88px
		new	gcds-spacing-1150	92px
gcds-spacing-700	96px	➡️	gcds-spacing-1200	96px
gcds-spacing-800	120px	🚫
gcds-spacing-900	144px	🚫
gcds-spacing-1000	168px	🚫
		new	gcds-spacing-1250	100px

* 🚫 the values for these tokens have changed and are now deprecated. The old tokens have been re-assigned new values. Contact us if you are using these tokens.

Visual mapping graph

This is a mapping graph for the spacing tokens. Use this to identify the equivalent token to use for your design if you are using the old spacing tokens.

flowchart LR
  subgraph tokens[" "]
    direction LR
    old-tokens["`Old Tokens`"] ~~~ new-tokens["`New Tokens`"]
    old-0(gcds-spacing-0: 0px) --> new-0(gcds-spacing-0: 0px)
    old-50(gcds-spacing-50: 3px) --> new-25(gcds-spacing-25: 2px)
    no-old-50(" "):::invisible ~~~ new-50(gcds-spacing-50: 4px)
    old-100(gcds-spacing-100: 6px) --> new-75(gcds-spacing-75: 6px)
    old-150(gcds-spacing-150: 9px) --> new-100(gcds-spacing-100: 8px)
    nno-old-125(" "):::invisible ~~~ new-125(gcds-spacing-125: 10px)
    old-200(gcds-spacing-200: 12px) --> new-150(gcds-spacing-150: 12px)
    old-250(gcds-spacing-250: 15px) --> new-175(gcds-spacing-175: 14px)
    no-old-200(" "):::invisible ~~~ new-200(gcds-spacing-200: 16px)
    old-300(gcds-spacing-300: 18px) --> new-225(gcds-spacing-225: 18px)
    no-old-250(" "):::invisible ~~~ new-250(gcds-spacing-250: 20px)
    old-400(gcds-spacing-400: 24px) --> new-300(gcds-spacing-300: 24px)
    no-old-(" "):::invisible ~~~ new-350(gcds-spacing-350: 28px)
    no-old-(" "):::invisible ~~~ new-400(gcds-spacing-400: 32px)
    old-450(gcds-spacing-450: 36px) --> new-450(gcds-spacing-450: 36px)
    no-old-500(" "):::invisible ~~~ new-500(gcds-spacing-500: 40px)
    no-old-550(" "):::invisible ~~~ new-550(gcds-spacing-550: 44px)
    old-500(gcds-spacing-500: 48px) --> new-600(gcds-spacing-600: 48px)
    no-old-650(" "):::invisible ~~~ new-650(gcds-spacing-650: 52px)
    no-old-700(" "):::invisible ~~~ new-700(gcds-spacing-700: 56px)
    old-550(gcds-spacing-550: 60px) --> new-750(gcds-spacing-750: 60px)
    no-old-800(" "):::invisible ~~~ new-800(gcds-spacing-800: 64px)
    no-old-850(" "):::invisible ~~~ new-850(gcds-spacing-850: 68px)
    old-600(gcds-spacing-600: 72px) --> new-900(gcds-spacing-900: 72px)
    no-old-950(" "):::invisible ~~~ new-950(gcds-spacing-950: 76px)
    no-old-1000(" "):::invisible ~~~ new-1000(gcds-spacing-1000: 80px)
    no-old-1050(" "):::invisible ~~~ new-1050(gcds-spacing-1050: 84px)
    no-old-1100(" "):::invisible ~~~ new-1100(gcds-spacing-1100: 88px)
    no-old-1150(" "):::invisible ~~~ new-1150(gcds-spacing-1150: 92px)
    old-700(gcds-spacing-700: 96px) --> new-1200(gcds-spacing-1200: 96px)
    old-800(gcds-spacing-800: 120px):::deprecated ~~~ no-new-800(" "):::invisible
    old-900(gcds-spacing-900: 144px):::deprecated ~~~ no-new-900(" "):::invisible
    old-1000(gcds-spacing-1000: 168px):::deprecated ~~~ no-new-1000(" "):::invisible
    no-old-1250(" "):::invisible ~~~ new-1250(gcds-spacing-1250: 100px)
    classDef invisible fill:none,stroke:none;
    classDef hideLinks stroke:none,stroke-width:0,arrowhead:none;
    classDef deprecated stroke:#963939,color:#963939;
    classDef bgcolor fill:#d3d3d3,stroke:none;
    class bgcolor tokens;
  end

Loading

* 🚫 the values for the tokens in red have changed and are now deprecated. The old tokens have been re-assigned new values. Contact us if you are using these tokens.

1.20.2

Released on: 2024-11-04

🔄 Code Refactoring

remove global focus text form color (breaking change) + label, hint and legend (#340) (90da86f)

1.20.1

Released on: 2024-10-23

🔄 Code Refactoring

adjust details tokens (#337) (c3ec9bf)

1.20.0

Released on: 2024-10-02

🚀 New Features

update notice tokens for new icon design (#332) (b6d9b7e)

1.19.1

Released on: 2024-09-24

🐛 🔧 Bug Fixes

Legend font weight in date input (#328) (8edde71)
Update the red flag colour to be fip red (#324) (017f15b)

1.19.0

Released on: 2024-09-13

⚠ BREAKING CHANGES

new tokens for search component mobile text (#321)

🚀 New Features

new tokens for search component mobile text (#321) (f4bdabe)

1.18.1

Released on: 2024-09-12

🐛 🔧 Bug Fixes

various small design bug fixes (#318) (182270f)

1.18.0

Released on: 2024-09-03

🚀 New Features

Add notice component tokens + new colours (#313) (5fb28f1)

🐛 🔧 Bug Fixes

Notice tokens names + add margin token (#315) (24185e5)

1.17.1

Released on: 2024-08-20

🐛 🔧 Bug Fixes

Margin spacing tokens in card component (#310) (6c000e0)

1.17.0

Released on: 2024-08-19

🚀 New Features

Update card and stepper tokens for new designs (#295) (c8da35f)

1.16.1

Released on: 2024-08-13

🐛 🔧 Bug Fixes

fieldset legend required font (#307) (2dad7bf)

1.16.0

Released on: 2024-08-13

🚀 New Features

Add component tokens for gcds-date-input (#301) (33dcdf3)

🐛 🔧 Bug Fixes

update required label font weight + add mobile breadcrumbs item tokens (#304) (4359e16)

1.15.1

Released on: 2024-08-08

🐛 🔧 Bug Fixes

required label font weight (#302) (f940755)

1.15.0

Released on: 2024-07-31

🚀 New Features

add global link visited token (#297) (d344857)

1.14.2

Released on: 2024-07-24

🐛 🔧 Bug Fixes

revert card tokens updates until new card is ready for release (#294) (c1753a1)
revert stepper tokens update until stepper is ready for release (#278) (#293) (24c7436)

🔄 Code Refactoring

update error message design (#292) (a8df46d)

1.14.1

Released on: 2024-07-10

🐛 🔧 Bug Fixes

Add missing component tokens for link and card (#288) (824fdc0)
invalid env for version on slack message (#284) (56ee12e)

🔄 Code Refactoring

remove tokens redundant after CSS rewrite (#230) (d819ecf)

1.14.0

Released on: 2024-07-05

🚀 New Features

Update card tokens to match new design (#283) (92c475f)

🐛 🔧 Bug Fixes

wrong link (#281) (d60be6c)

1.13.4

Released on: 2024-06-27

🔄 Code Refactoring

Update stepper tokens to match new design (#278) (f2abfb8)

1.13.3

Released on: 2024-05-28

🔄 Code Refactoring

change monospace font to noto sans mono (#267) (fee4a06)

1.13.2

Released on: 2024-04-30

🔄 Code Refactoring

remove global black background token (#258) (2071bb2)
update details margin + padding tokens to match new design (#259) (9019e9b)

1.13.1

Released on: 2024-04-23

🐛 🔧 Bug Fixes

update radio check top to be correct value (#254) (9cf2b2b)

1.13.0

Released on: 2024-04-18

🚀 New Features

add global background tokens (#252) (ab6e899)

1.12.2

Released on: 2024-04-10

🔄 Code Refactoring

design updates for input, label, fieldset, radio, checkbox (#247) (121d2f7)

1.12.1

Released on: 2024-03-13

🐛 🔧 Bug Fixes

remove camelCase naming convention from global focus-text-form token (#239) (9203e71)

1.12.0

Released on: 2024-03-06

🚀 New Features

add mobile font-size to link component (#236) (4d7f36d)

1.11.1

Released on: 2024-02-20

🔄 Code Refactoring

remove text-only tokens from button component (#199) (0764dff)

1.11.0

Released on: 2023-11-30

🚀 New Features

add new grid functionality (#205) (cfeb4df)

1.10.1

Released on: 2023-11-08

🧩 Patch

add focus box-shadow to link token (#192) (ca00a31)
update link tokens (#191) (3649eb8)
remove link token focus-border-color (#198) (0e17bf1)

1.10.0

Released on: 2023-11-01

🚀 New Features

add release generator (#180) (9aaacc2)

🔄 Code Refactoring

add new token for link (underline offset) (#185) (75c8769)

1.9.2

Released on: 2023-10-26

🧩 Patch

#177 - 479ca70 - Add focus box-shadow to multiple components.

1.9.1

Released on: 2023-10-25

🧩 Patch

#178 - 9130ec3 - Adds updates for gcds-link tokens.

1.9.0

Released on: 2023-10-19

🚀 New Features

#175 - 946bbfc - Add gcds-text tokens.

🧩 Patch

#175 - 03639c3 - Add character limit tokens for gcds-heading.

1.8.0

Released on: 2023-10-16

🚀 New Features

#173 - 4a20f0b - Add gcds-link tokens.

1.7.0

Released on: 2023-10-10

🚀 New Features

#170 - aec4aa5 - Add mobile font styles.
#170 - edd8c9e - Add gcds-heading tokens.

1.6.1

Released on: 2023-08-31

🧩 Patch

#150 - aea2914 - Details a11y update.

1.6.0

Released on: 2023-08-23

🚀 New Features

#145 - 4a8b152 - Add component tokens for gcds-topic-menu.
#145 - 63b6db3 - Update border tokens + add missing border tokens.

1.5.5

Released on: 2023-08-23

🧩 Patch

#146 - 1723c80 - Replace signature margin with margin in footer + header.
#146 - 6179815 - Change top nav home link font weight to semibold.
#146 - 90d9c7e - Rename header topnav slot to skip-to-nav.

1.5.4

Released on: 2023-08-16

🧩 Patch

#144 - 160740c - Token update for changes from token review.

1.5.3

Released on: 2023-08-10

🧩 Patch

#142 - cd9a43c - Topnav fixes.

1.5.2

Released on: 2023-08-04

🧩 Patch

#140 - be78635 - Change border-radius tokens in search component.

1.5.1

Released on: 2023-08-03

🧩 Patch

#139 - 6cc2d8c - Remove unused width token from header.

1.5.0

Released on: 2023-08-02

🚀 New Features

#138 - 24a53ab - Add gcds-search component tokens.

1.4.2

Released on: 2023-07-24

🧩 Patch

#136 - 5da9524 - Adjust fieldset legend font.
#136 - 5732ad1 - Update error state styling for form components.
#136 - 0966931 - Remove subheading tokens from error summary.

1.4.1

Released on: 2023-07-10

🧩 Patch

#134 - 204bd2b - Add border token for container component.

1.4.0

Released on: 2023-07-04

🚀 New Features

#131 - b7767b8 - Add nav-link tokens.
#131 - 5eda70d - Add nav-group tokens.
#131 - 4621154 - Replace site-menu tokens with top-nav tokens.
#131 - 2aada68 - Add side-nav tokens.
#131 - e0763ac - Add mobile nav-link tokens.
#131 - b5f209c - Add mobile side-nav tokens.
#131 - 1f8aead - Add mobile top-nav tokens.
#131 - 45f726b - Add mobile nav-group tokens.

🧩 Patch

#131 - fcadc41 - Update container sizes xl and lg.
#131 - 41cb127 - Remove site menu tokens.

1.3.3

Released on: 2023-07-04

🧩 Patch

#133 - 76f0a75 - Update card border tokens.

1.3.2

Released on: 2023-06-29

🧩 Patch

#132 - 2e82963 - Add container component tokens.

1.3.1

Released on: 2023-06-27

🧩 Patch

#130 - de8074b - Add missing description token for card.

1.3.0

Released on: 2023-06-26

🚀 New Features

#127 - 82832a8 - New tokens for gcds-card.
#127 - 26d1ee8 - Update card border token.

1.2.1

Released on: 2023-06-22

🧩 Patch

#128 - 3e72118 - Add missing component tokens.

1.2.0

Released on: 2023-06-21

🔄 Code Refactoring

#126 - a76688c - Rename base.json and base.js files to tokens.json and tokens.js to improve consistency.
#126 - 4f4ff47 - Change token path to create output files for each token category.

1.1.3

Released on: 2023-06-05

🧩 Patch

#124 - 8c2aff2 - Remove alert active border + pagination border tokens.

1.1.2

Released on: 2023-05-31

🔄 Code Refactoring

#122 - 64150fd - Change focus colour from #303fc3 to #0535d2 to be compliant with canada.ca.
#122 - c333478 - Change primary text colour from #000 to #333 to be compliant with canada.ca.
#122 - a7899ed - Change link hover colour from #26374a to #0535d2 to be compliant with canada.ca.
#122 - b461ea5 - Change link colour from #425a76 to #2b4380 to be compliant with canada.ca.
#122 - 9081e0c - Update footer contextual background colour with canada.ca colour.
#122 - b616eaa - Change danger & error border colour from #c24438 to #d3080c to be compliant with canada.ca.

🧩 Patch

#122 - ba0e4d6 - Move global tokens for container, spacing, and typography into global folder.
#122 - 5098a50 - Ensure canada signature uses black text.
#122 - 4d42cc5 - Reorganize blue colour tokens from light to dark.

1.1.1

Released on: 2023-04-25

🧩 Patch

#114 - 8fc59ab - Add new margin + padding tokens for gcds-breadcrumbs.

1.1.0

Released on: 2023-04-21

🚀 New Features

#112 - 42956e2 - Add error summary component.
#112 - 0ac7a26 - Add text color token.

1.0.6

Released on: 2023-04-21

🧩 Patch

#113 - a9b2712 - Adjust lang-toggle tokens.

1.0.5

Released on: 2023-03-30

🧩 Patch

#111 - bf64968 - New tokes for breadcrumbs and details components.

1.0.4

Released on: 2023-03-27

🧩 Patch

#96 - bde76cb - Footer token update.
#96 - a733313 - Footer link color updates.
#106 - 6db5164 - Add tokens to support mobile full-width buttons.

1.0.3

Released on: 2023-03-09

🧩 Patch

#93 - ad9a291 - Update sub-menu colour to lighter colour.

1.0.2

Released on: 2023-03-01

🧩 Patch

#92 - 3135d08 - Add border to gcds-file-uploader remove button.
#92 - 8806b49 - Add new text secondary colour.
#92 - 99da08f - Update disabled text colour for better colour contrast.

1.0.1

Released on: 2023-02-22

🧩 Patch

#90 - 48efe65 - Design updates to button, label, file uploader, footer.
#90 - 7a9bc12 - Add tokens for button text only.

1.0.0

Released on: 2023-02-10

🚀 New features

First release of GC Design System Tokens.

Journal des modifications

Tout changement important à ce projet sera consigné dans le présent fichier.

2.0.1

Version publiée le : 2024-12-10

🐛 🔧 Corrections de bogues

ajustement de la marge du fil d'ariane + details du marge intérieure après les mises à jour de la typographie et de l'espacement (#353) (31df600)
Mis a jour de l'espacement de l'entête du composant Notice pour utiliser les nouvelles unités de style (#351) (959840d)

2.0.0

Version publiée le : 2024-12-05

🚨 Changements non rétrocompatibles

Mises à jour des unités de style de typographie et d’espacement (#345) (0aebdc1)

Nous avons mis à jour nos unités de style de typographie et d'espacement dans le cadre de nos efforts continus pour nous aligner sur les spécifications de Canada.ca.

Si vous utilisez ce paquetage, mettez à jour votre numéro de version vers cette version de publication pour recevoir les modifications des tailles de police, des hauteurs de ligne et des valeurs d'espacement.

Référez-vous à ce tableau de correspondance visuelle pour mettre à jour vos unités de style de conception pour les marges et les remplissages. L'image/le tableau compare les anciennes valeurs d’unites de style d'espacement avec les nouvelles, vous aidant à identifier l’unité de style équivalente à utiliser. Examinez le tableau pour faire correspondre vos valeurs actuelles avec leurs homologues mises à jour.

Quels sont les changements ?

Quels sont les changements ?

Les unités de style suivantes ont de nouvelles valeurs pour les tailles de police, les hauteurs de ligne et les espacements.

Tailles de Police

Bureau

Unite de style	Élément	Taille de la police (pixels)	Taille de la police (rem)	Hauteur de ligne
`gcds-font-sizes-h1`	H1	41px	2.5625rem	117%
`gcds-font-sizes-h2`	H2	39px	2.4375rem	123%
`gcds-font-sizes-h3`	H3	29px	1.8125rem	137%
`gcds-font-sizes-h4`	H4	27px	1.6875rem	133%
`gcds-font-sizes-h5`	H5	24px	1.5rem	133%
`gcds-font-sizes-h6`	H6	22px	1.375rem	145%
`gcds-font-sizes-text`	Label \| Text \| Mono	20px	1.25rem	160%
`gcds-font-sizes-text-small`	Small Text	18px	1.125rem	155%

Mobile

Unite de style	Élément	Taille de la police (pixels)	Taille de la police (rem)	Hauteur de ligne
`gcds-font-sizes-h1-mobile`	H1	37px	2.3125rem	119%
`gcds-font-sizes-h2-mobile`	H2	35px	2.1875rem	125%
`gcds-font-sizes-h3-mobile`	H3	26px	1.625rem	123%
`gcds-font-sizes-h4-mobile`	H4	24px	1.5rem	133%
`gcds-font-sizes-h5-mobile`	H5	22px	1.375rem	127%
`gcds-font-sizes-h6-mobile`	H6	20px	1.25rem	140%
`gcds-font-sizes-text-mobile`	Label \| Text \| Mono	18px	1.125rem	155%
`gcds-font-sizes-text-small-mobile`	Small Text	16px	1rem	150%

Hauteurs de ligne

Bureau

Unite de style	Élément	Taille	Hauteur de ligne alignée	Hauteur de ligne
`gcds-line-heights-h1`	H1	41px	48px	117%
`gcds-line-heights-h2`	H2	39px	48px	123%
`gcds-line-heights-h3`	H3	29px	40px	137%
`gcds-line-heights-h4`	H4	27px	36px	133%
`gcds-line-heights-h5`	H5	24px	32px	133%
`gcds-line-heights-h6`	H6	22px	32px	145%
`gcds-line-heights-text`	Label \| Text \| Mono	20px	32px	160%
`gcds-line-heights-text-small`	Small text	18px	28px	155%

Mobile

Unite de style	Élément	Taille	Hauteur de ligne alignée	Hauteur de ligne
`gcds-line-heights-h1-mobile`	H1	37px	44px	119%
`gcds-line-heights-h2-mobile`	H2	35px	44px	125%
`gcds-line-heights-h3-mobile`	H3	26px	32px	123%
`gcds-line-heights-h4-mobile`	H4	24px	32px	133%
`gcds-line-heights-h5-mobile`	H5	22px	28px	127%
`gcds-line-heights-h6-mobile`	H6	20px	28px	140%
`gcds-line-heights-text-mobile`	Label \| Text \| Mono	18px	28px	155%
`gcds-line-heights-text-small-mobile`	Small text	16px	24px	150%

Espacement

Nom de l’unité de style	Valeur de l'unité de style en pixel
`gcds-spacing-0`	0px
`gcds-spacing-25`	2px
`gcds-spacing-50`	4px
`gcds-spacing-75`	6px
`gcds-spacing-100`	8px
`gcds-spacing-125`	10px
`gcds-spacing-150`	12px
`gcds-spacing-175`	14px
`gcds-spacing-200`	16px
`gcds-spacing-225`	18px
`gcds-spacing-250`	20px
`gcds-spacing-300`	24px
`gcds-spacing-350`	28px
`gcds-spacing-400`^{[^1]}	32px
`gcds-spacing-450`	36px
`gcds-spacing-500`	40px
`gcds-spacing-550`	44px
`gcds-spacing-600`	48px
`gcds-spacing-650`	52px
`gcds-spacing-700`	56px
`gcds-spacing-750`	60px
`gcds-spacing-800`	64px
`gcds-spacing-850`	68px
`gcds-spacing-900`	72px
`gcds-spacing-950`	76px
`gcds-spacing-1000`	80px
`gcds-spacing-1050`	84px
`gcds-spacing-1100`	88px
`gcds-spacing-1150`	92px
`gcds-spacing-1200`	96px
`gcds-spacing-1250`	100px

^1 Valeur de référence

Modifications de certains noms d'unités de styles

Nous avons déprécié toutes nos unités de style globales caption et les avons remplacées par text-small.

Nous avons ajouté 18 nouvelles unités de style d'espacement et arrêté le support de 3 valeurs (tout espacement supérieur à 100px). Voir les guides visuels de mappage ci-dessous pour plus d'informations.

Guide visuel de mappage des unités de style d'espacement

Si vous utilisez l'un des unités de style énumérés ci-dessus, référez-vous à l'un des guides de mappage des unités de style ci-dessous pour vous aider à mettre à jour vos unités de style de conception pour les marges et les remplissages. Les unités de style utilisées dans notre package gcds-components se mettront à jour automatiquement.

Table de correspondance visuelle

Ceci est une table de correspondance pour les unités de style d'espacement. Utilisez ceci pour identifier l’unité de style équivalente à utiliser pour votre conception si vous utilisez les anciennes unités de style d'espacement.

Unité de style	Ancienne valeure		Nouvelle unité de style ou mise à jour	Nouvelle valeure
gcds-spacing-0	0px	➡️	gcds-spacing-0	0px
gcds-spacing-50	3px	➡️	gcds-spacing-25	2px
		nouveau	gcds-spacing-50	4px
gcds-spacing-100	6px	➡️	gcds-spacing-75	6px
gcds-spacing-150	9px	➡️	gcds-spacing-100	8px
		nouveau	gcds-spacing-125	10px
gcds-spacing-200	12px	➡️	gcds-spacing-150	12px
gcds-spacing-250	15px	➡️	gcds-spacing-175	14px
		nouveau	gcds-spacing-200	16px
gcds-spacing-300	18px	➡️	gcds-spacing-225	18px
		nouveau	gcds-spacing-250	20px
gcds-spacing-400	24px	➡️	gcds-spacing-300	24px
		nouveau	gcds-spacing-350	28px
		nouveau	gcds-spacing-400	32px
gcds-spacing-450	36px	➡️	gcds-spacing-450	36px
		nouveau	gcds-spacing-500	40px
		nouveau	gcds-spacing-550	44px
gcds-spacing-500	48px	➡️	gcds-spacing-600	48px
		nouveau	gcds-spacing-650	52px
		nouveau	gcds-spacing-700	56px
gcds-spacing-550	60px	➡️	gcds-spacing-750	60px
		nouveau	gcds-spacing-800	64px
		nouveau	gcds-spacing-850	68px
gcds-spacing-600	72px	➡️	gcds-spacing-900	72px
		nouveau	gcds-spacing-950	76px
		nouveau	gcds-spacing-1000	80px
		nouveau	gcds-spacing-1050	84px
		nouveau	gcds-spacing-1100	88px
		nouveau	gcds-spacing-1150	92px
gcds-spacing-700	96px	➡️	gcds-spacing-1200	96px
gcds-spacing-800	120px	🚫
gcds-spacing-900	144px	🚫
gcds-spacing-1000	168px	🚫
		nouveau	gcds-spacing-1250	100px

* 🚫 les valeurs de ces unités de style ont changé et sont désormais obsolètes. Les anciennes unités de styles ont été affectées de nouvelles valeurs. Contactez-nous si vous utilisez ces unités de style.

Graphique de cartographie visuelle

Ceci est un graphique de mappage pour les unités de style d’espacement. Utilisez ceci pour identifier l'unité de style équivalente à utiliser pour votre conception si vous utilisez les anciennes unités de style.

flowchart LR
  subgraph tokens[" "]
    direction LR
    old-tokens["`Anciennes unités de style`"] ~~~ new-tokens["`Nouvelles unités de style`"]
    old-0(gcds-spacing-0: 0px) --> new-0(gcds-spacing-0: 0px)
    old-50(gcds-spacing-50: 3px) --> new-25(gcds-spacing-25: 2px)
    no-old-50(" "):::invisible ~~~ new-50(gcds-spacing-50: 4px)
    old-100(gcds-spacing-100: 6px) --> new-75(gcds-spacing-75: 6px)
    old-150(gcds-spacing-150: 9px) --> new-100(gcds-spacing-100: 8px)
    nno-old-125(" "):::invisible ~~~ new-125(gcds-spacing-125: 10px)
    old-200(gcds-spacing-200: 12px) --> new-150(gcds-spacing-150: 12px)
    old-250(gcds-spacing-250: 15px) --> new-175(gcds-spacing-175: 14px)
    no-old-200(" "):::invisible ~~~ new-200(gcds-spacing-200: 16px)
    old-300(gcds-spacing-300: 18px) --> new-225(gcds-spacing-225: 18px)
    no-old-250(" "):::invisible ~~~ new-250(gcds-spacing-250: 20px)
    old-400(gcds-spacing-400: 24px) --> new-300(gcds-spacing-300: 24px)
    no-old-(" "):::invisible ~~~ new-350(gcds-spacing-350: 28px)
    no-old-(" "):::invisible ~~~ new-400(gcds-spacing-400: 32px)
    old-450(gcds-spacing-450: 36px) --> new-450(gcds-spacing-450: 36px)
    no-old-500(" "):::invisible ~~~ new-500(gcds-spacing-500: 40px)
    no-old-550(" "):::invisible ~~~ new-550(gcds-spacing-550: 44px)
    old-500(gcds-spacing-500: 48px) --> new-600(gcds-spacing-600: 48px)
    no-old-650(" "):::invisible ~~~ new-650(gcds-spacing-650: 52px)
    no-old-700(" "):::invisible ~~~ new-700(gcds-spacing-700: 56px)
    old-550(gcds-spacing-550: 60px) --> new-750(gcds-spacing-750: 60px)
    no-old-800(" "):::invisible ~~~ new-800(gcds-spacing-800: 64px)
    no-old-850(" "):::invisible ~~~ new-850(gcds-spacing-850: 68px)
    old-600(gcds-spacing-600: 72px) --> new-900(gcds-spacing-900: 72px)
    no-old-950(" "):::invisible ~~~ new-950(gcds-spacing-950: 76px)
    no-old-1000(" "):::invisible ~~~ new-1000(gcds-spacing-1000: 80px)
    no-old-1050(" "):::invisible ~~~ new-1050(gcds-spacing-1050: 84px)
    no-old-1100(" "):::invisible ~~~ new-1100(gcds-spacing-1100: 88px)
    no-old-1150(" "):::invisible ~~~ new-1150(gcds-spacing-1150: 92px)
    old-700(gcds-spacing-700: 96px) --> new-1200(gcds-spacing-1200: 96px)
    old-800(gcds-spacing-800: 120px):::deprecated ~~~ no-new-800(" "):::invisible
    old-900(gcds-spacing-900: 144px):::deprecated ~~~ no-new-900(" "):::invisible
    old-1000(gcds-spacing-1000: 168px):::deprecated ~~~ no-new-1000(" "):::invisible
    no-old-1250(" "):::invisible ~~~ new-1250(gcds-spacing-1250: 100px)
    classDef invisible fill:none,stroke:none;
    classDef hideLinks stroke:none,stroke-width:0,arrowhead:none;
    classDef deprecated stroke:#963939,color:#963939;
    classDef bgcolor fill:#d3d3d3,stroke:none;
    class bgcolor tokens;
  end

Loading

* 🚫 les valeurs des unités de style en rouge ont changé et sont désormais obsolètes. Les anciennes unités de style ont été affectées avec de nouvelles valeurs. Contactez-nous si vous utilisez ces unités de style.

1.20.2

Version publiée le : 2024-11-04

🔄 Refactorisation de code

supprimer la couleur du texte de mise au point global (changement non rétrocompatible) + étiquette, indice et légende (#340) (90da86f)

1.20.1

Version publiée le : 2024-10-23

🔄 Refactorisation de code

ajuster les détails des unités de style (#337) (c3ec9bf)

1.20.0

Version publiée le : 2024-10-02

🚀 Nouvelle fonctionnalité

mettre à jour les unités de style d'avis pour le nouveau design d'icône (#332) (b6d9b7e)

1.19.1

Version publiée le : 2024-09-24

🐛 🔧 Corrections de bogues

Taille de la police de la légende du composant champ de date (#328) (8edde71)
Mise à jour de la couleur du drapeau rouge pour qu'elle soit compatible avec rouge du PFIM (#324) (017f15b)

1.19.0

Version publiée le : 2024-09-13

🚀 Nouvelle fonctionnalité

Nouvelles unités de style pour le texte en version mobile du composant de recherche (#321) (f4bdabe)

1.18.1

Version publiée le : 2024-09-12

🐛 🔧 Corrections de bogues

divers petits correctifs de bogues de conception (#318) (182270f)

1.18.0

Version publiée le: 2024-09-03

🚀 Nouvelle fonctionnalité

Ajout des unités de style pour le composant d'avis + de nouvelles couleurs (#313) (5fb28f1)

🐛 🔧 Corrections de bogues

Nom des unités de style de l’avis + ajout d'unités de style pour la marge (#315) (24185e5)

1.17.1

Version publiée le : 2024-08-20

🐛 🔧 Version publiée le : 2024-08-20

Unités de style d’espacement pour les marges dans le composant carte (#310) (6c000e0)

1.17.0

Version publiée le : 2024-08-19

🚀 Nouvelle fonctionnalité

Mettre à jour les unités de style de carte et de l’indicateur d’étape pour les nouveaux designs (#295) (c8da35f)

1.16.1

Version publiée le : 2024-08-13

🐛 🔧 Corrections de bogues

Police requise pour la légende du jeu de champs (#307) (2dad7bf)

1.16.0

Version publiée le : 2024-08-13

🚀 Nouvelle fonctionnalité

Ajout d'unités de styles pour le composant champ de date (gcds-date-input) (#301) (33dcdf3)

🐛 🔧 Corrections de bogues

mise à jour pour la taille de police pour l’étiquette “requise” + ajout des unités de style pour les éléments du chemin de navigation en version mobile (#304) (4359e16)

1.15.1

Version publiée le : 2024-08-08

🐛 🔧 Corrections de bogues

Taille de police pour l'étiquette “requise” (#302) (f940755)

1.15.0

Version publiée le : 2024-07-31

🚀 Nouvelle fonctionnalité

ajouter d’une unité de style globale pour les liens visités (#297) (d344857)

1.14.2

Version publiée le : 2024-07-24

🐛 🔧 Corrections de bogues

récupérer sur les mises à jour des unités de style de carte jusqu'à ce que la nouvelle version de carte soit prête à être publiée (#294) (c1753a1)
récupérer sur la mise à jour des unités de style de l’indicateur d’étape jusqu'à ce que l’indicateur d’étape soit prêt pour la publication (#278) (#293) (24c7436)

🔄 Refactorisation de code

mettre à jour le design du message d'erreur (#292) (a8df46d)

1.14.1

Version publiée le : 2024-07-10

🐛 🔧 Corrections de bogues

Ajoutez les unités de style manquantes des composants lien et carte (#288) (824fdc0)
Environnement invalide pour la version dans le message Slack (#284) (56ee12e)

🔄 Refactorisation de code

supprimer les unités de style redondantes après la réécriture CSS (#230) (d819ecf)

1.14.0

Version publiée le : 2024-07-05

🚀 Nouvelle fonctionnalité

Mettre à jour les unités de style de carte pour correspondre au nouveau design (#283) (92c475f)

🐛 🔧 Corrections de bogues

Lien incorrect (#281) (d60be6c)

1.13.4

Version publiée le : 2024-06-27

🔄 Refactorisation de code

Mettre à jour les unités de style de l’indicateur d’étape pour correspondre au nouveau design (#278) (f2abfb8)

1.13.3

Version publiée le : 2024-05-28

🔄 Refactorisation de code

changer la police de monospace à noto sans mono (#267) (fee4a06)

1.13.2

Version publiée le : 2024-04-30

🔄 Refactorisation de code

supprimer les unites de style globale d'arrière-plan noir (#258) (2071bb2)
mettre à jour les détails de la marge + les unités de style de remplissage pour correspondre au nouveau design (#259) (9019e9b)

1.13.1

Version publiée le : 2024-04-23

🐛 🔧 Corrections de bogues

mettre à jour boutons de radio et case à cocher pour la bonne valeur (#254) (9cf2b2b)

1.13.0

Version publiée le : 2024-04-18

🚀 Nouvelle fonctionnalité

ajouter des unités de style globales d'arrière-plan (#252) (ab6e899)

1.12.2

Version publiée le : 2024-04-10

🔄 Refactorisation du code

mises à jour du design pour les composants champ de saisie, étiquette, jeu de champs, radio, case à cocher (#247) (121d2f7)

1.12.1

Version publiée le : 2024-03-13

🐛 🔧 Corrections de bogues

suppression de la convention de nomenclature CamelCase de l’unité de style global focus-text-form (#239) (9203e71)

1.12.0 (2024-03-06)

🚀 Nouvelles fonctionnalités

ajout d’une taille de police mobile au composant lien (#236) (4d7f36d)

1.11.1

Version publiée le : 2024-02-20

🔄 Refactorisation du code

suppression des unités de style textuels du composant bouton (#199) (0764dff)

1.11.0

Version publiée le : 2023-11-30

🚀 Nouvelles fonctionnalités

Ajout d’une nouvelle fonctionnalité de grille (#205) (cfeb4df)

1.10.1

Version publiée le : 2023-11-08

🧩 Correctif

ajout de l’élément box-shadow de l'unité de style de lien (#192) (ca00a31)
mise à jour des unités de style de lien (#191) (3649eb8)
suppression de l’élément focus-border-color de l'unité de style de lien (#198) (0e17bf1)

1.10.0

Version publiée le : 2023-11-01

🚀 Nouvelles fonctionnalités

ajout d’un générateur de version (#180) (9aaacc2)

🔄 Refactorisation du code

ajout d’un nouveau jeton de lien (décalage de soulignement) (#185) (75c8769)

1.9.2

Version publiée le : 2023-10-26

🧩 Correctif

#177 - 479ca70 - Ajout de l’élément box-focus à plusieurs composants

1.9.1

Version publiée le : 2023-10-25

🧩 Correctif

#178 - 9130ec3 - Ajout de mises à jour pour les jetons gcds-link

1.9.0

Version publiée le : 2023-10-19

🚀 Nouvelles fonctionnalités

#175 - 946bbfc - Ajout de l'unité de styles pour gcds-text

🧩 Correctif

cds-snc/gcds-utility#175 - 1889762 - Ajout de l'unité de styles de limite de caractères pour gcds-heading

1.8.0

Version publiée le : 2023-10-16

🚀 Nouvelles fonctionnalités

#173 - 4a20f0b - Ajout de l'unité de styles pour gcds-link

1.7.0

Version publiée le : 2023-10-10

🚀 Nouvelles fonctionnalités

cds-snc/gcds-utility#170 - aec4aa5 - Ajout de styles de police pour les appareils mobiles
#170 - edd8c9e - Ajout de l'unité de styles pour gcds-heading

1.6.1

Version publiée le : 2023-08-31

🧩 Correctif

cds-snc/gcds-utility#150 - aea2914 - Mise à jour des détails sur l’accessibilité (a11y)

1.6.0

Version publiée le : 2023-08-23

🚀 Nouvelles fonctionnalités

#145 - 4a8b152 - Ajout de l'unité de styles de composant pour gcds-topic-menu
#145 - 63b6db3 - Mise à jour des unités de style de bordure et ajout des unités de style de bordure manquants

1.5.5

Version publiée le : 2023-08-23

🧩 Correctif

#146 - 1723c80 - Remplacement de la marge de signature par la marge dans le pied de page + en-tête.
#146 - 6179815 - Modification du poids de la police du lien d’accueil de la navigation supérieure en semi-gras
#146 - 90d9c7e - Emplacement navigation supérieure (topnav) de l’en-tête renommé à skip-to-nav.

1.5.4

Version publiée le : 2023-08-16

🧩 Correctif

#144 - 160740c - Mise à jour des unités de style pour refléter les changements apportés lors de la révision des unités de style

1.5.3

Version publiée le : 2023-08-10

🧩 Correctif

#142 - cd9a43c - 🧩 Correctifs de l’élément topnav

1.5.2

Version publiée le : 2023-08-04

🧩 Correctif

#140 - be78635 - Modification des unités de style border-radius dans le composant recherche

1.5.1

Version publiée le : 2023-08-03

🧩 Correctif

#139 - 6cc2d8c - Suppression de l'unité de style de largeur inutilisé de l’en-tête

1.5.0

Version publiée le : 2023-08-02

🚀 Nouvelles fonctionnalités

#138 - 24a53ab - Ajout des unités de style pour le composant gcds-search

1.4.2

Version publiée le : 2023-07-24

🧩 Correctif

#136 - 5da9524 - Ajustement de la police de légende du jeu de champs
#136 - 5732ad1 - Mise à jour du style d’état d’erreur pour les composants de formulaire
#136 - 0966931 - Suppression des unités de style de sous-titre du résumé des erreurs

1.4.1

Version publiée le : 2023-07-10

🧩 Correctif

#134 - 204bd2b - Ajout d’un jeton de bordure pour le composant conteneur

1.4.0

Version publiée le : 2023-07-04

🚀 Nouvelles fonctionnalités

#131 - b7767b8 - Ajout des unités de style pour nav-link
#131 - 5eda70d - Ajout des unités de style pour nav-group
#131 - 4621154 - Remplacement des unités de style site-menu par des unités de style top-nav
#131 - 2aada68 - Ajout des unités de style pour side-nav
#131 - e0763ac - Ajout des unités de style nav-link pour appareils mobiles
#131 - b5f209c - Ajout des unités de style side-nav pour appareils mobiles
#131 - 1f8aead - Ajout des unités de style top-nav pour appareils mobiles
#131 - 45f726b - Ajout des unités de style nav-group pour appareils mobiles

🧩 Correctif

#131 - fcadc41 - Mise à jour des tailles de contenants xl et lg
#131 - 4621154 - Suppression des unités de style site-menu

1.3.3

Version publiée le : 2023-07-04

🧩 Correctif

#133 - 76f0a75 - Mise à jour des unités de style de bordure de carte

1.3.2

Version publiée le : 2023-06-29

🧩 Correctif

#132 - 2e82963 - Ajout des unités de style pour le composant conteneur

1.3.1

Version publiée le : 2023-06-27

🧩 Correctif

#130 - de8074b - Ajout de l'unité de style de description manquant pour la carte

1.3.0

Version publiée le : 2023-06-26

🚀 Nouvelles fonctionnalités

#127 - 82832a8 - Nouvelles unités de style pour le composant gcds-card
#127 - 26d1ee8 - Mise à jour de l'unité de style de bordure de carte

1.2.1

Version publiée le : 2023-06-22

🧩 Correctif

#128 - 3e72118 - Ajout des unités de style de composant manquants

1.2.0

Version publiée le : 2023-06-21

🔄 Refactorisation du code

#126 - a76688c - Fichiers base.json et base.js renommés à tokens.json et tokens.js pour améliorer la cohérence
#126 - 4f4ff47 - Modification du chemin de l'unité de style pour créer des fichiers de sortie pour chaque catégorie de l'unité de style.

1.1.3

Version publiée le : 2023-06-05

🧩 Correctif

#124 - 8c2aff2 - Suppression de la bordure active d’alerte et des unités de style de bordure de pagination

1.1.2

Version publiée le : 2023-05-31

🔄 Refactorisation du code

#122 - 64150fd - Changement de la couleur d’état cible de #303fc3 à #0535d2 pour être conforme à Canada.ca
#122 - c333478 - Changement de la couleur du texte principal de #000 à #333 pour être conforme à Canada.ca
#122 - a7899ed - Changement de la couleur de survol de lien de #26374a à #0535d2 pour être conforme à Canada.ca
#122 - b461ea5 - Changement de la couleur de lien de #425a76 à #2b4380 pour être conforme à Canada.ca
#122 - 9081e0c - Mise à jour la couleur contextuelle du fond du pied de page avec la couleur de Canada.ca
#122 - b616eaa - Changement de la couleur de bordure de danger et d’erreur de #c24438 à #d3080c pour être conforme à Canada.ca

🧩 Correctif

#122 - ba0e4d6 - Déplacement des unités de style globaux pour le conteneur, l’espacement et la typographie dans un dossier global
#122 - 5098a50 - Validation que la signature du canada utilise du texte noir
#122 - 4d42cc5 - Réorganisation des unités de style de couleur bleue du clair au foncé

1.1.1

Version publiée le : 2023-04-25

🧩 Correctif

#114 - 8fc59ab - Ajout de nouvelles unités de style de marge et de marge intérieure pour gcds-breadcrumbs

1.1.0

Version publiée le : 2023-04-21

🚀 Nouvelles fonctionnalités

#112 - 42956e2 - Ajout du composant résumé des erreurs
#112 - 0ac7a26 - Ajout de l'unité de style couleur de texte

1.0.6

Version publiée le : 2023-04-21

🧩 Correctif

#113 - a9b2712 - Ajustement des unités de style pour lang-toggle

1.0.5

Version publiée le : 2023-03-30

🧩 Correctif

#111 - bf64968 - Nouvelles unités de style pour les composants chemin de navigation et détails

1.0.4

Version publiée le : 2023-03-27

🧩 Correctif

cds-snc/gcds-utility#96 - bde76cb - Mise à jour de l'unité de style pied de page
cds-snc/gcds-utility#96 - a733313 - Mises à jour des couleurs de liens de pied de page
#106 - 6db5164 - Ajout de l'unité de styles pour prendre en charge les boutons mobiles pleine largeur

1.0.3

Version publiée le : 2023-03-09

🧩 Correctif

#93 - ad9a291 - Mise à jour de la couleur de sous-menu pour qu’elle soit plus claire

1.0.2

Version publiée le : 2023-03-01

🧩 Correctif

#92 - 3135d08 - Ajout d’une bordure au bouton de suppression de gcds-file-uploader
#92 - 8806b49 - Ajouter une nouvelle couleur secondaire au texte
#92 - 99da08f - Mise à jour de la couleur du texte désactivée pour un meilleur contraste des couleurs

1.0.1

Version publiée le : 2023-02-22

🧩 Correctif

#90 - 48efe65 - Mise à jour de conception aux composants bouton, étiquette, téléverseur de fichiers et pied de page
#90 - 7a9bc12 - Ajout des unités de style pour le texte des boutons uniquement

1.0.0

Version publiée le : 2023-02-10

🚀 Nouvelles fonctionnalités

Première version des unités de style Système de design GC

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

Changelog

🚀 New Features

🚀 New Features

🐛 🔧 Bug Fixes

🚀 New Features

🐛 🔧 Bug Fixes

⛔ Remove

2.1.0 (2025-01-14)

⛔ Remove

🚀 New Features

🔄 Code Refactoring

🔄 Code Refactoring

🎨 Styles

🔄 Code Refactoring

🐛 🔧 Bug Fixes

🚨 Breaking changes

What are the changes?

Font sizes

Desktop

Mobile

Line heights

Desktop

Mobile

Spacing

^1 Baseline value

Changes to some token names

Spacing tokens visual mapping guide

🔄 Code Refactoring

🔄 Code Refactoring

🚀 New Features

🐛 🔧 Bug Fixes

⚠ BREAKING CHANGES

🚀 New Features

🐛 🔧 Bug Fixes

🚀 New Features

🐛 🔧 Bug Fixes

🐛 🔧 Bug Fixes

🚀 New Features

🐛 🔧 Bug Fixes

🚀 New Features

🐛 🔧 Bug Fixes

🐛 🔧 Bug Fixes

🚀 New Features

🐛 🔧 Bug Fixes

🔄 Code Refactoring

🐛 🔧 Bug Fixes

🔄 Code Refactoring

🚀 New Features

🐛 🔧 Bug Fixes

🔄 Code Refactoring

🔄 Code Refactoring

🔄 Code Refactoring

🐛 🔧 Bug Fixes

🚀 New Features

🔄 Code Refactoring

🐛 🔧 Bug Fixes

🚀 New Features

🔄 Code Refactoring

🚀 New Features

🧩 Patch

🚀 New Features

🔄 Code Refactoring

1.9.2

🧩 Patch

1.9.1

🧩 Patch

1.9.0

🚀 New Features

🧩 Patch

1.8.0

🚀 New Features

1.7.0

🚀 New Features

1.6.1