Orange-OpenSource / Orange-OpenSource/ouds-flutter

In `library`, add tokens v2.7.0

Open
#868 1 comment 0 reactions 2 assignees View on GitHub

@nouha06 is already working on this.

Since Aug 2, 2026.

  • #941 by @boosted-bot — closed without merging
  • #943 by @boosted-bot — closed without merging
📖 documentation 📱 demo app 🧬 token 🧰 library
Dominant language
Dart
Stars
10
Forks
5
Avg merge
6d 8h
Merged PRs (30d)
9

Description

Description

Verbatims of @MaximeTonnerre below:

Tokens changelog - Component-changelog // Update V.1.15.0

Summary
- Added references: 10
- Updated references: 12
- Renamed references: 2
- Removed references: 0
- Deprecated references: 0
 
Added references:
- content-display-accordion-list-item→1.0.0
- content-display-accordion-card-item→1.0.0
- content-display-accordion-faq→1.0.0
- dialog-alert-banner→1.0.0
- dialog-toast→1.0.0
- dialog-modal-dialog-web→1.0.0
- dialog-fullscreen-dialog-web→1.0.0
- dialog-side-sheet-web→1.0.0
- indicator-categorical-tag→1.0.0
- indicator-linear-progress-indicator→1.1.0

Renamed references:
- dialog-modal-dialog→dialog-modal-dialog-android (0.0.0)
- indicator-progress-indicator→indicator-circular-progress-indicator

Updated references:
- action-button→3.4.0
- action-navigation-button→3.4.0
- action-expand-button→3.3.0
- action-interactive-icon→1.1.0
- indicator-circular-progress-indicator→1.2.0
- navigation-ios-toolbar-top→1.1.0
- control-static-list-item→1.2.0
- control-static-card-item→1.2.0
- control-navigation-list-item→1.2.0
- control-navigation-card-item→1.2.0
- foundation-typography→1.1.0
- dialog-alert-message→1.2.0

See Figma resource

component changelog-V1.15.zip

System-ouds // Update V.2.7.0

Summary
- Added references: 7
- Updated references: 1
- Renamed references: 55
- Removed references: 14
- Deprecated references: 0

To allow designers to use Figma-specific tokens without having them included in technical implementations, a new naming convention has been introduced.
Tokens that are exclusively intended for use in Figma are now identified by adding the “🎨_” icon at the beginning of their name. This convention makes it easy to distinguish design-only tokens from those that should be retrieved and used by technical environments.

Effect
Added references:
- effect-blur-backdrop→core-ouds-effect-blur-80

Space
The following five families have been renamed:
- space-padding-inline→💠_space-padding-inline
- space-padding-block→💠_space-padding-block
- space-inset→💠_space-inset
- space-column-gap→💠_space-column-gap
- space-row-gap→💠_space-row-gap
Added references:
- 💠_space-padding-inline-5xlarge
- 💠_space-padding-inline-6xlarge
- 💠_space-padding-block-5xlarge
Updated references:
- space-scaled-small-desktop→dimension-4xsmall

Size
Added references
- size-max-width-boxed-text-mobile→core-ouds-dimension-7000
- size-max-width-boxed-text-tablet→core-ouds-dimension-8000
- size-max-width-boxed-text-desktop→core-ouds-dimension-9000

Grid
Removed references
- grid-2xs-width
- grid-xs-width
- grid-sm-width
- grid-md-width
- grid-lg-width
- grid-xl-width
- grid-2xl-width
- grid-3xl-width
- grid-ios-extra-compact-width
- grid-ios-compact-width
- grid-ios-regular-width
- grid-android-extra-compact-width
- grid-android-compact-width
- grid-android-medium-width

Release note (Specific Orange theme):

Color-decorative + Color-chart
The following five families have been renamed:
- orange-color-🎨_decorative→orange-color-decorative
- orange-color-📊_dataviz→orange-color-dataviz

Color-surface
Updated references:
- color-surface-status-accent-emphasized-light→color-repository-accent-medium
 
Color-content
Updated references:
- color-content-status-accent-light→color-repository-accent-medium
 
