[DS 2.0] Adopt the 15.09 and 16.09 token exports: node body and row roles, focus ring rename, ghost label roles, rebuilt orange - #149
Merged
Conversation
librowski
added this pull request to stack #151
September 15, 2026 10:24
librowski
marked this pull request as ready for review
September 15, 2026 11:12
librowski
requested review from
lukasz-jazwa,
piotrblaszczyk and
szymon-t-sc
as code owners
September 15, 2026 11:12
piotrblaszczyk
approved these changes
Sep 15, 2026
librowski
force-pushed
the
ds2-tokens-refresh-0915
branch
from
September 16, 2026 11:37
53ac172 to
160bb56
Compare
… to 1.1.12) Node body and row roles, focus ring rename (shadow and the four colour roles), ghost label roles, rebuilt orange scale. The Status invalid badge and the indicator dot move from the orange-400 primitive to the warning roles so they stay visible on the rebuilt scale.
librowski
force-pushed
the
ds2-tokens-refresh-0915
branch
from
September 16, 2026 11:47
160bb56 to
d0b1e85
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Export
Tokens Studio export from the design system file after the 15.09 publish (changelog entries 1.1.9, 1.1.10, 1.1.11), compared with the 14.09 export by name and value:
Added:
canvas/node/body-{h-pad,v-pad,gap,radius}andcanvas/node/row-{h-pad,v-pad,gap,radius};shadow/canvas/focus-ring/node/{x,y,blur,spread};components/button/ghost/{primary,critical,success,warning}/text-defaultandcomponents/button/solid/warning/text;colors/orange-500-{10..50}.Removed:
shadow/canvas/focus-node/*(renamed),colors/orange-400-{10..50}(replaced),canvas/node/insetandgap-inner(orphans confirmed by design).Changed: the whole
colors/orange-*scale (rebuilt in OKLCH around #FDAC1B) and every warning alias that follows it.Code
node-panel.module.cssand AI Studiohighlighting.cssuse--wb-ds-shadow-canvas-focus-ring-node-*.--wb-public-button-ghost-{primary,critical,success}-colorbind to the new component roles (light: acc1-700, red-600, green-600; dark unchanged). The sharedui/text/*-defaultroles are untouched, so field labels, destructive menu items, the Select button and AI Studio statuses keep their colours.node-section, AI Agentnode-info-wrapperandconnectable-itembind padding, gap and radius to the body and row roles; the row gap gets its own variable; the lastmissing tokenmarkers in the node body are gone. Values unchanged, rows stay 205px. Decision log updated (connectable-item-design-widthfollow-up closed by 1.1.9).Changesets:
@workflowbuilder/uiminor with aBreaking changesnote for the renamed ring variables and the replaced orange tints;@workflowbuilder/sdkpatch.Verification
pnpm -F @workflowbuilder/ui-tokens build,pnpm -F @workflowbuilder/ui buildwithcheck:built-css, stylelint on ui, sdk and ai-studio (every--wb-ds-*reference resolves), ui and sdk unit tests, typecheck on ui, sdk and ai-studio, geometry parity against the Figma masters (9/9).Review follow-ups (16.09)
major: the export removes--wb-ds-shadow-canvas-focus-node-*,--wb-ds-colors-orange-400-{10..50}and two node roles, and--wb-ds-*is a documented override surface.orange-400primitive (rebuilt to a pastel in this export): they bind to--wb-ds-canvas-badge-notify-warning-{bg-default,icon}and--wb-ds-ui-icon-warning-default. Twomissing tokenmarkers gone.Export of 16.09 (design system 1.1.12)
--wb-ds-canvas-node-focus-{active,critical,success,warning}become--wb-ds-canvas-node-focus-ring-*, same values (design answer of 16.09; the ring now has one name across colours, shadows and docs). Onlynode-panel.module.cssused one of them. Diff against the 15.09 export: 8 renamed entries, nothing else. Listed in the changeset'sBreaking changesnext to the shadow rename.