Skip to content

Commit 2b8a191

Browse files
aweellaweell
authored
Merge pull request #643 from dxc-technology/3.14.0
Release 3.14.0
2 parents 55624e2 + 132ff6b commit 2b8a191

33 files changed

+871
-240
lines changed

‎CHANGELOG.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,16 @@
11
# Changelog
22

3+
## 3.13.0 (26/11/2021)
4+
## What's Changed
5+
* [Contribution] Update feedback section by @aweell in https://github.com/dxc-technology/halstack-style-guide/pull/622
6+
* [Toggle] Toggle design review by @aweell in https://github.com/dxc-technology/halstack-style-guide/pull/613
7+
* [Principles] Changes on token leading values by @aweell in https://github.com/dxc-technology/halstack-style-guide/pull/625
8+
* [Slider] Add label and helper text by @aweell in https://github.com/dxc-technology/halstack-style-guide/pull/620
9+
10+
11+
**Full Changelog**: https://github.com/dxc-technology/halstack-style-guide/compare/3.12.0...3.13.0
12+
---
13+
314
## 3.12.0 (16/11/2021)
415
## What's Changed
516

‎Halstack UI-Kit/UI_kit_Halstack_v3.14.0.xd‎

6.4 MB
Binary file not shown.

‎contributing/assets/principles/typography_images.xd‎

117 KB
Binary file not shown.

‎guidelines/catalog.json‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,18 @@
143143
{
144144
"key": "overview",
145145
"name": "Overview"
146+
},
147+
{
148+
"key": "content",
149+
"name": "Content"
150+
},
151+
{
152+
"key": "image",
153+
"name": "Image"
154+
},
155+
{
156+
"key": "design",
157+
"name": "Design"
146158
}
147159
]
148160
}

‎guidelines/components/alert/README.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -83,10 +83,10 @@ Depending on the content that need to be displayed, more detailed descriptions c
8383
| `errorBorderColor` | Container border | `color-red-700` | #d0011b |
8484
| `titleFontColor` | Title | `color-black` | #000000 |
8585
| `inlineTextFontColor` | Inline text | `color-black` | #000000 |
86-
| `hoverActionBackgroundColor` | Action:hover | - | #0000000d |
87-
| `activeActionBackgroundColor` | Action:active | - | #0000001a |
86+
| `hoverActionBackgroundColor` | Action:hover | `color-grey-100-a` | #0000000d |
87+
| `activeActionBackgroundColor` | Action:active | `color-grey-200-a` | #0000001a |
8888
| `focusActionBorderColor` | Action:focus | `color-blue-600` | #0095ff |
89-
| `overlayColor` | Overlay | - | #000000B3 |
89+
| `overlayColor` | Overlay | `color-grey-800-a` | #000000b3 |
9090

9191

9292
### Typography

‎guidelines/components/button/README.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -241,6 +241,12 @@ Any icon can be used in Halstack Design System, so it is apt to the user to choo
241241

242242
_Icon usage examples_
243243

244+
## Accessibility
245+
246+
* Understanding WCAG 2.2 - [2.4.7: Focus Visible](https://www.w3.org/WAI/WCAG22/Understanding/focus-visible)
247+
* Understanding WCAG 2.2 - [3.2.2: On Input](https://www.w3.org/WAI/WCAG22/Understanding/on-input)
248+
* WAI-ARIA Authoring Practices 1.2 -[Button Design Pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#button)
249+
244250
## Links and references
245251

246252
* [Angular CDK component](https://developer.dxc.com/tools/react/next/#/components/button)

‎guidelines/components/dialog/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ _Design specifications for dialog component_
5050

5151
| Component token | Element | Core token | Value |
5252
| :----------------------------- | :------------------------- | :--------------------------- | :-------------------- |
53-
| `overlayColor` | Overlay | `color-black` | #000000 |
53+
| `overlayColor` | Overlay | `color-grey-800-a` | #000000b3 |
5454
| `backgroundColor` | Container | `color-white` | #ffffff |
5555
| `boxShadowColor` | Container shadow | - | rgba(0, 0, 0, 0.2) |
5656
| `closeIconColor` | Icon close | `color-black` | #000000 |

‎guidelines/components/header/README.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -50,16 +50,16 @@ _Header design specifications_
5050

5151
### Color
5252

53-
| Component token | Element | Core token | Value |
54-
| :----------------------------- | :--------------- | :--------------- | :--------- |
55-
| `backgroundColor` | Container | `color-white` | #ffffff |
56-
| `underlinedColor` | Container | `color-black` | #000000 |
57-
| `hamburguerHoverColor` | Menu:hover | `color-grey-700` | #666666 |
58-
| `hamburguerFocusColor` | Menu:focus | `color-blue-600` | #0095ff |
59-
| `hamburguerFontColor` | Menu label | `color-black` | #000000 |
60-
| `hamburguerIconColor` | Menu icon | `color-black` | #000000 |
61-
| `menuBackgroundColor` | Menu | `color-white` | #ffffff |
62-
| `overlayColor` | Overlay | `color-black` | #f2f2f2 |
53+
| Component token | Element | Core token | Value |
54+
| :----------------------------- | :--------------- | :---------------------- | :---------- |
55+
| `backgroundColor` | Container | `color-white` | #ffffff |
56+
| `underlinedColor` | Container | `color-black` | #000000 |
57+
| `hamburguerHoverColor` | Menu:hover | `color-grey-700` | #666666 |
58+
| `hamburguerFocusColor` | Menu:focus | `color-blue-600` | #0095ff |
59+
| `hamburguerFontColor` | Menu label | `color-black` | #000000 |
60+
| `hamburguerIconColor` | Menu icon | `color-black` | #000000 |
61+
| `menuBackgroundColor` | Menu | `color-white` | #ffffff |
62+
| `overlayColor` | Overlay | `color-grey-800-a` | #000000b3 |
6363

6464
### Typography
6565

‎guidelines/components/progressbar/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ _Component design specifications_
6868
| `indicatorFontColorOnDark` | Indicator | `color-white` | #ffffff |
6969
| `helperFontColor` | Helper text | `color-black` | #000000 |
7070
| `helperFontColorOnDark` | Helper text | `color-white` | #ffffff |
71-
| `overlayColor` | Overlay | - | #000000 0.80 opacity |
71+
| `overlayColor` | Overlay | `color-grey-800-a` | #000000b3 |
7272

7373
### Size
7474

‎guidelines/components/spinner/README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ _Spinner design specifications_
3434
| `fontColor` | Label | `color-black` | #000000 |
3535
| `fontColorOnDark` | Label | `color-white` | #ffffff |
3636
| `fontColor` | Percentage | `color-black` | #000000 |
37-
| `overlayColor` | Overlay | - | #000000 0.80 opacity |
37+
| `overlayColor` | Overlay | `color-grey-800-a` | #000000b3 |
3838

3939

4040
### Size

0 commit comments

Comments
 (0)