Skip to content

Commit 7ecea62

Browse files
Tayebsed93Tayebsed93
authored
chore: add space tokens (#40)(#66)
1 parent aa004f5 commit 7ecea62

File tree

13 files changed

+484
-0
lines changed

13 files changed

+484
-0
lines changed

‎CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
88

99
### Added
1010

11+
- [Library] Add space tokens ([#40](https://github.com/Orange-OpenSource/ouds-flutter/issues/40))
1112
- [Library] Add elevation tokens ([#39](https://github.com/Orange-OpenSource/ouds-flutter/issues/39))
1213
- [Library] Add border tokens ([#38](https://github.com/Orange-OpenSource/ouds-flutter/issues/38))
1314
- [Library] Add opacity tokens ([#36](https://github.com/Orange-OpenSource/ouds-flutter/issues/36))

‎ouds_core/CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
88

99
### Added
1010

11+
- [Library] Add space tokens ([#40](https://github.com/Orange-OpenSource/ouds-flutter/issues/40))
1112
- [Library] Add elevation tokens ([#39](https://github.com/Orange-OpenSource/ouds-flutter/issues/39))
1213
- [Library] Add border tokens ([#38](https://github.com/Orange-OpenSource/ouds-flutter/issues/38))
1314
- [Library] Add opacity tokens ([#36](https://github.com/Orange-OpenSource/ouds-flutter/issues/36))

‎ouds_global_raw_tokens/CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
88

99
### Added
1010

11+
- [Library] Add space tokens ([#40](https://github.com/Orange-OpenSource/ouds-flutter/issues/40))
1112
- [Library] Add elevation tokens ([#39](https://github.com/Orange-OpenSource/ouds-flutter/issues/39))
1213
- [Library] Add border tokens ([#38](https://github.com/Orange-OpenSource/ouds-flutter/issues/38))
1314
- [Library] Add opacity tokens ([#36](https://github.com/Orange-OpenSource/ouds-flutter/issues/36))

‎ouds_theme_contract/lib/ouds_theme_contract.dart‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_color_semantic_to
1919
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_elevation_semantic_tokens.dart';
2020
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_font_semantic_tokens.dart';
2121
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_opacity_semantic_tokens.dart';
22+
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_space_semantic_tokens.dart';
2223

2324
/// Contract to create an OUDS-compliant theme.
2425
/// Any values that are not defined will inherit from the default Orange theme.
@@ -42,6 +43,9 @@ abstract interface class OudsThemeContract {
4243
/// Elevation semantic tokens values used in the theme
4344
OudsElevationSemanticTokens get elevationTokens;
4445

46+
/// Space semantic tokens values used in the theme
47+
OudsSpaceSemanticTokens get spaceTokens;
48+
4549
/// Font semantic tokens values used in the theme
4650
OudsFontSemanticTokens get fontTokens;
4751

‎ouds_theme_contract/lib/ouds_tokens_provider.dart‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_border_semantic_t
1515
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_elevation_semantic_tokens.dart';
1616
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_font_semantic_tokens.dart';
1717
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_opacity_semantic_tokens.dart';
18+
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_space_semantic_tokens.dart';
1819

1920
/// [OudsProvidersTokens] is a container class that holds the theme-related tokens for color, border, and font.
2021
/// It provides access to different theme tokens like [OudsColorScheme], [OudsBorderSemanticTokens], and [OudsFontSemanticTokens] etc,
@@ -26,13 +27,15 @@ class OudsProvidersTokens {
2627
final OudsOpacitySemanticTokens opacityTokens;
2728
final OudsBorderSemanticTokens borderTokens;
2829
final OudsElevationSemanticTokens elevationTokens;
30+
final OudsSpaceSemanticTokens spaceTokens;
2931
final OudsFontSemanticTokens fontTokens;
3032

3133
OudsProvidersTokens({
3234
required this.colorScheme,
3335
required this.opacityTokens,
3436
required this.borderTokens,
3537
required this.elevationTokens,
38+
required this.spaceTokens,
3639
required this.fontTokens,
3740
});
3841
}

‎ouds_theme_contract/lib/theme/tokens/semantic/ouds_space_semantic_tokens.dart‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
//
2+
// Software Name: OUDS Flutter
3+
// SPDX-FileCopyrightText: Copyright (c) Orange SA
4+
// SPDX-License-Identifier: MIT
5+
//
6+
// This software is distributed under the MIT license,
7+
// the text of which is available at https://opensource.org/license/MIT/
8+
// or see the "LICENSE" file for more details.
9+
//
10+
// Software description: Flutter library of reusable graphical components
11+
//
12+
13+
// Tokens version 0.5.0
14+
// Generated by Tokenator
15+
16+
17+
abstract class OudsSpaceSemanticTokens {
18+
late double columnGapMedium;
19+
late double columnGapNone;
20+
late double columnGapShort;
21+
late double columnGapShorter;
22+
late double columnGapShortest;
23+
late double columnGapSmash;
24+
late double columnGapTall;
25+
late double columnGapTaller;
26+
late double columnGapTallest;
27+
late double fixedHuge;
28+
late double fixedJumbo;
29+
late double fixedMedium;
30+
late double fixedNone;
31+
late double fixedShort;
32+
late double fixedShorter;
33+
late double fixedShortest;
34+
late double fixedSmash;
35+
late double fixedSpacious;
36+
late double fixedTall;
37+
late double fixedTaller;
38+
late double fixedTallest;
39+
late double insetMedium;
40+
late double insetNone;
41+
late double insetShort;
42+
late double insetShorter;
43+
late double insetShortest;
44+
late double insetSmash;
45+
late double insetSpacious;
46+
late double insetTall;
47+
late double insetTaller;
48+
late double insetTallest;
49+
late double paddingBlockHuge;
50+
late double paddingBlockMedium;
51+
late double paddingBlockNone;
52+
late double paddingBlockShort;
53+
late double paddingBlockShorter;
54+
late double paddingBlockShortest;
55+
late double paddingBlockSmash;
56+
late double paddingBlockSpacious;
57+
late double paddingBlockTall;
58+
late double paddingBlockTaller;
59+
late double paddingBlockTallest;
60+
late double paddingInlineHuge;
61+
late double paddingInlineMedium;
62+
late double paddingInlineNone;
63+
late double paddingInlineShort;
64+
late double paddingInlineShorter;
65+
late double paddingInlineShortest;
66+
late double paddingInlineSmash;
67+
late double paddingInlineSpacious;
68+
late double paddingInlineTall;
69+
late double paddingInlineTaller;
70+
late double paddingInlineTallest;
71+
late double rowGapMedium;
72+
late double rowGapNone;
73+
late double rowGapShort;
74+
late double rowGapShorter;
75+
late double rowGapShortest;
76+
late double rowGapSmash;
77+
late double rowGapTall;
78+
late double scaledMediumMobile;
79+
late double scaledMediumTablet;
80+
late double scaledNoneMobile;
81+
late double scaledNoneTablet;
82+
late double scaledShortMobile;
83+
late double scaledShortTablet;
84+
late double scaledShorterMobile;
85+
late double scaledShorterTablet;
86+
late double scaledShortestMobile;
87+
late double scaledShortestTablet;
88+
late double scaledSmashMobile;
89+
late double scaledSmashTablet;
90+
late double scaledSpaciousMobile;
91+
late double scaledSpaciousTablet;
92+
late double scaledTallMobile;
93+
late double scaledTallTablet;
94+
late double scaledTallerMobile;
95+
late double scaledTallerTablet;
96+
late double scaledTallestMobile;
97+
late double scaledTallestTablet;
98+
}

‎ouds_theme_orange/CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
88

99
### Added
1010

11+
- [Library] Add space tokens ([#40](https://github.com/Orange-OpenSource/ouds-flutter/issues/40))
1112
- [Library] Add elevation tokens ([#39](https://github.com/Orange-OpenSource/ouds-flutter/issues/39))
1213
- [Library] Add border tokens ([#38](https://github.com/Orange-OpenSource/ouds-flutter/issues/38))
1314
- [Library] Add opacity tokens ([#36](https://github.com/Orange-OpenSource/ouds-flutter/issues/36))

‎ouds_theme_orange/lib/orange_theme.dart‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,15 @@ import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_color_semantic_to
2121
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_elevation_semantic_tokens.dart';
2222
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_font_semantic_tokens.dart';
2323
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_opacity_semantic_tokens.dart';
24+
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_space_semantic_tokens.dart';
2425
import 'package:ouds_theme_orange/material/orange_material_color_dark_tokens.dart';
2526
import 'package:ouds_theme_orange/material/orange_material_color_light_tokens.dart';
2627
import 'package:ouds_theme_orange/semantic/orange_border_semantic_tokens.dart';
2728
import 'package:ouds_theme_orange/semantic/orange_color_semantic_tokens.dart';
2829
import 'package:ouds_theme_orange/semantic/orange_elevation_semantic_tokens.dart';
2930
import 'package:ouds_theme_orange/semantic/orange_font_semantic_tokens.dart';
3031
import 'package:ouds_theme_orange/semantic/orange_opacity_semantic_tokens.dart';
32+
import 'package:ouds_theme_orange/semantic/orange_space_semantic_tokens.dart';
3133

3234
/// [OrangeTheme] implements the [OudsThemeContract] and defines the "Orange" theme for the application.
3335
/// It provides both light and dark theme configurations using the OUDS design system, including color, typography,
@@ -79,6 +81,9 @@ class OrangeTheme implements OudsThemeContract {
7981
OudsElevationSemanticTokens get elevationTokens =>
8082
OrangeElevationSemanticTokens();
8183

84+
@override
85+
OudsSpaceSemanticTokens get spaceTokens => OrangeSpaceSemanticTokens();
86+
8287
@override
8388
OudsFontSemanticTokens get fontTokens => OrangeFontSemanticTokens();
8489

@@ -92,6 +97,7 @@ class OrangeTheme implements OudsThemeContract {
9297
opacityTokens: opacityTokens,
9398
borderTokens: borderTokens,
9499
elevationTokens: elevationTokens,
100+
spaceTokens: spaceTokens,
95101
fontTokens: fontTokens);
96102

97103
@override

‎ouds_theme_orange/lib/semantic/orange_space_semantic_tokens.dart‎

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
//
2+
// Software Name: OUDS Flutter
3+
// SPDX-FileCopyrightText: Copyright (c) Orange SA
4+
// SPDX-License-Identifier: MIT
5+
//
6+
// This software is distributed under the MIT license,
7+
// the text of which is available at https://opensource.org/license/MIT/
8+
// or see the "LICENSE" file for more details.
9+
//
10+
// Software description: Flutter library of reusable graphical components
11+
//
12+
13+
// Tokens version 0.5.0
14+
// Generated by Tokenator
15+
16+
import 'package:ouds_theme_contract/theme/tokens/semantic/ouds_space_semantic_tokens.dart';
17+
import 'package:ouds_global_raw_tokens/dimension_raw_tokens.dart';
18+
19+
20+
class OrangeSpaceSemanticTokens extends OudsSpaceSemanticTokens {
21+
@override
22+
double get columnGapMedium => DimensionRawTokens.dimension150;
23+
@override
24+
double get columnGapNone => DimensionRawTokens.dimension0;
25+
@override
26+
double get columnGapShort => DimensionRawTokens.dimension100;
27+
@override
28+
double get columnGapShorter => DimensionRawTokens.dimension75;
29+
@override
30+
double get columnGapShortest => DimensionRawTokens.dimension50;
31+
@override
32+
double get columnGapSmash => DimensionRawTokens.dimension25;
33+
@override
34+
double get columnGapTall => DimensionRawTokens.dimension200;
35+
@override
36+
double get columnGapTaller => DimensionRawTokens.dimension250;
37+
@override
38+
double get columnGapTallest => DimensionRawTokens.dimension300;
39+
@override
40+
double get fixedHuge => DimensionRawTokens.dimension700;
41+
@override
42+
double get fixedJumbo => DimensionRawTokens.dimension800;
43+
@override
44+
double get fixedMedium => DimensionRawTokens.dimension200;
45+
@override
46+
double get fixedNone => DimensionRawTokens.dimension0;
47+
@override
48+
double get fixedShort => DimensionRawTokens.dimension150;
49+
@override
50+
double get fixedShorter => DimensionRawTokens.dimension100;
51+
@override
52+
double get fixedShortest => DimensionRawTokens.dimension50;
53+
@override
54+
double get fixedSmash => DimensionRawTokens.dimension25;
55+
@override
56+
double get fixedSpacious => DimensionRawTokens.dimension600;
57+
@override
58+
double get fixedTall => DimensionRawTokens.dimension300;
59+
@override
60+
double get fixedTaller => DimensionRawTokens.dimension400;
61+
@override
62+
double get fixedTallest => DimensionRawTokens.dimension500;
63+
@override
64+
double get insetMedium => DimensionRawTokens.dimension150;
65+
@override
66+
double get insetNone => DimensionRawTokens.dimension0;
67+
@override
68+
double get insetShort => DimensionRawTokens.dimension100;
69+
@override
70+
double get insetShorter => DimensionRawTokens.dimension75;
71+
@override
72+
double get insetShortest => DimensionRawTokens.dimension50;
73+
@override
74+
double get insetSmash => DimensionRawTokens.dimension25;
75+
@override
76+
double get insetSpacious => DimensionRawTokens.dimension500;
77+
@override
78+
double get insetTall => DimensionRawTokens.dimension200;
79+
@override
80+
double get insetTaller => DimensionRawTokens.dimension300;
81+
@override
82+
double get insetTallest => DimensionRawTokens.dimension400;
83+
@override
84+
double get paddingBlockHuge => DimensionRawTokens.dimension400;
85+
@override
86+
double get paddingBlockMedium => DimensionRawTokens.dimension150;
87+
@override
88+
double get paddingBlockNone => DimensionRawTokens.dimension0;
89+
@override
90+
double get paddingBlockShort => DimensionRawTokens.dimension100;
91+
@override
92+
double get paddingBlockShorter => DimensionRawTokens.dimension75;
93+
@override
94+
double get paddingBlockShortest => DimensionRawTokens.dimension50;
95+
@override
96+
double get paddingBlockSmash => DimensionRawTokens.dimension25;
97+
@override
98+
double get paddingBlockSpacious => DimensionRawTokens.dimension350;
99+
@override
100+
double get paddingBlockTall => DimensionRawTokens.dimension200;
101+
@override
102+
double get paddingBlockTaller => DimensionRawTokens.dimension250;
103+
@override
104+
double get paddingBlockTallest => DimensionRawTokens.dimension300;
105+
@override
106+
double get paddingInlineHuge => DimensionRawTokens.dimension400;
107+
@override
108+
double get paddingInlineMedium => DimensionRawTokens.dimension150;
109+
@override
110+
double get paddingInlineNone => DimensionRawTokens.dimension0;
111+
@override
112+
double get paddingInlineShort => DimensionRawTokens.dimension100;
113+
@override
114+
double get paddingInlineShorter => DimensionRawTokens.dimension75;
115+
@override
116+
double get paddingInlineShortest => DimensionRawTokens.dimension50;
117+
@override
118+
double get paddingInlineSmash => DimensionRawTokens.dimension25;
119+
@override
120+
double get paddingInlineSpacious => DimensionRawTokens.dimension350;
121+
@override
122+
double get paddingInlineTall => DimensionRawTokens.dimension200;
123+
@override
124+
double get paddingInlineTaller => DimensionRawTokens.dimension250;
125+
@override
126+
double get paddingInlineTallest => DimensionRawTokens.dimension300;
127+
@override
128+
double get rowGapMedium => DimensionRawTokens.dimension150;
129+
@override
130+
double get rowGapNone => DimensionRawTokens.dimension0;
131+
@override
132+
double get rowGapShort => DimensionRawTokens.dimension100;
133+
@override
134+
double get rowGapShorter => DimensionRawTokens.dimension75;
135+
@override
136+
double get rowGapShortest => DimensionRawTokens.dimension50;
137+
@override
138+
double get rowGapSmash => DimensionRawTokens.dimension25;
139+
@override
140+
double get rowGapTall => DimensionRawTokens.dimension200;
141+
@override
142+
double get scaledMediumMobile => DimensionRawTokens.dimension200;
143+
@override
144+
double get scaledMediumTablet => DimensionRawTokens.dimension300;
145+
@override
146+
double get scaledNoneMobile => DimensionRawTokens.dimension0;
147+
@override
148+
double get scaledNoneTablet => DimensionRawTokens.dimension0;
149+
@override
150+
double get scaledShortMobile => DimensionRawTokens.dimension150;
151+
@override
152+
double get scaledShortTablet => DimensionRawTokens.dimension200;
153+
@override
154+
double get scaledShorterMobile => DimensionRawTokens.dimension100;
155+
@override
156+
double get scaledShorterTablet => DimensionRawTokens.dimension150;
157+
@override
158+
double get scaledShortestMobile => DimensionRawTokens.dimension50;
159+
@override
160+
double get scaledShortestTablet => DimensionRawTokens.dimension100;
161+
@override
162+
double get scaledSmashMobile => DimensionRawTokens.dimension25;
163+
@override
164+
double get scaledSmashTablet => DimensionRawTokens.dimension50;
165+
@override
166+
double get scaledSpaciousMobile => DimensionRawTokens.dimension600;
167+
@override
168+
double get scaledSpaciousTablet => DimensionRawTokens.dimension700;
169+
@override
170+
double get scaledTallMobile => DimensionRawTokens.dimension300;
171+
@override
172+
double get scaledTallTablet => DimensionRawTokens.dimension400;
173+
@override
174+
double get scaledTallerMobile => DimensionRawTokens.dimension400;
175+
@override
176+
double get scaledTallerTablet => DimensionRawTokens.dimension500;
177+
@override
178+
double get scaledTallestMobile => DimensionRawTokens.dimension500;
179+
@override
180+
double get scaledTallestTablet => DimensionRawTokens.dimension600;
181+
}

‎ouds_theme_orange_country/CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
88

99
### Added
1010

11+
- [Library] Add space tokens ([#40](https://github.com/Orange-OpenSource/ouds-flutter/issues/40))
1112
- [Library] Add elevation tokens ([#39](https://github.com/Orange-OpenSource/ouds-flutter/issues/39))
1213
- [Library] Add border tokens ([#38](https://github.com/Orange-OpenSource/ouds-flutter/issues/38))
1314
- [Library] Add opacity tokens ([#36](https://github.com/Orange-OpenSource/ouds-flutter/issues/36))

0 commit comments

Comments
 (0)