Color-border
Updated references:
- color-border-status-accent-light→color-repository-accent-medium

Release note (Specific Orange Compact theme):

Color-surface
Updated references:
- color-surface-status-accent-emphasized-light→color-repository-accent-medium

Color-content
Updated references:
- color-content-status-accent-light→color-repository-accent-medium

Color-border
Updated references:
- color-border-status-accent-light→color-repository-accent-medium

🔥 Release note (Component):


Summary
- Added references: 83
- Updated references: 0
- Renamed references: 5
- Removed references: 0
- Deprecated references: 3

Dialog-modal
Numerous references were added to meet the needs of the component's creation→[Modal tokens repository](https://www.figma.com/design/emjUzoF6eFGqulbHQVrm8k/Dialog---Modal?node-id=18068-5647&t=a8nwSJ6EDRXUZE6c-4)
 
Dialog-sheet
Numerous references were added to meet the needs of the component's creation→[Sheet tokens repository](https://www.figma.com/design/ozVyczHF7HHA0bL8pV3O7d/Dialog---Sheet?node-id=20008-1162&t=ifCC1WqVQFZGhvRp-4)
 
Dialog-toast
Numerous references were added to meet the needs of the component's creation→[Toast tokens repository](https://www.figma.com/design/O1qVrZorahDAbMyt0jpY1D/Dialog---Toast?node-id=4198-112635&t=ZRoe1xrm7MSEXD2B-4)
 
Dialog-alert-banner
Numerous references were added to meet the needs of the component's creation→[Alert banner tokens repository](https://www.figma.com/design/gFMGyUGbDr2J6uGhhJQblJ/Dialog---Alert-banner?node-id=4198-112635&t=R4D4yWff02AN9YvM-4)
 
Indicator-categorical-tag
Numerous references were added to meet the needs of the component's creation→[Categorical tag tokens repository](https://www.figma.com/design/i81tHCS7jn5GnA1puyScDJ/Indicator---Tag?node-id=13223-392&t=hs5P0xpvMb80TOvg-4)

Foundation-typography

Deprecated references:
- foundation-typography-space-padding-block-top-heading-large-marker
- foundation-typography-space-padding-block-bottom-heading-large-marker
 
Added references:
- foundation-typography-color-content-marker-light
- foundation-typography-color-content-marker-dark

Content-display-accordion-faq
Renamed references:
- content-display-accordion-faq-space-padding-block-bottom-slot-list-item-container-mobile
→content-display-accordion-faq-space-padding-block-bottom-slot-container-mobile
- content-display-accordion-faq-space-padding-block-bottom-slot-list-item-container-tablet
→content-display-accordion-faq-space-padding-block-bottom-slot-container-tablet
- content-display-accordion-faq-space-padding-block-bottom-slot-list-item-container-desktop
→content-display-accordion-faq-space-padding-block-bottom-slot-container-desktop

Dialog-alert
Renamed references:
- dialog-alert-size-min-height-bottom-action-placement→dialog-alert-size-min-height-bottom-action

Dialog-alert
Renamed references:
- dialog-alert-size-min-height-bottom-action-placement→dialog-alert-size-min-height-bottom-action
 
Action-button
Added references:
- action-button-size-max-width→core-ouds-dimension-4000
 
Control-list-item
Deprecated references:
- control-list-item-size-flag-heightSummary

See Figma reference

system-orange.zip
system-ouds-V2.7.0.zip

Core-ouds // Release note V.1.11

Color
Updated references:
- color-functional-gray-dark-320→#595959

Grid
Removed references:
- grid-width-100
- grid-width-200
- grid-width-300
- grid-width-400
- grid-width-500
- grid-width-600
- grid-width-700
- grid-width-800
Updated references:
- grid-max-width-ios-regular→1366

Effect
Added references:
- effect-blur-80→8
 
Dimension
Added references:
- dimension-8000→800

See Fima resource

core-ouds-V1.11.zip

Definition of Ready

  • Have tokens available in Figma
  • Update tokentator

Definition of Done

  • Embed tokens v2.7 in library
  • Update documentation
  • Update design system toolbox app

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.