Skip to content

Commit c1caa10

Browse files
committed
feat: add color semantic tolens (update of October, 8th) (#177)
Closes #177 Signed-off-by: Pierre-Yves Lapersonne <[email protected]>
1 parent f74c790 commit c1caa10

File tree

5 files changed

+135
-80
lines changed

5 files changed

+135
-80
lines changed

CHANGELOG.md

+1
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 color semantic tokens `colorContentTransparentDefault`, `colorBorderTransparentDefault` and `colorBackgroundTransparentDefault` (October 8th) ([#177](https://github.com/Orange-OpenSource/ouds-ios/issues/177))
1112
- [DemoApp] On opacity screen, add a border around the view showing the opacity ([#157](https://github.com/Orange-OpenSource/ouds-ios/issues/157))
1213

1314
### Changed

OUDS/Core/OUDS/Sources/OUDSTheme/OUDSTheme+SemanticTokens/OUDSTheme+ColorSemanticTokens.swift

+23-15
Original file line numberDiff line numberDiff line change
@@ -224,6 +224,10 @@ extension OUDSTheme: ColorSemanticTokens {
224224

225225
@objc open var colorBackgroundAlwaysInformation: ColorSemanticToken? { MultipleColorTokens(sysColorBrandInformationDefault) }
226226

227+
// MARK: Semantic token - Colors - Background - Transparent
228+
229+
@objc open var colorBackgroundTransparentDefault: ColorSemanticToken? { MultipleColorTokens(ColorRawTokens.colorTransparentBlack0) }
230+
227231
// MARK: Semantic token - Colors - Content
228232

229233
@objc open var colorContentDefault: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandNeutralEmphasizedBlack, dark: sysColorBrandNeutralMutedLower) }
@@ -250,6 +254,24 @@ extension OUDSTheme: ColorSemanticTokens {
250254

251255
@objc open var colorContentStatusInformation: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandInformationDefault, dark: sysColorBrandInformationDefault) }
252256

257+
@objc open var colorContentActionEnabled: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandNeutralEmphasizedBlack, dark: sysColorBrandNeutralMutedLower) }
258+
259+
@objc open var colorContentActionEnabledOnBackgroundEmphasized: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralMutedLower) }
260+
261+
@objc open var colorContentActionEnabledOnBackgroundStatusExcNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralEmphasizedBlack) }
262+
263+
@objc open var colorContentActionEnabledOnBackgroundStatusNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralMutedWhite) }
264+
265+
@objc open var colorContentActionHover: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandNeutralEmphasizedLowest, dark: sysColorBrandNeutralMutedMedium) }
266+
267+
@objc open var colorContentActionHoverOnBackgroundEmphasized: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralMutedMedium) }
268+
269+
@objc open var colorContentActionHoverOnBackgroundStatusExcNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralEmphasizedLow) }
270+
271+
@objc open var colorContentActionHoverOnBackgroundStatusNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralEmphasizedBlack) }
272+
273+
@objc open var colorContentTransparentDefault: ColorSemanticToken? { MultipleColorTokens(ColorRawTokens.colorTransparentBlack0) }
274+
253275
// MARK: Semantic token - Colors - Border
254276

255277
@objc open var colorBorderDefault: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandNeutralMutedMedium, dark: sysColorBrandNeutralEmphasizedLowest) }
@@ -284,21 +306,7 @@ extension OUDSTheme: ColorSemanticTokens {
284306

285307
@objc open var colorBorderBrandStatusInformation: ColorSemanticToken? { nil }
286308

287-
@objc open var colorContentActionEnabled: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandNeutralEmphasizedBlack, dark: sysColorBrandNeutralMutedLower) }
288-
289-
@objc open var colorContentActionEnabledOnBackgroundEmphasized: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralMutedLower) }
290-
291-
@objc open var colorContentActionEnabledOnBackgroundStatusExcNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralEmphasizedBlack) }
292-
293-
@objc open var colorContentActionEnabledOnBackgroundStatusNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralMutedWhite) }
294-
295-
@objc open var colorContentActionHover: ColorSemanticToken? { MultipleColorTokens(light: sysColorBrandNeutralEmphasizedLowest, dark: sysColorBrandNeutralMutedMedium) }
296-
297-
@objc open var colorContentActionHoverOnBackgroundEmphasized: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralMutedMedium) }
298-
299-
@objc open var colorContentActionHoverOnBackgroundStatusExcNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralEmphasizedLow) }
300-
301-
@objc open var colorContentActionHoverOnBackgroundStatusNegative: ColorSemanticToken? { MultipleColorTokens(sysColorBrandNeutralEmphasizedBlack) }
309+
@objc open var colorBorderTransparentDefault: ColorSemanticToken? { MultipleColorTokens(ColorRawTokens.colorTransparentBlack0) }
302310

303311
// TODO: #124 - Add missing colorBorderActionEnabled*
304312
// TODO: #124 - Add missing colorBorderActionHover*

0 commit comments

Comments
 (0)