Orange-OpenSource / Orange-OpenSource/ouds-flutter
In `library`, add tokens v2.7.0
Open
@nouha06 is already working on this.
Since Aug 2, 2026.
📖 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
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
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
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.