Skip to content

Commit 4bcfb9f

Browse files
DottenpixelDottenpixel
committed
Merge tag 'v2.27.0' into release/opensource
2 parents fa27760 + e202834 commit 4bcfb9f

File tree

104 files changed

+4475
-209
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

104 files changed

+4475
-209
lines changed

‎.github/workflows/storybook.yml‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,7 @@ jobs:
7474
- uses: actions/setup-node@v3
7575
with:
7676
cache: "npm"
77+
node-version: "16.x" # @salesforce-ux/icons engine entry requires 16
7778

7879
- uses: actions/download-artifact@v4
7980
with:

‎.storybook/inject-styling-hooks.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
/**
2+
* This module provides a function to inject styling hooks from the sds-styling-hooks package into the SLDS CSS.
3+
* It uses the injectStylingHooks utility from the styling-hooks helper to add the hooks,
4+
* and then minifies the resulting CSS to match the main CSS file.
5+
*/
6+
7+
const {
8+
injectStylingHooks,
9+
sdsStylingHooksBasePath,
10+
sdsStylingHooksSourceFiles,
11+
minifyCssCustom
12+
} = require("../scripts/helpers/styling-hooks.js");
13+
14+
function injectSldsStylingHooks(css) {
15+
// Inject the SDS styling hooks into the Storybook CSS
16+
// Using the default SDS styling hooks base path and source files
17+
const injectedCss = injectStylingHooks(
18+
css,
19+
sdsStylingHooksBasePath,
20+
sdsStylingHooksSourceFiles
21+
);
22+
23+
// Minify the CSS after injecting the styling hooks
24+
return minifyCssCustom(injectedCss);
25+
}
26+
27+
module.exports = injectSldsStylingHooks;

‎.storybook/postcss/postcss-inject-styling-hooks/index.js‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/**
2+
* PostCSS plugin: Inject Styling Hooks
3+
*
4+
* This plugin injects styling hooks into the CSS processed by PostCSS.
5+
* It works by:
6+
* 1. Converting the entire CSS to a string
7+
* 2. Applying the injectStylingHooks function to this string
8+
* 3. Replacing the original CSS with the processed version
9+
*
10+
*/
11+
12+
const postcss = require('postcss');
13+
const injectStylingHooks = require('../../inject-styling-hooks');
14+
15+
module.exports = postcss.plugin('inject-styling-hooks', () => {
16+
return (root) => {
17+
const css = root.toString();
18+
const result = injectStylingHooks(css);
19+
root.removeAll();
20+
root.append(postcss.parse(result));
21+
};
22+
});

‎.storybook/webpack.config.js‎

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ const addClasses = require('rehype-add-classes');
55

66
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
77

