Releases: Sage/design-tokens
Releases · Sage/design-tokens
v5.0.0-beta.24
5.0.0-beta.24 (2024-10-08)
Features
- data: add an inverse color for bg alt (1c0922f)
- data: adding a size none for container group (4c17be2)
- data: adding adaptive size tokens for skeleton (e1c0621)
- data: adding better page bg colors to make the ui feel more modern (75f674f)
- data: adding bold link tokens (384774d)
- data: adding clamp responsive profile type tokens (a5ca8a5)
- data: adding H5 token for lisa (a410bea)
- data: adding heading mid layer tokens (94c40f8)
- data: adding marketing roundedness overrides for card and tile (d554a8b)
- data: adding mid level backdrop colors for page level tokens (94a564b)
- data: adding missing H5 token (e7d5751)
- data: adding missing legacy tokens for input and popovers (25979ed)
- data: adding missing pill wrapper tokens (631c800)
- data: adding more legacy theme overrides (125c97f)
- data: adding opacity token for progress spinner (e58e4b9)
- data: adding pill radius override to legacy theme (8a97267)
- data: adding profile type tokens (472cdf3)
- data: adding rating tokens (e34a901)
- data: adding small screen overrides for typography (1288db5)
- data: adding support for legacy navy subtle button (c25d316)
- data: adding XS size for initials in (892fb64)
- data: adjusting color bg color for spinner bg (a42e1c4)
- data: adjusting font sized for product default large paragraph text (5db76c2)
- data: attaching local variables (be6fcc9)
- data: attempting to override small type tokens (69f49e9)
- data: changing feedback group to be called status instead (6e53b61)
- data: changing paragraph name to be typical instead of standard (ccb1dc4)
- data: changing the order of variable modes (46c78b2)
- data: deleting a dupe token (4855c9e)
- data: finalising type tokens for profile comp (f64eb8d)
- data: fixing a typo (754ad3b)
- data: fixing alias references where inverse was referenced inside standard groups (f35c99e)
- data: fixing aliases on popover component group. Previosly inverse was pointing to standard. (7974ada)
- data: fixing an alias token in page component specific layer (d5a48f8)
- data: fixing bg colors for vas on rating (2be5cb3)
- data: fixing broken variables (8bfce1b)
- data: fixing container aliases to remove inverse references in standard groups (65581c7)
- data: fixing dimmer token issues (f02cf49)
- data: fixing focus label color issue on dark theme (2b095e3)
- data: fixing inverse bg color on nudge (be47be4)
- data: fixing issue with status bg color on inverse (5f9e5bd)
- data: fixing lots of component large type sizes. They were pointing to small instead of large. (c1e0631)
- data: fixing mid layer discrepencies (b3995f7)
- data: fixing responsive large subtle button where it accidentally pointed to small instead of large (3d2f3e7)
- data: fixing skeleton state mid layer aliases (80f5f9c)
- data: fixing skeleton state size (806efb6)
- data: fixing some of the issues withy file input tokens where mid layer was incorrectly set up (978741e)
- data: fixing some sentancecase issues (1ebdbdb)
- data: fixing status alias issues (bad7e72)
- data: fixing table label colors (25b4b0e)
- data: fixing typo in the progress group (2d2011c)
- data: improving table colors to make them more on brand (8349cae)
- data: making adaptive type play well with Figma (23dbc28)
- data: making sure large button type sizes point to their large counterparts in the mid layer (563e7ae)
- data: moving nudge tokens to container instead of status (150425b)
- data: removing alias reference to standard groups that sit within inverse inside status component file (ad4f054)
- data: removing all reference to inverse tokens (6369f3e)
- data: removing any reference of standard in inverse for buttons and badges (441eaf9)
- data: removing extra semicolons for linear gradients in the modes mid layer (5371e2d)
- data: removing token that breaks the things (4cbb2b2)
- data: simplifying skeleton size tokens (3a10a0a)
- data: simplifying the type tokens so we can change font size via variables (b7c5cde)
- data: syncing themes (b2872b9)
- data: syncing them...
v5.0.0-beta.23
5.0.0-beta.23 (2024-09-20)
Features
- data: adding screensize dependant breakpoint-min-width token (4b280c3)
v5.0.0-beta.22
5.0.0-beta.22 (2024-09-09)
Features
v5.0.0-beta.21
v5.0.0-beta.20
5.0.0-beta.20 (2024-09-06)
Features
- data: feat(data): (284ae70)
- data: 1. Add base.color.generic.content.standard.moderate. 2. Update value of base.color.interactive.inactive.standard.iconAlt. (59e2354)
- data: 1. Add form.space.calendar.yg.M. 2. Remove popover calendar tokens. (3903f30)
- data: 1. Add origin.colors.lightAiV. 2. Add base.color.status.ai.inverse.default-vertical. 3. Add feedback.color.inverse.AI.nudge tokens. 4. Add feedback.color.inverse.text. (1a47a24)
- data: 1. Change progress.size. carouselselector to carousel.selector. 2. Change progress.space carouselslide carousel.slide. 3. Add progress.space.carousel.selector.y. 4. Reorder code alphabetically. (08bdf3e)
- data: 1. Change token name of several form.color.switch tokens from activedisabled and to activedisabled. 2. Update value of form.color.switch.label-active for On label. 3. Update value of form.color.switch.label-activedisabled. (a7c3655)
- data: 1. Create subsets in feedback.space.message tokens. 2. Add feedback.size.message.global tokens. (771a8f3)
- data: 1. Delete form.size.filepreview.thumbnail. 2. Add form.space.filepreview.thumbnail tokens. (a19b909)
- data: 1. Delete progress.space.loader.xg.xs. 2. Add progress.space.loader x, xg, and y tokens (0b47dc4)
- data: 1. Move container.size.pagination tokens to progress.size.carouselselector. 2. Add progress.opacity.carousel.inactive. 3. Add progress.space.carouselslide.x. (bbbde71)
- data: 1. Remove button.space.generic tokens. 2. Add button video colour tokens. 3. Update value of form.color.standard.calendar.text-hover. 4. Update values of modes.color.interactive.monochrome standard and inverse withDefault (ecf4299)
- data: 1. Rename base.color.status.cool to base.color.status.generic. 2. Rename progress.color.standard fg-alt3 to datavis.fg-default. (a35c46c)
- data: 1. Rename radius colorswatch token to colorpicker. 2. Add calendar spacing tokens to Form. 3. Reorder Form tokens alphabetically. (943b478)
- data: 1. Temporary update to nav.color boder tokens. 2. Update value of nav.color.inverse.bg-alt. (9c66e78)
- data: 1. Update description of base.color.interactive.inactive.standard.contentAlt. 2. Add base.color.interactive.inactive.standard icon and iconAlt. 3. Update value of form.color.typical.icon- readOnly and disabled. (87a5b94)
- data: 1. Update nav color names from subtle to standard, and from harsh to inverse. 2. Move popover colors into a standard parent folder. Create inverse popover colors. Update value of form.color.dropdown.bg-hover. 3. Add sage-icon font to global, and re-order font families. 4. Update value of global.typography.component.icon.M, and add S and L tokens. 5. Reorder typography code. (9a9593f)
- data: 1. Update progress skeleton space tokens. 2. Add container.radius.contacttile token. 3. Add container.color.inverse tokens. 4. Add container.radius.contacttile. (7fb492d)
- data: 1. Update value of form.radius.colorpicker. 2. Reorder Form radius and borderwidth tokens alphabetically. (95080b6)
- data: 1. Update value of global.size.icon S and L. 2. Update value of container.size.icon.L. 3. Add form.size.icon S and L. (81eb80a)
- data: 1. Update value of nav.size.horizontal.navbar.content.icon.M. 2. Update descriptions on progress.space.skeleton.singleline.xg tokens (8f1a109)
- data: 1. Update values and descriptions of base.color.interactive.primary tokens. 2. Add base.color.modifiers.link tokens (b66a85f)
- data: 1. Update values of progress.space.stepsequence yg.M and xg.M. 2 Addprogress.color.stepsequence colors. (557e518)
- data: 1) Delete nav.color item.border active and default tokens. 2) Delete nav.radius.navigationleft (61fe9df)
- data: 2nd push (2d725d0)
- data: 2nd push (9913ac4)
- data: 2nd push (d44bb3f)
- data: 2nd push (fd33c65)
- data: 2nd push (ce0578c)
- data: 2nd push (4b672cf)
- data: 2nd push (1575670)
- data: 2nd push (9ffce0c)
- data: 2nd push (d8046bb)
- data: 2nd push (35f4e22)
- data: 2nd push (a4cd3fe)
- data: 2nd push (0986cb8)
- data: 2nd push (af6de86)
- data: actioning primary and secondary text color ratios (4e1a804)
- data: add a higher contast subtle button (cac153b)
- data: Add activealt colours to navigation and popover. (4b61001)
- data: add ai border tokens (2dda7e1)
- data: Add base and component tokens for logo colours. (315b5e5)
- data: Add base colour for status AI, add feedback colour for AI, and move nudge into AI. (257a8ff)
- data: Add base status cool colour, and add progress.color.standard.fg-alt3 (for progress tracker) (f01188c)
- data: Add base.color.generic.bg.standard tokens. Update nav colour tokens. (82b1829)
- data: Add base.color.interactive.dataEntry.withActiveAlt and form.color.typical.iconAlt-active. (ad5e41b)
- data: Add base.color.status.ai.inverse.default-horizontal and update value of feedback inverse horizontal token (5667887)
- data: Add boxshadow for tab navigation (f54613d)
- data: Add button video.media colour and dimension tokens (742c67d)
- data: Add button.space.bar.iconbutton (cf6aa4b)
- data: Add button.space.generic.icononly.x S, M and L tokens (e8fabd9)
- data: Add container.radius.blockquote.bar (e54efc5)
- data: Add container.spa...
v4.35.0
v5.0.0-beta.19
5.0.0-beta.19 (2024-04-15)
Features
- data: [4:02 PM] Denning, Claire (a81a779)
- data: 1. Add global.typography.heading.XXS. 2. Delete unused container.space.generic.content.pt.M. (dd55ad6)
- data: 1. Add table.color.row.bg-alt3. 2. Update description of table.color.row.bg-alt2. (e13ce08)
- data: 1. Change value of base.color.status standard.default from origin colours to origin BRIGHT colours, and update value of feedback.color.standard.label-default from white token to black token. 2. Add base.color.status standard.text colours for negative and caution. 3.. Update value of feedback.color inverse and standard label-disabled. 4. Change names of all base.color.status standard hoverAlt to alt, and update description. (b357f8c)
- data: 1. Change value of base.color.status.negative.standard.default from red to brightRed. 2. Change value of form.color.validation label tokens. (b16a57b)
- data: 1. Delete feedback.color label-disabled. 2. Add feedback.color label-readonly. (3a9e877)
- data: 1. Re-order typography code. 2. Add typography component profile tokens. (decd6dc)
- data: 1. Rename feedback bg and border disabled tokens to readonly, and update some of the values. (d4b16bb)
- data: 1. Rename global shadow tokens to boxshadow. 2. Change order of global tokens. 3. Rename component-specific borderradius tokens to radius. (53259ce)
- data: 1. Rename typical space tokens to generic. 2. Re-order code. (b5a57b7)
- data: 1. Revert value of base.color.status standard.default back to origin from origin Bright. 2. Revert the value of feedback.color.standard.label-default from black to white token. (da5e637)
- data: 1. Update descriptions on origin reds. 2. Update values of button.space.layout.gap tokens. 3. Rename elevation tokens to shadow. 4. Rename borderradius tokens to radius. 5. Update description on global.borderradius.interactive.XS. 6. Update values of some base.color.interactive.danger tokens. (1b550d0)
- data: 1. Update value of fileinput.uploadpreview. 2. Add global.size.macro.XXXXL. 3. Add container.size.linkpreview.M. (e16cb64)
- data: 1. Update value of global.space.scale. 2. Update value of button.space.typical.y.L. (fa4cefd)
- data: 1. Update values of tab.color.typical bg-active and bg-hover. (402d9a2)
- data: 2nd push (0179c31)
- data: 2nd push (741c50b)
- data: 2nd push (5bf9372)
- data: Add borderwidth.portrait token. (376e79e)
- data: Add container.color.standard.icon. (0eb5f2c)
- data: Add container.color.standard.interactive.borderalt-hover. (70d07fa)
- data: Add container.size.icon.L. (7759a7a)
- data: Add container.space.generic.content.xg.XS, (1ff8e0a)
- data: Add feedback.space.integral.x token. (874b2fa)
- data: Add global size token. Add container.size.scrollbar token. (f2cf370)
- data: Add tab.color.typical.border-hover. (907dc45)
- data: Add tab.radius.L and updated tab.radius.M description. (f99258c)
- data: added a callout color for marketing to consume on their banners (782421b)
- data: adding card drag state (fb1bd9e)
- data: adding component specific icon tokens (7a3e07e)
- data: adding drag state to interactive card elevations (df5f6b4)
- data: adding generic content padding tokens for popover content such as color picker and calendar (c516e03)
- data: adding marketing minty jade color for phillip (1da887f)
- data: adding more origin border-rad options for cards, dialogs and tiles (73fd408)
- data: adding new gap token for raf to use in his link preview component (d6c1642)
- data: adding new icon colors for message comp (8149ede)
- data: adding new token structure based off call with dru to support small and large screens (77b814a)
- data: adding spacing and sizing tokens for color picker (4157616)
- data: adding the missing yg token for raf (f5e0b4b)
- data: adding the subtle message bg colors. (5154c83)
- data: adding underline styling origin token for typography (e7392a5)
- data: adding XS heading for use on product tiles, cards etc (bff3bb1)
- data: adjusting dialog border radius to mirror what's been agreed with phillip (16fffff)
- data: apply white mixer for subtle message bgs (a2532bd)
- data: changing body token to be called paragraph (e51916e)
- data: changing card footer to be white (810b208)
- data: changing hover origin token for cards (52780e1)
- data: changing paragraph subheading to 'body' (e987666)
- data: cleaning up the amount of type sizes used. Deleting redundant ones to simplify based on foundations file. (01e02f9)
- data: deleting out redundant tokens that claire marked in pink (8201be3)
- data: editing some swatch container border-rad tokens (f4e7efe)
- data: Figma sync (8cd83fe)
- data: Figma sync theme update (904de59)
- data: Figma theme update. (79d5651)
- data: fix for large paragraph spacing issue (c36b953)
- data: fixing spacing issue on lar...
v5.0.0-beta.18
5.0.0-beta.18 (2024-03-19)
Features
- data: 1. Add border radius tokens for badge, datatable, feedback, form, progress, nav. 2. Rename datatable to table. 3. Update button border radius token descriptions. (bdc375e)
- data: 1. Add border radius tokens to the following component-specific tokens - button, popover, tab. 2. Update description on global.border-radius.interactive.M, global.border-radius.interactive.XL and global.border-radius.interactive.XXL. 3. Change global.border-radius.interactive.none to global.border-radius.none. (40c72b8)
- data: 1. Add container sizing token for subscriptiontile.productidentifier. 2. Add spacing tokens for subscription tile. 3. Update description on feedback.size.pill tokens. 4. Remove form.color.calendar.bg-default. 5. Add form.space.calendar tokens. 6. Reorder form code to be alphabetical. (86dc5f0)
- data: 1. Add form.size.icon token. 2. Add form.space targeted tokens for divider, input, fileinput, option and stack. 3. Add global.size.macro.XXXL token. 4. Add popover.space.menu.M.vertical token. (2ccd723)
- data: 1. Add gradient token for progress.color.standard.bg-skeleton. 2. Add container.color.scroll tokens. 3. Add progress.color.standard.fg-alt2 for step sequence. (bc03dd4)
- data: 1. Add typography pill tokens. 2. Edit and remove feedback pill tokens. 3. Update values of form.size.switch.container. 4. Add form.space.switch. 5. Reorder form code alphabetically. 6. Reorder global typography code alphabetically. (87c4d9a)
- data: 1. Change global radius and elevation from active to source. Not sure if this will change any code... 2. Remove border-width from the global.size token set. Not sure if this will change any code... 3. Add global.borderwidth token set. 4. Add borderwidth tokens to container for accordion, button, container, feedback, focus, form, nav, tab, table. 5. Change value of button.color.standard.destructive.primary.label-disabled and button.color.standard.typical.primary.label-disabled to (1755d49)
- data: 1. Change names of global.box-shadow.interactive tokens. 2. Add container.boxshadow for card, carousel, dialog, sidebar. 3. Delete container.borderradius.tooltip, and add feedback.borderradius.tooltip. 4. Add feedback.boxshadow tooltip & toast. 5. Add nav.boxshadow.menu. 6. Add popover.boxshadow.popover. 7. Add table.boxshadow.parentrow. (38ea492)
- data: 1. Change origin ai to aiH. 2. Add origin lightAiH. 3. Add base.color.interactive.ai.inverse. 4. Add button.color… .ai.bg-hover. 5. Add button.color.inverse tokens. 6. add progress.color... fg-ai tokens. 7. Update weight values of global.typography.web.component.firm XS and S to be medium not regular. (b9876c6)
- data: 1. Change popover.space.menu py to y. 2. Change tab.space tokens. 3. Add popover space tokens. (f07cae2)
- data: 1. Change theme settings in plugin. 2. Add border width for badge. (7584d60)
- data: 1. Combine global.borderwidth tokens into one group. 2. Update values of component borderwidth tokens. (32ca311)
- data: 1. Move scrollbar tokens from progress to container. 2. Update container.size.scrollbar tokens. 3. Add button.space.toggle tokens. (eba5680)
- data: 1. Remove container.space.pagination tokens. 2. Add typography.web.component.link token. 3. Remove table.size.header tokens. (01ca618)
- data: 1. Remove form.space.layout XS and WHAT IS THIS FOR. 2. Update form.space.layout token names. 3. Remove form.space. option tokens. 4. Add many form.space.integral tokens. (29381d8)
- data: 1. Rename global.box-shadow.interactive.enabled to ...near. 2. Rename global.box-shadow.interactive.hover to … distant. 3. Update description on global.border-radius tokens. 4. Create global.border-radius.interactive.XXL. (7e94658)
- data: 1. Update description of form.space.input.px.M and form.space.fileinput.inputgap.M. 2. Rename form.space.integral.pb.pb to form.space.integral.gap.pv. (daf592c)
- data: 1. Update description on form space token. 2. Add container space token for tile content. (2d55d1d)
- data: 1. Update descriptions in varius border radius tokens. 2. Add new border radius tokens to container and form. 3. Remove portrait border radius token from form, and add to profile. 4. Remove link and skiplink border radius tokens from focus, and add them to link. 5. Rename badge border radius token from circle to badge. 6. Reorder various border radius tokens to be alphabetical. (b672e39)
- data: 1. Update descriptions on container space tokens. Add container space tokens. Reorder code alphabetically. 2. Add container.size.accordion token. (58871a7)
- data: 1. Update descriptions on global.border-radius tokens. 2. Add borderradius to container and form component tokens. 3. Move button, form, popover and tab borderRadius tokens into parent folder named borderradius. (1ee7aa2)
- data: 1. Update form.space.input.xg.M description. 2. Add container.space.integral.timestamp token. (b4f05cd)
- data: 1. Update spacing tokens in container. (2663ca2)
- data: 1. Update value of base.color.interactive.monochrome.standard.hover to origin.colors.black. Update value of base.color.interactive.monochrome.inverse.hover to origin.colors.white. 2. Move container.color.standard.interactive border and bg activated colours into container.color.standard. 3. Add container.color.standard.bgFooter-active, container.color.standard.bgFooter-activated, container.color.standard.border-active, and container.color.standard.border-activated. 4. Temporary change of container.color.standard.interactive.bgFooter-activated, container.color.standard.interactive.bgFooter-active, and container.color.standard.interactive.border-activated to FF00FF. They can probably be removed. (344f698)
- data: 1. Update value of form.button.space…xg subtle.L to 4px, and typical.L to 8px. 2. Add spacing tokens to Link. 3. Update spacing tokens in Form. 4. Add global.space.macro.ML (for file input no-thumbnail). 5. Add feedback.space.tooltip tokens. 6. Maybe something else :) (cbc8b3e)
- data: 1. Update value of form.color.switch.border-enabled. 2. Add form.color.calendar.bg-duration. 3. Update value of form.color.calendar.bg-hover. (fb6d1f0)
- data: 1. Update values of global.lineheights. (36c6f49)
- data: 2nd push (477919f)
- data: 2nd push (abf6b38)
- data: 2nd push (078325c)
- data: 2nd push (af46042)
- data: 2nd push (0e87bc2)
- data: 2nd push (2c72262)
- data: 2nd push (0b4365f)
- data: 2nd push (ac49754)
- data: 2nd push (5991a58)
- data: 2nd push (0d3e8dd)
- data: 2nd p...
v5.0.0-beta.16
v5.0.0-beta.15
5.0.0-beta.15 (2024-01-23)
Features
- update component selector for css & scss references (4b8007f)
BREAKING CHANGES
- Token structure change