feat: add inline alert component (#1307) (#1319)

Add inline alert component with tests and documentations.
Improve documentation and fix typos.

Closes #1307

Assisted-by: GitHub Copilot
Reviewed-by: Copilot <198982749+Copilot@users.noreply.github.com>
Reviewed-by: Pierre-Yves Lapersonne <pierreyves.lapersonne@orange.com>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Pierre-Yves Lapersonne <pierreyves.lapersonne@orange.com>
Co-authored-by: Ludovic Pinel <ludovic.pinel@orange.com>
Signed-off-by: Pierre-Yves Lapersonne <pierreyves.lapersonne@orange.com>

Author: 3 people

AGENTS.md

@@ -794,7 +794,7 @@ Alert message is a UI element that displays system feedback, status changes or r
 Its documentation is [available online](https://ios.unified-design-system.orange.com/documentation/oudscomponents/oudsalertmessage).
 Alert message can have 1 status between 6: `neutral`, `accent`, `positive`, `info`, `warning`, `negative`. `neutral` and `accent` status can have custom icon.
 
-Alert message bvy default are positive:
+Alert message are positive by default:
 ```swift
 OUDSAlertMessage(label: "Label")
 ```
@@ -806,7 +806,7 @@ OUDSAlertMessage(label: "Warning", status: .warning, description: "Some details
 }
 ```
 
-Alerts can have custom icons, bullet lists and detaim link:
+Alerts can have custom icons, bullet lists and detail link:
 ```swift
 OUDSAlertMessage(label: "Label",
                 status: .neutral(icon: OUDSIcon(asset: Image("ic_heart"))))
@@ -815,6 +815,29 @@ OUDSAlertMessage(label: "Label",
                 onClose: {})
 ```
 
+#### Inline Alert
+
+Inline alert is a lightweight UI element, placed in the content flow, that displays information, system feedback, status changes throughout short, prominent, 
+persistent and non actionable communication. 
+Inline alert includes functional icon and semantic colour, and does not include a close button and/or action link. 
+Inline alert does not disappear and remains visible.
+
+It can have only a label (by default at neutral status):
+```swift
+OUDSInlineAlert(label: "Label")
+```
+
+The status can be changed (within `neutral`, `accent`, `positive`, `info`, `warning`, `negative`. `neutral` and `accent`)
+```swift
+OUDSInlineAlert(label: "Warning", status: .warning)
+```
+
+Custom icon can be used for accent and neutral status:
+```
+OUDSInlineAlert(label: "Label", status: .accent(icon: OUDSIcon(asset: Image("ic_heart"))))
+OUDSInlineAlert(label: "Label", status: .neutral(icon: OUDSIcon(asset: Image("ic_heart"))))
+```
+
 #### Indicators
 
 ##### Badge

CHANGELOG.md

@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- `inline alert` component (Orange-OpenSource/ouds-ios#1307)
 - `alert message` component (Orange-OpenSource/ouds-ios#1159)
 
 ### Changed

OUDS/Core/Components/Sources/Controls/Checkbox/OUDSCheckboxItem.swift

@@ -101,7 +101,7 @@ import SwiftUI
 ///     // Never disable a read only or an error-related checkbox as it will crash
 ///     // This is forbidden by design!
 ///     OUDSCheckboxItem("Hello world", isOn: $isOn, isError: true).disabled(true) // fatal error
-///     OUDSCheckboxItem("Hello world", isOn: $isOn, isReadyOnly: true).disabled(true) // fatal error
+///     OUDSCheckboxItem("Hello world", isOn: $isOn, isReadOnly: true).disabled(true) // fatal error
 /// ```
 ///
 /// If you need to flip your icon depending to the layout direction or not (e.g. if RTL mode lose semantics  / meanings):

OUDS/Core/Components/Sources/Controls/Checkbox/OUDSCheckboxItemIndeterminate.swift

@@ -107,18 +107,18 @@ import SwiftUI
 ///     // Never disable a read only or an error-related checkbox as it will crash
 ///     // This is forbidden by design!
 ///     OUDSCheckboxItemIndeterminate("Hello world", selection: $selection, isError: true).disabled(true) // fatal error
-///     OUDSCheckboxItemIndeterminate("Hello world", selection: $selection, isReadyOnly: true).disabled(true) // fatal error
+///     OUDSCheckboxItemIndeterminate("Hello world", selection: $selection, isReadOnly: true).disabled(true) // fatal error
 /// ```
 ///
 /// If you want to manage the RTL mode quite easily and switch your layouts (flip image, indicator in RTL leading i.e. in the right):
 /// ```swift
 ///     @Environment(\.layoutDirection) var layoutDirection
 ///
 ///     OUDSCheckboxItemIndeterminate("Cocorico !",
-///                                   isOn: $selection,
+///                                   selection: $selection,
 ///                                   icon: Image(systemName: "figure.handball"),
 ///                                   flipIcon: layoutDirection == .rightToLeft,
-///                                   isInversed: layoutDirection == .rightToLeft)
+///                                   isReversed: layoutDirection == .rightToLeft)
 /// ```
 ///
 /// ## Suggestions

OUDS/Core/Components/Sources/Controls/Radio/OUDSRadioItem.swift

@@ -108,7 +108,7 @@ import SwiftUI
 ///     // Never disable a read only or an error-related radio as it will crash
 ///     // This is forbidden by design!
 ///     OUDSRadioItem("Kaboom!", isOn: $selection, isError: true).disabled(true) // fatal error
-///     OUDSRadioItem("Kaboom!", isOn: $selection, isReadyOnly: true).disabled(true) // fatal error
+///     OUDSRadioItem("Kaboom!", isOn: $selection, isReadOnly: true).disabled(true) // fatal error
 /// ```
 ///
 /// If you need to flip your icon depending to the layout direction or not (e.g. if RTL mode lose semantics  / meanings):

OUDS/Core/Components/Sources/Controls/Switch/OUDSSwitchItem.swift

@@ -105,7 +105,7 @@ import SwiftUI
 ///     // Never disable a read only or an error-related switch as it will crash
 ///     // This is forbidden by design!
 ///     OUDSSwitchItem("Kaboom!", isOn: $isOn, isError: true).disabled(true) // fatal error
-///     OUDSSwitchItem("Kaboom!", isOn: $isOn, isReadyOnly: true).disabled(true) // fatal error
+///     OUDSSwitchItem("Kaboom!", isOn: $isOn, isReadOnly: true).disabled(true) // fatal error
 /// ```
 ///
 /// If you need to flip your icon depending to the layout direction or not (e.g. if RTL mode lose semantics  / meanings):

…t/Internal/AlertMessageLeadingIcon.swift …gs/Alert/Internal/AlertLeadingIcon.swiftOUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessageLeadingIcon.swift renamed to OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertLeadingIcon.swift OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessageLeadingIcon.swift renamed to OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertLeadingIcon.swift

@@ -14,25 +14,27 @@
 import OUDSTokensSemantic
 import SwiftUI
 
-struct AlertMessageLeadingIcon: View {
+// MARK: - Alert Leading Icon
+struct AlertLeadingIcon: View {
 
-    // MARK: - Properties
+    // MARK: Properties
+
+    private let status: OUDSAlertStatus
 
-    private let status: OUDSAlertMessage.Status
     @Environment(\.theme) private var theme
     @Environment(\.dynamicTypeSize) private var dynamicTypeSize: DynamicTypeSize
 
-    // MARK: - Initilizer
+    // MARK: Initilizer
 
-    init?(status: OUDSAlertMessage.Status) {
+    init?(status: OUDSAlertStatus) {
         if status.hasIcon {
             self.status = status
         } else {
             return nil
         }
     }
 
-    // MARK: - Body
+    // MARK: Body
 
     var body: some View {
         HStack {
@@ -55,15 +57,16 @@ struct AlertMessageLeadingIcon: View {
             }
         }
         .frame(width: size, height: size)
-        .padding(.top, theme.alert.spacePaddingBlock)
     }
 
     private var size: CGFloat {
         theme.alert.sizeIcon * dynamicTypeSize.percentageRate / 100
     }
 }
 
-extension OUDSAlertMessage.Status {
+// MARK: - Extension of OUDS Alert Status
+
+extension OUDSAlertStatus {
     var hasIcon: Bool {
         switch self {
         case let .neutral(icon), let .accent(icon):

…/Alert/Internal/AlertMessageAction.swift …al/AlertMessage/AlertMessageAction.swiftOUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessageAction.swift renamed to OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessage/AlertMessageAction.swift OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessageAction.swift renamed to OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessage/AlertMessageAction.swift

@@ -18,7 +18,7 @@ struct AlertMessageBackgroundModifier: ViewModifier {
 
     // MARK: - Properties
 
-    let status: OUDSAlertMessage.Status
+    let status: OUDSAlertStatus
 
     @Environment(\.theme) private var theme
 

…nal/AlertMessageBackgroundModifier.swift …age/AlertMessageBackgroundModifier.swiftOUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessageBackgroundModifier.swift renamed to OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessage/AlertMessageBackgroundModifier.swift OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessageBackgroundModifier.swift renamed to OUDS/Core/Components/Sources/Dialogs/Alert/Internal/AlertMessage/AlertMessageBackgroundModifier.swift

@@ -18,7 +18,7 @@ struct AlertMessageBorderModifier: ViewModifier {
 
     // MARK: - Properties
 
-    let status: OUDSAlertMessage.Status
+    let status: OUDSAlertStatus
 
     @Environment(\.theme) private var theme