8+
const injectStylingHooksPlugin = require('./postcss/postcss-inject-styling-hooks');
9+
810
const tags = [
911
'p',
1012
'div',
@@ -65,6 +67,16 @@ const commonRules = [
6567

6668
const extractRules = ['extract-loader'].concat(commonRules);
6769

70+
// Used to inject sds-styling-hooks into the main CSS
71+
const injectStylingHooksRule = {
72+
loader: 'postcss-loader',
73+
options: {
74+
ident: 'postcss-inject-styling-hooks',
75+
sourceMap: true,
76+
plugins: [injectStylingHooksPlugin]
77+
}
78+
};
79+
6880
module.exports = async ({ config, mode }) => {
6981
config.module.rules.push(
7082
// Sass file import/require rules
@@ -109,10 +121,11 @@ module.exports = async ({ config, mode }) => {
109121
{
110122
loader: 'file-loader',
111123
options: {
112-
name: 'assets/styles/salesforce-lightning-design-system.min.css'
113-
}
114-
}
115-
].concat(extractRules)
124+
name: 'assets/styles/salesforce-lightning-design-system.min.css',
125+
},
126+
},
127+
// Inject styling hooks from sds-styling-hooks package + common rules
128+
].concat([injectStylingHooksRule]).concat(extractRules),
116129
},
117130
// touch stylesheet (with media/feature query)
118131
{

‎RELEASENOTES.general.md‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,51 @@
11
<!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
22
<!-- On release, add general notes here. In time the legacy release notes will be add to this -->
33

4+
## 2.27.0 - April 17, 2025
5+
6+
- Update icons to `v10.12.2`
7+
- Standard set
8+
- Added it_service_management
9+
- Utility set
10+
- Added it_service_management
11+
12+
- Styling Hooks
13+
- Include a new set of global and shared hooks in the dist CSS for "default", "sanitized", "offline", and "minified" versions.
14+
- For this release, the new hooks are scoped exclusively to a predefined list of Lightning Web Component primitives, Copilot elements, and a catch-all class. (This is set to change in the future.)
15+
16+
- Update icons to `v10.12.1`
17+
- Utility set
18+
- Added ai_search
19+
20+
- Update icons to `v10.12.0`
21+
- Standard set
22+
- Added entity_milestone_time
23+
- Added entity_milestone_date
24+
- Added outcome_timebound
25+
- Added outcome_datebound
26+
- Added submit_for_approval
27+
- Updated flow
28+
- Updated apex
29+
- Updated apex_plugin
30+
- Updated assignment
31+
- Updated decision
32+
- Updated loop
33+
34+
- Utility set
35+
- Added ai_app
36+
- Added submit_for_approval
37+
- Added slack_user_add
38+
- Added slack_thread
39+
- Added slack_mentions
40+
- Added slack_formatting
41+
- Added slack_ai_summary
42+
- Added slack_add_reaction
43+
- Added slack_lock
44+
- Added slack_channel
45+
- Added slack_user
46+
- Added slack_notifications_on
47+
- Added slack_notifications_off
48+
449
## 2.26.3 - April 19, 2025
550

651
## Fixed

‎RELEASENOTES.LEGACY.md‎ renamed to ‎RELEASENOTES.legacy.md‎

File renamed without changes.

‎RELEASENOTES.md‎

Lines changed: 175 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,162 @@
11
<!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
22
<!-- !!! THIS FILE IS AUTO-GENERATED !!! DO NOT EDIT THIS FILE MANUALLY !!! -->
33

4+
## Release 2.27.0 - April 17, 2025
5+
6+
- Update icons to `v10.12.2`
7+
- Standard set
8+
- Added it_service_management
9+
- Utility set
10+
- Added it_service_management
11+
- Styling Hooks
12+
- Include a new set of global and shared hooks in the dist CSS for "default", "sanitized", "offline", and "minified" versions.
13+
- For this release, the new hooks are scoped exclusively to a predefined list of Lightning Web Component primitives, Copilot elements, and a catch-all class. (This is set to change in the future.)
14+
- Update icons to `v10.12.1`
15+
- Utility set
16+
- Added ai_search
17+
- Update icons to `v10.12.0`
18+
- Standard set
19+
- Added entity_milestone_time
20+
- Added entity_milestone_date
21+
- Added outcome_timebound
22+
- Added outcome_datebound
23+
- Added submit_for_approval
24+
- Updated flow
25+
- Updated apex
26+
- Updated apex_plugin
27+
- Updated assignment
28+
- Updated decision
29+
- Updated loop
30+
- Utility set
31+
- Added ai_app
32+
- Added submit_for_approval
33+
- Added slack_user_add
34+
- Added slack_thread
35+
- Added slack_mentions
36+
- Added slack_formatting
37+
- Added slack_ai_summary
38+
- Added slack_add_reaction
39+
- Added slack_lock
40+
- Added slack_channel
41+
- Added slack_user
42+
- Added slack_notifications_on
43+
- Added slack_notifications_off
44+
45+
## Component Blueprints
46+
### [Activity Timeline](https://www.lightningdesignsystem.com/components/activity-timeline)
47+
#### Added
48+
- Adds _touch.scss to fix the css issue for touch devices
49+
50+
### [Avatar](https://www.lightningdesignsystem.com/components/avatar)
51+
#### Added
52+
- Added focus style to avatar
53+
54+
### [Button Icons](https://www.lightningdesignsystem.com/components/button-icons)
55+
#### Added
56+
- Added bordered transparent - with dropdown example
57+
58+
### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
59+
#### Added
60+
- Added `aria-hidden` attribute to required checkbox label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria
61+
62+
### [Checkbox Toggle](https://www.lightningdesignsystem.com/components/checkbox-toggle)
63+
#### Changed
64+
- Added no flip rule to the checkbox-toggle, faux border style to fix rtl bug
65+
66+
### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker)
67+
#### Fixed
68+
- Fixes the color picker inputs alignment
69+
#### Changed
70+
- Added border to color-picker swatch
71+
72+
### [Combobox](https://www.lightningdesignsystem.com/components/combobox)
73+
#### Fixed
74+
- Fixed lookup variant focus style
75+
76+
### [Data Tables](https://www.lightningdesignsystem.com/components/data-tables)
77+
#### Added
78+
- Added `aria-hidden` attribute to required input label asterisk on edit cell popover to avoid being announced by screen reader to meet accessibility WCAG label criteria
79+
80+
### [Datepickers](https://www.lightningdesignsystem.com/components/datepickers)
81+
- Added focus styles to slds-select within datepicker, in error state.
82+
83+
### [Datetime Picker](https://www.lightningdesignsystem.com/components/datetime-picker)
84+
#### Added
85+
- Added `aria-hidden` attribute to required datetime picker label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria
86+
87+
### [Dueling Picklist](https://www.lightningdesignsystem.com/components/dueling-picklist)
88+
#### Added
89+
- Added `aria-hidden` attribute to required select option label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria
90+
91+
### [File Selector](https://www.lightningdesignsystem.com/components/file-selector)
92+
#### Changed
93+
- `aria-labelledby` attribute is removed from HTML input file and added to the wrapper div along with `role='group'` as per accessibility requirements.
94+
95+
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
96+
#### Added
97+
- Added `aria-hidden` attribute to required form element label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria
98+
99+
### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
100+
#### Changed
101+
- Updated focus state style of the avatar
102+
103+
### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
104+
## Fixed
105+
- Fixed issue in grouped menu subheadings not being announced in screen reader
106+
107+
### [Menus](https://www.lightningdesignsystem.com/components/menus)
108+
## Fixed
109+
- Fixed issue in grouped menu subheadings not being announced in screen reader
110+
- Updated nubbin positions for Dropdown in RTL
111+
#### Added
112+
- Added focus style to menu item sub-header
113+
114+
### [Path](https://www.lightningdesignsystem.com/components/path)
115+
#### Fixed
116+
- Fixed text color of lost stage that also fixes minimum contrast ratio requirements.
117+
118+
### [Pills](https://www.lightningdesignsystem.com/components/pills)
119+
#### Changed
120+
- Updated focus state style of all the Pill variants
121+
122+
### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
123+
## Added
124+
- Added examples with a dark background for the feature and walkthrough popover variants.
125+
## Updated
126+
- Updated header error background color
127+
128+
### [Radio Button Group](https://www.lightningdesignsystem.com/components/radio-button-group)
129+
#### Added
130+
- Added `aria-hidden` attribute to required radio button group label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria
131+
132+
### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
133+
#### Added
134+
- Added `aria-hidden` attribute to required radio group label asterisk to avoid being announced by screen reader to meet accessibility WCAG label criteria
135+
136+
### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
137+
#### Changed
138+
- Updated focus state style of the RTE container
139+
140+
### [Tabs](https://www.lightningdesignsystem.com/components/tabs)
141+
## Fixed
142+
- Added fallback value to focus style for tabs.
143+
144+
### [Toast](https://www.lightningdesignsystem.com/components/toast)
145+
#### Changed
146+
- Updated the toast close button icon to its default size (14x14) by removing the `slds-button__icon_large` class.
147+
148+
### [Tooltips](https://www.lightningdesignsystem.com/components/tooltips)
149+
#### Added
150+
- Added 160px max-width to `.slds-popover_tooltip, .slds-popover--tooltip` for screen sizes up to 480px, to ensure tooltips do not overflow on small and mobile screens.
151+
152+
### [Tree Grid](https://www.lightningdesignsystem.com/components/tree-grid)
153+
#### Fixed
154+
- Resolved an issue where a white background box appeared on mouseover of a wrapped cell. This fix applies only to any cell with the `slds-cell-wrap` class.
155+
156+
### [Vertical Navigation](https://www.lightningdesignsystem.com/components/vertical-navigation)
157+
#### Added
158+
- Added fallback value for focus style of nav item
159+
4160
## Release 2.26.3 - April 19, 2025
5161

6162
## Fixed
@@ -147,10 +303,6 @@
147303
- Updated popover header error background color.
148304

149305
## Component Blueprints
150-
### [Color Picker](https://www.lightningdesignsystem.com/components/color-picker)
151-
#### Changed
152-
- Added border to color-picker swatch
153-
154306
### [Form Element](https://www.lightningdesignsystem.com/components/form-element)
155307
#### Fixed
156308
- Fixed input dropdown visibility issue in ff and safari caused by container query in a previous fix
@@ -162,12 +314,9 @@
162314
#### Fixed
163315
- Changed the alignment of address form element. This fixes the alignment issue in cases where help text is present.
164316

165-
### [Menus](https://www.lightningdesignsystem.com/components/menus)
166-
- Updated nubbin positions for Dropdown in RTL
167-
168-
### [Popovers](https://www.lightningdesignsystem.com/components/popovers)
169-
## Updated
170-
- Updated header error background color
317+
### [Radio Group](https://www.lightningdesignsystem.com/components/radio-group)
318+
#### Added
319+
- Added no flip rule for the radio-group to fix rtl bug
171320

172321
### [Rich Text Editor](https://www.lightningdesignsystem.com/components/rich-text-editor)
173322
#### Updated
@@ -438,6 +587,13 @@
438587
#### Fixed
439588
- Fixed modal by removing code explicitly scoped to patching internal, private implementations. Appropriate styles will be displayed again.
440589

590+
### [Pills](https://www.lightningdesignsystem.com/components/pills)
591+
## Changed
592+
- Fixed tap target size of close icon in Pill to meet 24x24.
593+
## Added
594+
- Added new truncated state for Pill as a tooltip.
595+
- Updated focus style.
596+
441597
### [Progress Indicator](https://www.lightningdesignsystem.com/components/progress-indicator)
442598
#### Changed
443599
- Updated Progress Step `button` to `div`.
@@ -1006,6 +1162,10 @@ Added `aria-label` to meet accessibility requirements specifically for screen re
10061162
- `PALETTE_VIOLET_20`: `#481A54`
10071163

10081164
## Component Blueprints
1165+
### [Avatar](https://www.lightningdesignsystem.com/components/avatar)
1166+
#### Fixed
1167+
- Fixed base group image, group image medium and group image small hardcoded image paths
1168+
10091169
### [Dynamic Icons](https://www.lightningdesignsystem.com/components/dynamic-icons)
10101170
#### Changed
10111171
- Updated Global Action Help icon's `role` attribute from `presentation` to `img` for better accessibility compliance
@@ -1027,6 +1187,11 @@ Added `aria-label` to meet accessibility requirements specifically for screen re
10271187
- `--slds-c-form-row-spacing-inline-end` to customize `margin right`
10281188
- `--slds-c-form-row-spacing-inline` to customize `margin left & right`
10291189

1190+
### [Global Header](https://www.lightningdesignsystem.com/components/global-header)
1191+
#### Fixed
1192+
- Fixed hardcoded base global header logo image path
1193+
<!-- ## [Unreleased] -->
1194+
10301195
### [Global Navigation](https://www.lightningdesignsystem.com/components/global-navigation)
10311196
#### Added
10321197
- Added `role="img"` to unread indicator dot to comply with accessibility usage rules for `aria-label`

‎app.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"url": "https://github.com/salesforce-ux/heroku-buildpack-nginx.git#dse"
1111
}
1212
],
13-
"stack": "heroku-20",
13+
"stack": "heroku-22",
1414
"environments": {
1515
"review": {
1616
"buildpacks": [

0 commit comments

Comments
 (0)