Skip to content

Commit 8abd8b7

Browse files
boosted-botnouha06
boosted-bot
and
nouha06
authored
feat(🤖): add chip component (tokens library v0.11.0) (#215)
* chore: update tokens * feat: add 'chip' component token --------- Co-authored-by: boosted-bot <boosted-bot@users.noreply.github.com> Co-authored-by: Nouha Hammami <nouha.hammami@sofrecom.com>
1 parent 43eb1d9 commit 8abd8b7

5 files changed

Lines changed: 144 additions & 2 deletions

File tree

‎app/CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
99
## [0.3.0](https://github.com/Orange-OpenSource/ouds-flutter/compare/0.2.0...0.3.0) - 2025-06-10
1010

1111
### Added
12+
- [Library] `Chip` component (tokens library v0.11.0) ([##215](https://github.com/Orange-OpenSource/ouds-flutter/issues/#215)
1213
- [DemoApp][Library] Tokens: screen typography ([#138](https://github.com/Orange-OpenSource/ouds-flutter/issues/138))
1314
- [DemoApp][Library] Create component - `Divider` ([#57](https://github.com/Orange-OpenSource/ouds-flutter/issues/57))
1415
- [Library] `Switch` component (tokens library v0.11.0) ([##182](https://github.com/Orange-OpenSource/ouds-flutter/issues/#182)

‎ouds_theme_contract/CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
99
## [0.3.0](https://github.com/Orange-OpenSource/ouds-flutter/compare/0.2.0...0.3.0) - 2025-06-10
1010

1111
### Added
12+
- [Library] Tokens: `Chip` ([##215](https://github.com/Orange-OpenSource/ouds-flutter/issues/#215)
1213
- [Library] Tokens: `typography` ([#138](https://github.com/Orange-OpenSource/ouds-flutter/issues/138))
1314
- [Library] `Switch` component (tokens library v0.11.0) ([##182](https://github.com/Orange-OpenSource/ouds-flutter/issues/#182)
1415
- [Library] `Divider` component (tokens library v0.11.0) ([#151](https://github.com/Orange-OpenSource/ouds-flutter/issues/151))

‎ouds_theme_contract/lib/theme/tokens/components/ouds_chip_tokens.dart‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
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.11.0
14+
// Generated by Tokenator
15+
16+
import 'package:flutter/material.dart';
17+
import 'package:ouds_theme_contract/ouds_tokens_provider.dart';
18+
import 'package:ouds_global_raw_tokens/dimension_raw_tokens.dart';
19+
20+
class OudsChipTokens {
21+
final double borderRadiusPill;
22+
final double borderWidthDefault;
23+
final double borderWidthDefaultInteraction;
24+
final double borderWidthSelected;
25+
final double borderWidthSelectedInteraction;
26+
final double borderWidthUnselected;
27+
final double borderWidthUnselectedInteraction;
28+
final Color colorBgDisabled;
29+
final Color colorBgEnabled;
30+
final Color colorBgFocus;
31+
final Color colorBgHover;
32+
final Color colorBgPressed;
33+
final Color colorBorderDisabled;
34+
final Color colorBorderFocus;
35+
final Color colorBorderHover;
36+
final Color colorBorderPressed;
37+
final Color colorBorderSelected;
38+
final Color colorBorderUnselected;
39+
final Color colorContentDisabled;
40+
final Color colorContentEnabled;
41+
final Color colorContentFocus;
42+
final Color colorContentHover;
43+
final Color colorContentPressed;
44+
final double sizeIcon;
45+
final double sizeMinHeight;
46+
final double sizeMinWidth;
47+
final double spaceColumnGapColumnGap;
48+
final double spaceInsetIconOnly;
49+
final double spacePaddingBlock;
50+
final double spacePaddingInlineIconEnd;
51+
final double spacePaddingInlineIconNone;
52+
final double spacePaddingInlineIconOnly;
53+
final double spacePaddingInlineIconStart;
54+
final double spacePaddingInlineLabelEnd;
55+
final double spacePaddingInlineLabelStart;
56+
57+
OudsChipTokens({
58+
required OudsProvidersTokens providersTokens,
59+
double? borderRadiusPill,
60+
double? borderWidthDefault,
61+
double? borderWidthDefaultInteraction,
62+
double? borderWidthSelected,
63+
double? borderWidthSelectedInteraction,
64+
double? borderWidthUnselected,
65+
double? borderWidthUnselectedInteraction,
66+
Color? colorBgDisabled,
67+
Color? colorBgEnabled,
68+
Color? colorBgFocus,
69+
Color? colorBgHover,
70+
Color? colorBgPressed,
71+
Color? colorBorderDisabled,
72+
Color? colorBorderFocus,
73+
Color? colorBorderHover,
74+
Color? colorBorderPressed,
75+
Color? colorBorderSelected,
76+
Color? colorBorderUnselected,
77+
Color? colorContentDisabled,
78+
Color? colorContentEnabled,
79+
Color? colorContentFocus,
80+
Color? colorContentHover,
81+
Color? colorContentPressed,
82+
double? sizeIcon,
83+
double? sizeMinHeight,
84+
double? sizeMinWidth,
85+
double? spaceColumnGapColumnGap,
86+
double? spaceInsetIconOnly,
87+
double? spacePaddingBlock,
88+
double? spacePaddingInlineIconEnd,
89+
double? spacePaddingInlineIconNone,
90+
double? spacePaddingInlineIconOnly,
91+
double? spacePaddingInlineIconStart,
92+
double? spacePaddingInlineLabelEnd,
93+
double? spacePaddingInlineLabelStart
94+
}) :
95+
borderRadiusPill = borderRadiusPill ?? providersTokens.borderTokens.radiusPill,
96+
borderWidthDefault = borderWidthDefault ?? providersTokens.borderTokens.widthDefault,
97+
borderWidthDefaultInteraction = borderWidthDefaultInteraction ?? providersTokens.borderTokens.widthMedium,
98+
borderWidthSelected = borderWidthSelected ?? providersTokens.borderTokens.widthMedium,
99+
borderWidthSelectedInteraction = borderWidthSelectedInteraction ?? providersTokens.borderTokens.widthMedium,
100+
borderWidthUnselected = borderWidthUnselected ?? providersTokens.borderTokens.widthDefault,
101+
borderWidthUnselectedInteraction = borderWidthUnselectedInteraction ?? providersTokens.borderTokens.widthMedium,
102+
colorBgDisabled = colorBgDisabled ?? providersTokens.colorScheme.opacityTransparent,
103+
colorBgEnabled = colorBgEnabled ?? providersTokens.colorScheme.opacityTransparent,
104+
colorBgFocus = colorBgFocus ?? providersTokens.colorScheme.opacityTransparent,
105+
colorBgHover = colorBgHover ?? providersTokens.colorScheme.opacityTransparent,
106+
colorBgPressed = colorBgPressed ?? providersTokens.colorScheme.opacityTransparent,
107+
colorBorderDisabled = colorBorderDisabled ?? providersTokens.colorScheme.actionDisabled,
108+
colorBorderFocus = colorBorderFocus ?? providersTokens.colorScheme.actionFocus,
109+
colorBorderHover = colorBorderHover ?? providersTokens.colorScheme.actionHover,
110+
colorBorderPressed = colorBorderPressed ?? providersTokens.colorScheme.actionPressed,
111+
colorBorderSelected = colorBorderSelected ?? providersTokens.colorScheme.actionSelected,
112+
colorBorderUnselected = colorBorderUnselected ?? providersTokens.colorScheme.borderDefault,
113+
colorContentDisabled = colorContentDisabled ?? providersTokens.colorScheme.actionDisabled,
114+
colorContentEnabled = colorContentEnabled ?? providersTokens.colorScheme.actionEnabled,
115+
colorContentFocus = colorContentFocus ?? providersTokens.colorScheme.actionFocus,
116+
colorContentHover = colorContentHover ?? providersTokens.colorScheme.actionHover,
117+
colorContentPressed = colorContentPressed ?? providersTokens.colorScheme.actionPressed,
118+
sizeIcon = sizeIcon ?? providersTokens.sizeTokens.iconWithLabelMediumSizeSm,
119+
sizeMinHeight = sizeMinHeight ?? DimensionRawTokens.dimension400,
120+
sizeMinWidth = sizeMinWidth ?? DimensionRawTokens.dimension600,
121+
spaceColumnGapColumnGap = spaceColumnGapColumnGap ?? providersTokens.spaceTokens.columnGapShorter,
122+
spaceInsetIconOnly = spaceInsetIconOnly ?? providersTokens.spaceTokens.insetMedium,
123+
spacePaddingBlock = spacePaddingBlock ?? providersTokens.spaceTokens.paddingBlockShorter,
124+
spacePaddingInlineIconEnd = spacePaddingInlineIconEnd ?? providersTokens.spaceTokens.paddingInlineMedium,
125+
spacePaddingInlineIconNone = spacePaddingInlineIconNone ?? providersTokens.spaceTokens.paddingInlineTall,
126+
spacePaddingInlineIconOnly = spacePaddingInlineIconOnly ?? providersTokens.spaceTokens.paddingInlineMedium,
127+
spacePaddingInlineIconStart = spacePaddingInlineIconStart ?? providersTokens.spaceTokens.paddingInlineMedium,
128+
spacePaddingInlineLabelEnd = spacePaddingInlineLabelEnd ?? providersTokens.spaceTokens.paddingInlineTall,
129+
spacePaddingInlineLabelStart = spacePaddingInlineLabelStart ?? providersTokens.spaceTokens.paddingInlineTall;
130+
}

‎ouds_theme_contract/lib/theme/tokens/components/ouds_components_tokens.dart‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@ import 'package:ouds_theme_contract/theme/tokens/components/ouds_radioButton_tok
1919
import 'package:ouds_theme_contract/theme/tokens/components/ouds_skeleton_tokens.dart';
2020
import 'package:ouds_theme_contract/theme/tokens/components/ouds_switch_tokens.dart';
2121

22+
import 'ouds_chip_tokens.dart';
23+
2224
class OudsComponentsTokens {
2325
final OudsButtonTokens button;
2426
final OudsCheckboxTokens checkbox;
@@ -27,6 +29,7 @@ class OudsComponentsTokens {
2729
final OudsDividerTokens divider;
2830
final OudsSkeletonTokens skeleton;
2931
final OudsSwitchTokens switchButton;
32+
final OudsChipTokens chip;
3033

3134
OudsComponentsTokens({
3235
required OudsProvidersTokens providersTokens,
@@ -37,11 +40,13 @@ class OudsComponentsTokens {
3740
OudsDividerTokens? divider,
3841
OudsSkeletonTokens? skeleton,
3942
OudsSwitchTokens? switchButton,
43+
OudsChipTokens? chip,
4044
}) : button = button ?? OudsButtonTokens(providersTokens: providersTokens),
4145
radioButton = radioButton ?? OudsRadioButtonTokens(providersTokens: providersTokens),
4246
checkbox = checkbox ?? OudsCheckboxTokens(providersTokens: providersTokens),
4347
controlItem = controlItem ?? OudsControlItemTokens(providersTokens: providersTokens),
4448
skeleton = skeleton ?? OudsSkeletonTokens(providersTokens: providersTokens),
4549
divider = divider ?? OudsDividerTokens(providersTokens: providersTokens),
46-
switchButton = switchButton ?? OudsSwitchTokens(providersTokens: providersTokens);
50+
switchButton = switchButton ?? OudsSwitchTokens(providersTokens: providersTokens),
51+
chip = chip ?? OudsChipTokens(providersTokens: providersTokens);
4752
}

‎ouds_theme_contract/lib/theme/tokens/components/ouds_divider_tokens.dart‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,15 @@
1313
// Tokens version 0.11.0
1414
// Generated by Tokenator
1515

16+
import 'package:flutter/material.dart';
1617
import 'package:ouds_theme_contract/ouds_tokens_provider.dart';
1718

1819
class OudsDividerTokens {
1920
final double borderWidth;
2021

21-
OudsDividerTokens({required OudsProvidersTokens providersTokens, double? borderWidth}) : borderWidth = borderWidth ?? providersTokens.borderTokens.widthThin;
22+
OudsDividerTokens({
23+
required OudsProvidersTokens providersTokens,
24+
double? borderWidth
25+
}) :
26+
borderWidth = borderWidth ?? providersTokens.borderTokens.widthThin;
2227
}

0 commit comments

Comments
 (0)