Digital ACT-191 ONEAPP-9311 story: added new page for Input Stepper

VDS.xcodeproj/project.pbxproj

@@ -7,6 +7,8 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		180636C72C29B0A400C92D86 /* InputStepper.swift in Sources */ = {isa = PBXBuildFile; fileRef = 180636C62C29B0A400C92D86 /* InputStepper.swift */; };
+		180636C92C29B0DF00C92D86 /* InputStepperLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 180636C82C29B0DF00C92D86 /* InputStepperLog.txt */; };
 		1808BEBC2BA41C3200129230 /* CarouselScrollbar.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1808BEBB2BA41C3200129230 /* CarouselScrollbar.swift */; };
 		1832AC572BA0791D008AE476 /* BreadcrumbCellItem.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1832AC562BA0791D008AE476 /* BreadcrumbCellItem.swift */; };
 		1842B1DF2BECE28B0021AFCA /* CalendarDateViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 1842B1DE2BECE28B0021AFCA /* CalendarDateViewCell.swift */; };
@@ -203,6 +205,8 @@
 /* End PBXContainerItemProxy section */
 
 /* Begin PBXFileReference section */
+		180636C62C29B0A400C92D86 /* InputStepper.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InputStepper.swift; sourceTree = "<group>"; };
+		180636C82C29B0DF00C92D86 /* InputStepperLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = InputStepperLog.txt; sourceTree = "<group>"; };
 		1808BEBB2BA41C3200129230 /* CarouselScrollbar.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CarouselScrollbar.swift; sourceTree = "<group>"; };
 		1808BEBF2BA456B700129230 /* CarouselScrollbarChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = CarouselScrollbarChangeLog.txt; sourceTree = "<group>"; };
 		1832AC562BA0791D008AE476 /* BreadcrumbCellItem.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BreadcrumbCellItem.swift; sourceTree = "<group>"; };
@@ -440,6 +444,15 @@
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		180636C52C29B06200C92D86 /* InputStepper */ = {
+			isa = PBXGroup;
+			children = (
+				180636C62C29B0A400C92D86 /* InputStepper.swift */,
+				180636C82C29B0DF00C92D86 /* InputStepperLog.txt */,
+			);
+			path = InputStepper;
+			sourceTree = "<group>";
+		};
 		1808BEBA2BA41B1D00129230 /* CarouselScrollbar */ = {
 			isa = PBXGroup;
 			children = (
@@ -660,6 +673,7 @@
 				EAC58C1F2BF127F000BA39FA /* DatePicker */,
 				186D13C92BBA8A3500986B53 /* DropdownSelect */,
 				EA985BF3296C609E00F2FF2E /* Icon */,
+				180636C52C29B06200C92D86 /* InputStepper */,
 				EA3362412892EF700071C351 /* Label */,
 				44604AD529CE195300E62B51 /* Line */,
 				EAD0688C2A55F801002E3A2D /* Loader */,
@@ -1166,6 +1180,7 @@
 				EA3362072891E14D0071C351 /* VerizonNHGeDS-Regular.otf in Resources */,
 				EA3362062891E14D0071C351 /* VerizonNHGeTX-Regular.otf in Resources */,
 				EA3362052891E14D0071C351 /* VerizonNHGeDS-Bold.otf in Resources */,
+				180636C92C29B0DF00C92D86 /* InputStepperLog.txt in Resources */,
 				EAA5EEB928ECD24B003B3210 /* Icons.xcassets in Resources */,
 				EAA5EEE428F5B855003B3210 /* VerizonNHGDS-Light.otf in Resources */,
 			);
@@ -1209,6 +1224,7 @@
 			files = (
 				445BA07829C07B3D0036A7C5 /* Notification.swift in Sources */,
 				EA5E304C294CBDD00082B959 /* TileContainer.swift in Sources */,
+				180636C72C29B0A400C92D86 /* InputStepper.swift in Sources */,
 				EAF7F0A6289B0CE000B287F5 /* Resetable.swift in Sources */,
 				EA985C2D296F03FE00F2FF2E /* TileletIconModels.swift in Sources */,
 				EA89200428AECF4B006B9984 /* UITextField+Publisher.swift in Sources */,

VDS/Components/InputStepper/InputStepper.swift

@@ -0,0 +1,31 @@
+//
+//  InputStepper.swift
+//  VDS
+//
+//  Created by Kanamarlapudi, Vasavi on 24/06/24.
+//
+
+import Foundation
+import UIKit
+import VDSCoreTokens
+import Combine
+
+@objc(VDSInputStepper)
+open class InputStepper: EntryFieldBase {
+    
+    //--------------------------------------------------
+    // MARK: - Initializers
+    //--------------------------------------------------
+    required public init() {
+        super.init(frame: .zero)
+    }
+    
+    public override init(frame: CGRect) {
+        super.init(frame: .zero)
+    }
+    
+    public required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
+    
+}

VDS/Components/InputStepper/InputStepperLog.txt

@@ -0,0 +1,44 @@
+
+MM/DD/YYYY
+----------------
+
+02/2024
+----------------
+- New component
+
+02/15/2024
+----------------
+- Added Border align: Inside to Anatomy
+- Removed leadingText property values from States.
+- Added Read-only to States.
+- Created a section for Minimum width in Layout and spacing and updated the minWidth to 145px.
+- Added trailingText spacing to Layout and spacing.
+- Reduced space between Button Icons and text to 12px in Layout and spacing.
+- Added top/bottom padding values to Layout and spacing.
+
+03/01/2024
+----------------
+- Removed Leading Text from “Content and other properties” section.
+
+03/20/2024
+----------------
+- Updated Anatomy artwork and items
+- Added width and controlWidth to Configurations
+- Updated Width under Layout and spacing to show layout examples
+
+04/12/2024
+----------------
+- Added a new configuration property (size) that includes large and small
+- Reduced details from Anatomy page and added them to Configurations/Size
+- Added Hit area, Small Input Stepper spacing properties to Layout and spacing
+- Updated the Behavior page to display disabled button icon when value is at max and min
+
+04/29/2024
+----------------
+- Updated the Behavior page to display disabled button icon when value is at max and min
+
+05/10/2024
+----------------
+- Added helperTextPlacement property to Configurations
+- Added Layout examples for right Helper Text placement in Layout and Spacing
+- Added overflow examples in Overflow section of Layout and Spacing

VDS/VDS.docc/VDS.md

@@ -32,6 +32,7 @@ Using the system allows designers and developers to collaborate more easily and
 - ``CheckboxGroup``
 - ``DropdownSelect``
 - ``Icon``
+- ``InputStepper``
 - ``InputField``
 - ``Label``
 - ``Line``