diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj index 8d622539..cf9c5557 100644 --- a/VDS.xcodeproj/project.pbxproj +++ b/VDS.xcodeproj/project.pbxproj @@ -123,6 +123,20 @@ EAD068922A560B65002E3A2D /* LoaderViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAD068912A560B65002E3A2D /* LoaderViewController.swift */; }; EAD068942A560C13002E3A2D /* LoaderLaunchable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAD068932A560C13002E3A2D /* LoaderLaunchable.swift */; }; EAD8D2C128BFDE8B006EB6A6 /* UIGestureRecognizer+Publisher.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAD8D2C028BFDE8B006EB6A6 /* UIGestureRecognizer+Publisher.swift */; }; + EAEEEC922B1F807300531FC2 /* BadgeChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC912B1F807300531FC2 /* BadgeChangeLog.txt */; }; + EAEEEC962B1F893B00531FC2 /* ButtonChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC952B1F893B00531FC2 /* ButtonChangeLog.txt */; }; + EAEEEC982B1F8DD100531FC2 /* LineChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC972B1F8DD100531FC2 /* LineChangeLog.txt */; }; + EAEEEC9A2B1F8E4400531FC2 /* TextLinkChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC992B1F8E4400531FC2 /* TextLinkChangeLog.txt */; }; + EAEEEC9C2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC9B2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt */; }; + EAEEEC9E2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC9D2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt */; }; + EAEEECA02B1F908200531FC2 /* BadgeIndicatorChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEEC9F2B1F908200531FC2 /* BadgeIndicatorChangeLog.txt */; }; + EAEEECA22B1F92AD00531FC2 /* LabelChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECA12B1F92AD00531FC2 /* LabelChangeLog.txt */; }; + EAEEECA42B1F934600531FC2 /* IconChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECA32B1F934600531FC2 /* IconChangeLog.txt */; }; + EAEEECA72B1F952000531FC2 /* TabsChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECA62B1F952000531FC2 /* TabsChangeLog.txt */; }; + EAEEECA92B1F969700531FC2 /* TooltipChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECA82B1F969700531FC2 /* TooltipChangeLog.txt */; }; + EAEEECAB2B1FBF2A00531FC2 /* ToggleChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECAA2B1FBF2900531FC2 /* ToggleChangeLog.txt */; }; + EAEEECAD2B1FC1A600531FC2 /* TitleLockupChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECAC2B1FC1A600531FC2 /* TitleLockupChangeLog.txt */; }; + EAEEECAF2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */; }; EAF1FE9929D4850E00101452 /* Clickable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF1FE9829D4850E00101452 /* Clickable.swift */; }; EAF1FE9B29DB1A6000101452 /* Changeable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF1FE9A29DB1A6000101452 /* Changeable.swift */; }; EAF7F0952899861000B287F5 /* CheckboxItem.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF7F0932899861000B287F5 /* CheckboxItem.swift */; }; @@ -271,6 +285,21 @@ EAD068912A560B65002E3A2D /* LoaderViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoaderViewController.swift; sourceTree = ""; }; EAD068932A560C13002E3A2D /* LoaderLaunchable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoaderLaunchable.swift; sourceTree = ""; }; EAD8D2C028BFDE8B006EB6A6 /* UIGestureRecognizer+Publisher.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIGestureRecognizer+Publisher.swift"; sourceTree = ""; }; + EAEEEC912B1F807300531FC2 /* BadgeChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = BadgeChangeLog.txt; sourceTree = ""; }; + EAEEEC952B1F893B00531FC2 /* ButtonChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ButtonChangeLog.txt; sourceTree = ""; }; + EAEEEC972B1F8DD100531FC2 /* LineChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = LineChangeLog.txt; sourceTree = ""; }; + EAEEEC992B1F8E4400531FC2 /* TextLinkChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TextLinkChangeLog.txt; sourceTree = ""; }; + EAEEEC9B2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TextLinkCaretChangeLog.txt; sourceTree = ""; }; + EAEEEC9D2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ButtonGroupChangeLog.txt; sourceTree = ""; }; + EAEEEC9F2B1F908200531FC2 /* BadgeIndicatorChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = BadgeIndicatorChangeLog.txt; sourceTree = ""; }; + EAEEECA12B1F92AD00531FC2 /* LabelChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = LabelChangeLog.txt; sourceTree = ""; }; + EAEEECA32B1F934600531FC2 /* IconChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = IconChangeLog.txt; sourceTree = ""; }; + EAEEECA52B1F941100531FC2 /* LoaderChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = LoaderChangeLog.txt; sourceTree = ""; }; + EAEEECA62B1F952000531FC2 /* TabsChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TabsChangeLog.txt; sourceTree = ""; }; + EAEEECA82B1F969700531FC2 /* TooltipChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TooltipChangeLog.txt; sourceTree = ""; }; + EAEEECAA2B1FBF2900531FC2 /* ToggleChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ToggleChangeLog.txt; sourceTree = ""; }; + EAEEECAC2B1FC1A600531FC2 /* TitleLockupChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TitleLockupChangeLog.txt; sourceTree = ""; }; + EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ToggleViewChangeLog.txt; sourceTree = ""; }; EAF1FE9829D4850E00101452 /* Clickable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Clickable.swift; sourceTree = ""; }; EAF1FE9A29DB1A6000101452 /* Changeable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Changeable.swift; sourceTree = ""; }; EAF7F0932899861000B287F5 /* CheckboxItem.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CheckboxItem.swift; sourceTree = ""; }; @@ -326,6 +355,7 @@ isa = PBXGroup; children = ( 44604AD629CE196600E62B51 /* Line.swift */, + EAEEEC972B1F8DD100531FC2 /* LineChangeLog.txt */, ); path = Line; sourceTree = ""; @@ -334,6 +364,7 @@ isa = PBXGroup; children = ( 5FC35BE228D51405004EBEAC /* Button.swift */, + EAEEEC952B1F893B00531FC2 /* ButtonChangeLog.txt */, ); path = Button; sourceTree = ""; @@ -377,6 +408,7 @@ EAC846F2294B95CE00F685BA /* ButtonGroupCollectionViewCell.swift */, EAB5FEF729393A7200998C17 /* ButtonGroupConstants.swift */, EAB5FEEC2927E1B200998C17 /* ButtonGroupPositionLayout.swift */, + EAEEEC9D2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt */, ); path = ButtonGroup; sourceTree = ""; @@ -466,7 +498,9 @@ isa = PBXGroup; children = ( EA0D1C362A681CCE00E5C127 /* ToggleView.swift */, + EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */, EA3361C228902D960071C351 /* Toggle.swift */, + EAEEECAA2B1FBF2900531FC2 /* ToggleChangeLog.txt */, ); path = Toggle; sourceTree = ""; @@ -572,6 +606,7 @@ isa = PBXGroup; children = ( EA33623F2892EF6B0071C351 /* Label.swift */, + EAEEECA12B1F92AD00531FC2 /* LabelChangeLog.txt */, EAF7F0A9289B13EF00B287F5 /* Attributes */, ); path = Label; @@ -581,6 +616,7 @@ isa = PBXGroup; children = ( EA4DB30128DCBCA500103EE3 /* Badge.swift */, + EAEEEC912B1F807300531FC2 /* BadgeChangeLog.txt */, ); path = Badge; sourceTree = ""; @@ -592,6 +628,7 @@ EA5F86C72A1BD99100BC83E4 /* TabModel.swift */, EA596ABE2A16B4F500300C4B /* Tabs.swift */, EA5F86CF2A1F936100BC83E4 /* TabsContainer.swift */, + EAEEECA62B1F952000531FC2 /* TabsChangeLog.txt */, ); path = Tabs; sourceTree = ""; @@ -613,6 +650,7 @@ EA985BEB2968A91200F2FF2E /* TitleLockupTitleModel.swift */, EA985BF12968B5BB00F2FF2E /* TitleLockupTextStyle.swift */, EA513A942A4E1F82002A4DFF /* TitleLockupStyleConfiguration.swift */, + EAEEECAC2B1FC1A600531FC2 /* TitleLockupChangeLog.txt */, ); path = TitleLockup; sourceTree = ""; @@ -653,6 +691,7 @@ EA985BF4296C60C000F2FF2E /* Icon.swift */, EA985BF6296C665E00F2FF2E /* IconName.swift */, EA985C682971B90B00F2FF2E /* IconSize.swift */, + EAEEECA32B1F934600531FC2 /* IconChangeLog.txt */, ); path = Icon; sourceTree = ""; @@ -697,6 +736,7 @@ EAB2376729E9992800AABE9A /* TooltipAlertViewController.swift */, EAB2376929E9E59100AABE9A /* TooltipLaunchable.swift */, EAB2376129E9880400AABE9A /* TrailingTooltipLabel.swift */, + EAEEECA82B1F969700531FC2 /* TooltipChangeLog.txt */, ); path = Tooltip; sourceTree = ""; @@ -705,6 +745,7 @@ isa = PBXGroup; children = ( EAC9257C29119B5400091998 /* TextLink.swift */, + EAEEEC992B1F8E4400531FC2 /* TextLinkChangeLog.txt */, ); path = TextLink; sourceTree = ""; @@ -713,6 +754,7 @@ isa = PBXGroup; children = ( EAC925822911B35300091998 /* TextLinkCaret.swift */, + EAEEEC9B2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt */, ); path = TextLinkCaret; sourceTree = ""; @@ -739,6 +781,7 @@ isa = PBXGroup; children = ( EAD062AF2A3B873E0015965D /* BadgeIndicator.swift */, + EAEEEC9F2B1F908200531FC2 /* BadgeIndicatorChangeLog.txt */, ); path = BadgeIndicator; sourceTree = ""; @@ -749,6 +792,7 @@ EAD0688D2A55F819002E3A2D /* Loader.swift */, EAD068912A560B65002E3A2D /* LoaderViewController.swift */, EAD068932A560C13002E3A2D /* LoaderLaunchable.swift */, + EAEEECA52B1F941100531FC2 /* LoaderChangeLog.txt */, ); path = Loader; sourceTree = ""; @@ -882,13 +926,27 @@ isa = PBXResourcesBuildPhase; buildActionMask = 2147483647; files = ( + EAEEECA42B1F934600531FC2 /* IconChangeLog.txt in Resources */, EA3362042891E14D0071C351 /* VerizonNHGeTX-Bold.otf in Resources */, + EAEEECA72B1F952000531FC2 /* TabsChangeLog.txt in Resources */, + EAEEEC962B1F893B00531FC2 /* ButtonChangeLog.txt in Resources */, EA5F86CC2A1D28B500BC83E4 /* ReleaseNotes.txt in Resources */, + EAEEEC982B1F8DD100531FC2 /* LineChangeLog.txt in Resources */, + EAEEECA22B1F92AD00531FC2 /* LabelChangeLog.txt in Resources */, EA3362072891E14D0071C351 /* VerizonNHGeDS-Regular.otf in Resources */, + EAEEEC9A2B1F8E4400531FC2 /* TextLinkChangeLog.txt in Resources */, + EAEEECAF2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt in Resources */, + EAEEEC922B1F807300531FC2 /* BadgeChangeLog.txt in Resources */, + EAEEEC9E2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt in Resources */, EA3362062891E14D0071C351 /* VerizonNHGeTX-Regular.otf in Resources */, EA3362052891E14D0071C351 /* VerizonNHGeDS-Bold.otf in Resources */, + EAEEECA02B1F908200531FC2 /* BadgeIndicatorChangeLog.txt in Resources */, EAA5EEB928ECD24B003B3210 /* Icons.xcassets in Resources */, + EAEEECA92B1F969700531FC2 /* TooltipChangeLog.txt in Resources */, + EAEEEC9C2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt in Resources */, EAA5EEE428F5B855003B3210 /* VerizonNHGDS-Light.otf in Resources */, + EAEEECAD2B1FC1A600531FC2 /* TitleLockupChangeLog.txt in Resources */, + EAEEECAB2B1FBF2A00531FC2 /* ToggleChangeLog.txt in Resources */, ); runOnlyForDeploymentPostprocessing = 0; }; diff --git a/VDS/Components/Badge/BadgeChangeLog.txt b/VDS/Components/Badge/BadgeChangeLog.txt new file mode 100644 index 00000000..795144d9 --- /dev/null +++ b/VDS/Components/Badge/BadgeChangeLog.txt @@ -0,0 +1,64 @@ +02/22/2022 +---------------- +- “Surface” updated to “Color Fill” +- Handed off to dev. + +02/18/2022 +---------------- +- Minimum width (px value) added. +- Token names updated. +- Removed secondary/gray color variants. +- Single Primary variant broken out into two variants: Black and White + +02/17/2022 +---------------- +- Layout & spacing updated with min/max heights. +- Primary/Secondary types updated (colors). + +02/16/2022 +---------------- +- Layout & spacing updated to allow for line breaks and more than one line. + +02/15/2022 +---------------- +- Updated type names to align with color names. +- Orange, blue, primary and secondary types added. +- Responsiveness moved to future considerations. + +02/11/2022 +---------------- +- Additional types added. Responsiveness added. + +01/18/2022 +---------------- +- Label updated to Body Small. + +12/28/2021 +---------------- +- Anatomy updated. Layout & spacing added. Open questions added. + +12/13/2022 +---------------- +- Replaced focus border pixel and style & spacing values with tokens. + +01/03/2023 +---------------- +- Updated Specs to use new SPEC Templates and SPEC DOC Components. + +04/12/2023 +---------------- +- Updated color tokens for yellow, green, orange, and blue badges. + +04/24/2023 +---------------- +- Updated red to use background.brandhighlight + +04/28/2023 +---------------- +- Updated yellow badge background color token on dark to use palette.yellow53. + +10/21/2023 +---------------- +- Added component tokens for element coloring on light, dark surfaces +- Updated background and element token references relative to component tokens, badges semantic tokens +- View changes diff --git a/VDS/Components/BadgeIndicator/BadgeIndicatorChangeLog.txt b/VDS/Components/BadgeIndicator/BadgeIndicatorChangeLog.txt new file mode 100644 index 00000000..54161566 --- /dev/null +++ b/VDS/Components/BadgeIndicator/BadgeIndicatorChangeLog.txt @@ -0,0 +1,29 @@ +05/25/2023 +---------------- +- Handoff for Iggy release + +06/28/2023 +---------------- +- Updated the Simple dot size to 4px. +- Added option for “None” to the maximumDigits prop. +- Updated Size specs to use individual style tokens instead of Typography styles. +- Changed prop name “Color fill” to “fillColor” + +07/13/2023 +---------------- +- Updated Width and Alignment sections under Layout and spacing. +- Removed Height section since this is addressed in Properties. +- Added padding and containerSize sections to Properties. +- Updated dev notes under Kind prop. + +07/18/2023 +---------------- +- Added trailingText prop with default "new". +- Updated dev note for trailingText +- Changed Gray to Gray High Contrast under fillColor section + +11/22/2023 +---------------- +- Added leadingCharacter and trailingText in Anatomy. +- Added dev note re: Text color to fillColor section. +- Remove dev note re: space from trailingText to Spacing subsection. diff --git a/VDS/Components/Buttons/Button/ButtonChangeLog.txt b/VDS/Components/Buttons/Button/ButtonChangeLog.txt new file mode 100644 index 00000000..b50b7443 --- /dev/null +++ b/VDS/Components/Buttons/Button/ButtonChangeLog.txt @@ -0,0 +1,74 @@ +MM/DD/YYYY +---------------- +- Initial Brand 3.0 handoff with iOS + +11/22/2021 +---------------- +- Moved Critical (red) button to “Under consideration” +- Moved Button XL from Brand 3.0 scope to “Under consideration” + +11/30/2021 +---------------- +- Moved “Width” section from Button Group spec to Button spec - Layout & spacing page + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark + +12/30/2021 +---------------- +- Updated Hover and Active state trigger specs. If triggered by mouse, Active borders same as Hover. If not, Active borders same as Default. + +1/10/2022 +---------------- +- Expanded Layout & Spacing sections: +- Added label-based and fixed value width configurations +- Added Overflow sections +- Added sticky button behavior for Native + +02/22/2022 +---------------- +- Native handoff (Android and iOS) + +04/20/2022 +---------------- +- Updated small button width to support fixed values. +- Updated sticky button top and bottom spacing to 16px. + +06/13/2022 +---------------- +- Updated “Inverted” to “Surface”. Changed False/True to Light/Dark. + +07/08/2022 +---------------- +- Updated the button primary buttons to use Background tokens instead of the current Element tokens. + +08/04/2022 +---------------- +- Updated default and inverted prop to light and dark surface. + +08/11/2022 +---------------- +- Updated prop name from “Type” to “Use” + +11/30/2022 +---------------- +- Added "(keyboard only)" to any instance of "keyboard focus" + +12/13/2022 +---------------- +- Replaced focus border pixel and style & spacing values with tokens. + +01/04/2023 +---------------- +- Updated Specs to use new SPEC Templates and SPEC DOC Components. + +01/12/2023 +---------------- +- Added “Side Padding” to Anatomy. + +10/26/2023 +---------------- +- Added component tokens +- Applied component tokens to primary element, background states on light and dark surfaces diff --git a/VDS/Components/Buttons/ButtonGroup/ButtonGroupChangeLog.txt b/VDS/Components/Buttons/ButtonGroup/ButtonGroupChangeLog.txt new file mode 100644 index 00000000..603b0ab5 --- /dev/null +++ b/VDS/Components/Buttons/ButtonGroup/ButtonGroupChangeLog.txt @@ -0,0 +1,54 @@ +MM/DD/YYYY +---------------- +- Initial Brand 3.0 handoff + +11/23/2021 +---------------- +- Moved Button Group XLarge to “Potential future enhancements” +- Removed Button Group XLarge from Variant and Variant testing +- Increased min width for Button Large to 76px, this includes 1 character + the ellipses +- Increased min width for Button Small to 54px, this includes 1 character + the ellipses + +11/30/2021 +---------------- +- Moved Button Width section to the Button spec. + +12/30/2021 +---------------- +- Changed horizontal and vertical spacing on small and large buttons to 12px between buttons + +2/22/2022 +---------------- +- Native handoff + +4/14/2022 +---------------- +- Updated Button Group top and bottom padding to 16px. + +4/20/2022 +---------------- +- Updated small Button Group width to support fixed values and fill container. + +4/21/2022 +---------------- +- Web handoff + +5/4/2022 +---------------- +- Added Anatomy +- Added Size to Configuations +- Added Exceptions under Width section. +- Updated Alignment section with new artwork examples. +- Updated Layout & Spacing to include Text Links and Text Link Carets. + +12/13/2022 +---------------- +- Replaced focus border pixel and style & spacing values with tokens. + +01/04/2023 +---------------- +- Updated Specs to use new SPEC Templates and SPEC DOC Components. + +01/19/2023 +---------------- +- Removed Button small and Text Link small examples from Anatomy. diff --git a/VDS/Components/Buttons/TextLink/TextLinkChangeLog.txt b/VDS/Components/Buttons/TextLink/TextLinkChangeLog.txt new file mode 100644 index 00000000..403f9b6f --- /dev/null +++ b/VDS/Components/Buttons/TextLink/TextLinkChangeLog.txt @@ -0,0 +1,41 @@ +MM/DD/YYYY +---------------- +- Initial Brand 3.0 handoff + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark +- Removed interactive.hover.onlight/ondark and replaced with palette colors + +12/30/2021 +---------------- +- Remove Text Link bold. Removed Weight section from spec. +- Update Default Hover state to Black and 2px underline +- Update Inverted Hover state to White and 2px underline +- Updated Hover and Active state trigger specs. If triggered by mouse, Active underline same as Hover. If not, Active underline same as Default. + +02/22/2022 +---------------- +- Native handoff +- Adding Spacing section + +06/13/2022 +---------------- +- Updated “Inverted” to “Surface”. Changed False/True to Light/Dark. + +11/30/2022 +---------------- +- Added "(web only)" to any instance of "keyboard focus" + +12/13/2022 +---------------- +- Replaced focus border pixel and style & spacing values with tokens. + +03/13/2023 +---------------- +- Added clarifying dev note within States that inline text links inherit the default color from the parent text. + +09/12/2023 +---------------- +- Added new States for inline Text Link on Native platforms (iOS and Android). diff --git a/VDS/Components/Buttons/TextLinkCaret/TextLinkCaretChangeLog.txt b/VDS/Components/Buttons/TextLinkCaret/TextLinkCaretChangeLog.txt new file mode 100644 index 00000000..7fe9a6e3 --- /dev/null +++ b/VDS/Components/Buttons/TextLinkCaret/TextLinkCaretChangeLog.txt @@ -0,0 +1,37 @@ +MM/DD/YYYY +---------------- +- Initial Brand 3.0 handoff + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark + +12/30/2021 +---------------- +- Updated Hover and Active state trigger specs. If triggered by mouse, Active same as Hover. If not, Active same as Default. + +02/23/2022 +---------------- +- Replaced Caret Left and Right icons with bold asset. +- Updated alignment of right caret in visuals to properly reflect the guidelines. + +06/13/2022 +---------------- +- Updated “Inverted” to “Surface”. Changed False/True to Light/Dark. + +08/02/2022 +---------------- +- Corrected Icon Position Left/Right titles to align with the visuals they were paired with. + +11/30/2022 +---------------- +- Added "(web only)" to any instance of "keyboard focus" + +12/13/2022 +---------------- +- Replaced focus border pixel and style & spacing values with tokens. + +01/10/2023 +---------------- +- Updated anatomy section to match design doc. diff --git a/VDS/Components/Icon/IconChangeLog.txt b/VDS/Components/Icon/IconChangeLog.txt new file mode 100644 index 00000000..12e847fe --- /dev/null +++ b/VDS/Components/Icon/IconChangeLog.txt @@ -0,0 +1,22 @@ +MM/DD/YYYY +---------------- +- Initial Brand 3.0 handoff + +02/25/2022 +---------------- +- EOL XSmall size +- Added custom icon size dev note +- Added “Color” section to “Configurations” +- EOL vector effect prop +- Removed “States” frame +- Added “Index” and “Assets” frame +- Provided link to download all icon assets + +02/09/2023 +---------------- +- All categories removed with the exception of Component use only. Icon are organized in alphabetical order. + +09/01/2023 +---------------- +- Only includes internal Icons needed. +- Create instructions on how to add new icons for iOS. diff --git a/VDS/Components/Label/LabelChangeLog.txt b/VDS/Components/Label/LabelChangeLog.txt new file mode 100644 index 00000000..81ba7c29 --- /dev/null +++ b/VDS/Components/Label/LabelChangeLog.txt @@ -0,0 +1,9 @@ +07/26/2023 +---------------- +- Added iOS Bottom Inset section to Specs section +- Updated all type styles to reflect the new tokens. +- Added Bottom Inset value for iOS to multiple type sizes on Desktop/Tablet and Mobile + +08/04/2023 +---------------- +- Clarified Letter Spacing values for all font weights, even when value is zero diff --git a/VDS/Components/Line/LineChangeLog.txt b/VDS/Components/Line/LineChangeLog.txt new file mode 100644 index 00000000..887fc4bf --- /dev/null +++ b/VDS/Components/Line/LineChangeLog.txt @@ -0,0 +1,24 @@ +MM/DD/YYYY +---------------- +- Initial Brand 3.0 handoff + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark + +08/10/2022 +---------------- +- Updated inverted and default prop to surface light and dark. + +12/14/2022 +---------------- +- Updated border color values to use element tokens. + +07/24/2023 +---------------- +- Added Layout and spacing > Orientation to describe vertical line orientation + +08/18/2023 +---------------- +- Noted Primary as default version of Line in Anatomy section. diff --git a/VDS/Components/Loader/LoaderChangeLog.txt b/VDS/Components/Loader/LoaderChangeLog.txt new file mode 100644 index 00000000..1dc5cd58 --- /dev/null +++ b/VDS/Components/Loader/LoaderChangeLog.txt @@ -0,0 +1,12 @@ +MM/DD/YYYY +Initial Brand 3.0 handoff with iOS + +05/16/2022 +Removed the word “icon” from loader mentions since this component is built in CSS and does not use an icon asset +Added spec dimension detail to anatomy to make it more evident that the shape is a perfect circle + +08/10/2022 +Updated default and inverted prop to light and dark surface. + +02/06/2023 +Added Background Overlay item to Anatomy and Configurations diff --git a/VDS/Components/Tabs/Tabs.swift b/VDS/Components/Tabs/Tabs.swift index 41f70d4a..0b6b8fac 100644 --- a/VDS/Components/Tabs/Tabs.swift +++ b/VDS/Components/Tabs/Tabs.swift @@ -83,8 +83,11 @@ open class Tabs: View { //-------------------------------------------------- // MARK: - Public Properties //-------------------------------------------------- - /// A callback when the selectedIndex changes. Passes parameters (event, tabIndex). - open var onTabChange: ((Int) -> Void)? + /// A callback when the selectedIndex changes. Passes parameters (tabIndex). + open var onTabDidSelect: ((Int) -> Void)? + + /// A callback when the Tab determine if a item should be selected. + open var onTabShouldSelect:((Int) -> Bool)? /// Determines the layout of the Tabs, defaults to horizontal open var orientation: Orientation = .horizontal { didSet { if oldValue != orientation { setNeedsUpdate() } } } @@ -237,9 +240,11 @@ open class Tabs: View { tabStackView.addArrangedSubview(tabItem) tabItem.onClick = { [weak self] tab in guard let self else { return } - model.onClick?(tab.index) - self.selectedIndex = tab.index - self.onTabChange?(tab.index) + if self.onTabShouldSelect?(tab.index) ?? true { + model.onClick?(tab.index) + self.selectedIndex = tab.index + self.onTabDidSelect?(tab.index) + } } } setNeedsUpdate() diff --git a/VDS/Components/Tabs/TabsChangeLog.txt b/VDS/Components/Tabs/TabsChangeLog.txt new file mode 100644 index 00000000..7678ef09 --- /dev/null +++ b/VDS/Components/Tabs/TabsChangeLog.txt @@ -0,0 +1,37 @@ +12/23/2021 +---------------- +- Initial Brand 3.0 handoff + +05/18/2022 +---------------- +- Added Animation specs in Animation section + +06/02/2022 +---------------- +- Adjusted tab label alignment when wrapped to multiple lines to be vertically centered to match Storybook. + +06/02/2022 +---------------- +- Adjusted tab label alignment when wrapped to multiple lines to be vertically centered to match Storybook. + +08/10/2022 +---------------- +- Updated default and inverted prop to light and dark surface. + +08/19/2022 +---------------- +- Updated “Label text” to “Label” in anatomy, updated size variants to Medium and Large. + +08/31/2022 +---------------- +- Updated Fill Container section under Configurations to show that Border line on mobile does not bleed. + +12/14/2022 +---------------- +- Added "(web only)" to any instance of "keyboard focus" +- Replaced focus border pixel and style & spacing values with tokens. +- Updated borderLine color in Surface section with elements tokens. + +06/09/2022 +---------------- +- Made Label Overflow (or Overflow) a web-only prop and specified that overflow scrolling is enabled always for native. diff --git a/VDS/Components/Tabs/TabsContainer.swift b/VDS/Components/Tabs/TabsContainer.swift index 13401e99..d44b877f 100644 --- a/VDS/Components/Tabs/TabsContainer.swift +++ b/VDS/Components/Tabs/TabsContainer.swift @@ -164,7 +164,7 @@ open class TabsContainer: View { stackView.axis = orientation == .horizontal ? .vertical : .horizontal stackView.spacing = space - tabMenu.onTabChange = { [weak self] index in + tabMenu.onTabDidSelect = { [weak self] index in guard let self else { return } self.tabClicked(index: index) } diff --git a/VDS/Components/TitleLockup/TitleLockupChangeLog.txt b/VDS/Components/TitleLockup/TitleLockupChangeLog.txt new file mode 100644 index 00000000..c701d322 --- /dev/null +++ b/VDS/Components/TitleLockup/TitleLockupChangeLog.txt @@ -0,0 +1,65 @@ +03/28/2022 +---------------- +- Added Body Small pairings +- Added Body Medium pairings +- Added regular weight eyebrow support +- Updated subtitle color to secondary by default +- Updated responsive default (frame in Figma) + +04/13/2022 +---------------- +- Removed Mobile Title S (16)px - Body Large (16px) pairing + +07/12/2022 +---------------- +- Updated eyebrow weight to bold weight by default +- Updated title weight to be regular weight by default +- Updated subtitle color to secondary by default +- Updated tables and imagery to reflect new default eyebrow and subtitle size on Tablet/Desktop (was Title M, now Body L) + +08/10/2022 +---------------- +- Updated default and inverted prop to light and dark surface. + +08/31/2022 +---------------- +- Updates to Typography and default Title Lockup configurations: + Default + Bold eyebrow updated to regular weight + Regular title updated to bold weight + Subtitle updated to primary color + Inverted + Bold eyebrow updated to regular weight + Regular title updated to bold weight + Subtitle updated to primary color + +- Updated responsive defaults table: Title - “Title 2XLarge” to “Title Large” + +02/09/2023 +---------------- +- Added optional Trailing Tooltip to Anatomy, Configurations and Layout & spacing + +08/01/2023 +---------------- +- Added desktop and tablet 1:1 pairings: + Title Small (20px) - Title Small (20px) + Body Large (16px) - Body Large (16px) + Body Medium (14px) - Body Medium (14px) + Body Small (12px ) - Body Small (12px ) + +- Added mobile 1:1 pairings: + Body Large (16px) - Body Large (16px) + Body Medium (14px) - Body Medium (14px) + Body Small (12px ) - Body Small (12px ) + +- Updated Anatomy to include secondary color eyebrows used for some 1:1 pairings. +- Added * to the pairing tables to indicate which pairings follow the uniform size logic. +- Added uniform size logic to Configurations. + +08/02/2023 +---------------- +- Updated Uniform Size logic to specify a single eyebrow weight + color combination to apply based on whether the title is bold or regular weight. The eyebrow style settings will be strictly applied with no configurability for Uniform Size pairings. + +10/19/2023 +---------------- +- Updated all pages to use templates and SPEC DOC components. diff --git a/VDS/Components/Toggle/ToggleChangeLog.txt b/VDS/Components/Toggle/ToggleChangeLog.txt new file mode 100644 index 00000000..66e5d99a --- /dev/null +++ b/VDS/Components/Toggle/ToggleChangeLog.txt @@ -0,0 +1,40 @@ +12/02/2021 +---------------- +- Initial Brand 3.0 handoff + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark + +4/14/2021 +---------------- +- Web handoff + +- Placed Status text outside of the container. +- Updated Configurations with: +- Status text hide/show property +- Placement on left or right +- Font size Body Small or Body Large +- Font weight Bold or Regular +- Update States: +- Default, container color to use element.secondary.onlight/dark +- Disabled knob colors to use palette.gray95 on light and palette gray.44 on dark +- Status text to use element.secondary.onlight/dark on disabled +- Updated Layout and Spacing section to inclue Status text +- Added Status text alignment and overflow sections + +11/30/2022 +---------------- +- Added "(web only)" to any instance of "keyboard focus" + +12/13/2022 +---------------- +- Replaced focus border pixel and style and spacing values with tokens. + +05/04/2023 +---------------- +- Updated tokens used for the On state (green) to new palette tokens. +- Updated the size/shape of the toggle track and knob size +- Corrected some erroneous spacing annotations +- Added dropshadows to knob for accessibility purposes. Different for Disabled. diff --git a/VDS/Components/Toggle/ToggleViewChangeLog.txt b/VDS/Components/Toggle/ToggleViewChangeLog.txt new file mode 100644 index 00000000..05246feb --- /dev/null +++ b/VDS/Components/Toggle/ToggleViewChangeLog.txt @@ -0,0 +1,41 @@ +12/02/2021 +---------------- +- Initial Brand 3.0 handoff + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark + +4/14/2021 +---------------- +- Web handoff + +- Placed Status text outside of the container. +- Updated Configurations with: +- Status text hide/show property +- Placement on left or right +- Font size Body Small or Body Large +- Font weight Bold or Regular +- Update States: +- Default, container color to use element.secondary.onlight/dark +- Disabled knob colors to use palette.gray95 on light and palette gray.44 on dark +- Status text to use element.secondary.onlight/dark on disabled +- Updated Layout and Spacing section to inclue Status text +- Added Status text alignment and overflow sections + +11/30/2022 +---------------- +- Added "(web only)" to any instance of "keyboard focus" + +12/13/2022 +---------------- +- Replaced focus border pixel and style and spacing values with tokens. + +05/04/2023 +---------------- +- Updated tokens used for the On state (green) to new palette tokens. +- Updated the size/shape of the toggle track and knob size +- Corrected some erroneous spacing annotations +- Added dropshadows to knob for accessibility purposes. Different for Disabled. + diff --git a/VDS/Components/Tooltip/TooltipChangeLog.txt b/VDS/Components/Tooltip/TooltipChangeLog.txt new file mode 100644 index 00000000..d73edb37 --- /dev/null +++ b/VDS/Components/Tooltip/TooltipChangeLog.txt @@ -0,0 +1,76 @@ +Initial Brand 3.0 handoff + +12/17/2021 +---------------- +- Replaced focusring colors (previously interactive/onlight/ondark) with accessibility/onlight/ondark colors +- Updated focus border name (previously interactive.focusring.onlight) with focusring.onlight/ondark + +1/27/2022 +---------------- +- Increased focusring offset to 1px aligned outside. + +02/25/2022 +---------------- +- Replaced Info Non-Scaling icon with VDS Icon. +- Removed “icon type” from Elements. +- Added dev note to Active state. +- Replaced Bold icon with regular icon on Hover, Keyboard Focus, and all opened states. +- Added Hover on Previously Clicked/Open Tooltip (Mouse Only) and Active (Previously Clicked/Open Tooltip) states. + +03/09/2022 +---------------- +- Added Dev Note on how colors are supported. If a color is not supported, a warning message will appear, but will still allow color to be applied to Tooltip. + +03/30/2022 +---------------- +- Added Icon color fill section to show colors supported: White, Black, Gray44, Gray65, and Red. +- To Default and Hover on Previously Clicked/Opened Tooltip states, updated the default color to be the color selected by the user. This can be any of the color fills shown in the Icon color fill section. +- Updated Active state to show 2 variations: Active (Primary) and Active (Secondary) Default and Inverted. + +03/31/2022 +---------------- +- Handed off to Web Dev. +- Renamed Active (Primary) to Active (Primary and Default) +- Added Secondary variation to Active (Previously Clicked or Open Tooltip). +- Renamed the latter to Active (Primary and Default, Previously Clicked or Open Tooltip) + +05/13/2022 +---------------- +- Added Specs for Tooltip Dialog - Anatomy, Surface light and dark with Scrollbar overflow, Close button states, Layout & spacing +- Open and close behaviors. + +06/07/2022 +---------------- +- Handed off to Native. + +08/05/2022 +---------------- +- Updated close button in Tooltip Dialog to remove line and add inner top border. + +12/14/2022 +---------------- +- Added "(web only)" to any instance of "keyboard focus" +- Replaced focus border pixel and style & spacing values with tokens. +- Updated Close Button top inner border colors with elements tokens. + +01/20/2023 +---------------- +- Removed "Popover" from Anatomy items #2 and #3 in the Popover section. +- Removed "Dialog" from Anatomy items #1 and #2 in the Dialog section. +- Changed “Text” to “Text Content” on Anatomy. + +02/09/2023 +---------------- +- Changed alignment for trailing tooltip to be cap-height (vertical middle). + +05/04/2023 +---------------- +- Updated Anatomy with details of Tooltip Icon +- Updated Configurations > Tooltip Size with Container Size details and added a Dev Note. +- Updated interactive states to align with Button Icon interactive states (even though this component will not be leveraging Button Icon within it) +- Updated Behaviors>Interaction flow visuals with new interactive states. + +10/17/2023 +---------------- +- Added component tokens table +- Applied component tokens to light, dark surface configurations diff --git a/VDS/SupportingFiles/ReleaseNotes.txt b/VDS/SupportingFiles/ReleaseNotes.txt index cb769cc4..19aafae3 100644 --- a/VDS/SupportingFiles/ReleaseNotes.txt +++ b/VDS/SupportingFiles/ReleaseNotes.txt @@ -1,40 +1,40 @@ 1.0.48 -======= +---------------- - ONEAPP-4683 - Accessibility - Tabs (Voice Over) - Fix for Button/TextLink/TextLinkCaret for how empty text is dealt with 1.0.47 -======= +---------------- - ONEAPP-4684 - Acessibility - Tooltip (Header) - ONEAPP-4828 - Accessibility - Toggle (State) 1.0.46 -======= +---------------- - ONEAPP-4828 - Accessibility - Toggle - ONEAPP-4684 - Accessibility - Tooltip 1.0.45 -======= +---------------- - ONEAPP-4684 - Acessibility - Tooltip 1.0.44 -======= +---------------- - ONEAPP-5109 - Typography/Label - Accessibility iOS - ONEAPP-4682 - Text Link Caret - Accessibility iOS 1.0.43 -======= +---------------- - CXTDT-464973 - Button - Width percentage parameter missing. - ONEAPP-5106 - Icon - Name not used in Voice over. - CXTDT-464974 - Line - Needs vertical orientation added. 1.0.42 -======= +---------------- - CXTDT-462698 - Tabs - Incorrect letter spacing on Large tabs - CXTDT-427328 - Title Lockup text style combinations do not match spec 1.0.41 -======= +---------------- - CXTDT-457899 - Tabs - Incorrect non-selected color on Dark surface - ONEAPP-4652 - TextLinkCaret - Caret announcement removed - Fixed ToggleView Disabled Shadow Color @@ -44,31 +44,31 @@ - Added a ton of Code Documentation 1.0.40 -======= +---------------- - Refactored a bit of code to remove "disabled" and move to "isEnabled" Apple Standard. - Fixed Layout Constraint issues - Added fixes for Accessibility 1.0.39 -======= +---------------- - CXTDT-423141 - Tabs - Selected Tab dark mode text color - CXTDT-426623 - Toggle - Drop Shadow on Knob 1.0.38 -======= +---------------- - Fixed bug in Typography TitleLarge Font update for Mobile 1.0.37 -======= +---------------- - ONEAPP-4684 - Update Accessibility for Tooltip - Fixed bug in Typography TitleLarge letterSpacing 1.0.36 -======= +---------------- - Fixed bugs in Typography Definitions 1.0.35 -======= +---------------- - ONEAPP-4684 - (Accessibility) Tooltip - ONEAPP-4681 - (Accessibility) Checkbox - ONEAPP-4825 - (Accessibility) Radiobutton @@ -77,43 +77,43 @@ - TitleLockup update for Janet release 1.0.34 -======= +---------------- - Added new spec for Bottom Inset for TextStyle 1.0.33 -======= +---------------- - Add test variable to use ratio line height or not 1.0.32 -======= +---------------- - Fixed bug dealing with Scaled - Added ability to use minimumLineheight in Paragraph for AttributedString creation 1.0.31 -======= +---------------- - updated version only 1.0.30 -======= +---------------- - Updated Label to allow Scaled Fonts - Refactored Code TextStyle 1.0.29 -======= +---------------- - Updated TextStyle and Label for dealing with Top/Bottom insets - Refactored Code for Checkbox/RadioButton/Toggle 1.0.28 -======= +---------------- - CXTDT-423141- Tabs - Incorrect spacing on top-aligned Fill container 1.0.27 -======= +---------------- - Added Loader View - CXTDT-426628 - Toggle - Incorrect disabled text color 1.0.26 -======= +---------------- - CXTDT-426626 - Toggle - Disabled "on" state - CXTDT-427165 - Text Link Caret - Container should not have left/right padding - CXTDT-427358 - Tooltip - Body Copy incorrect style @@ -123,46 +123,46 @@ - CXTDT-427975 - Tooltip - Scrollbar, multiple 1.0.25 -======= +---------------- - TEMPORARY: Added BaselineOffset, LineSpacing to TextStyle - Added Size, Width, Height, Horizontal/Vertical Padding + more to Badge Indicator - CXTDT-424370 - Icons are fuzzy when resized - CXTDT-426521 - Tabs - Vertical Tablet spacing 1.0.24 -======= +---------------- - Added Badge Indicator - Refactored the TextStyle system to support Badge Indicator 1.0.22 -======= +---------------- - CXTDT-423133 - Tabs - Indicator should overlap Border - CXTDT-423092 - Tabs - Top-aligned version should have line top also - CXTDT-423141 - Tabs - Incorrect spacing on top-aligned Fill containe - CXTDT-422872 - Text Link - spacing issue between text and underline 1.0.21 -======= +---------------- - CXTDT-412383 - Label - Disabled Font color - CXTDT-420483 - Checkbox - Disabled Label Font Color 1.0.20 -======= +---------------- - CXTDT-420885 - CheckboxGroup - Spacing between CheckboxItems - CXTDT-420483 - Checkbox/CheckboxItem - Corner Radius, State Issues 1.0.19 -======= +---------------- - CXTDT-419731 - TextLinkCaret - Spacing issue 1.0.18 -======= +---------------- - CXTDT-412383 - Badge Corner Radius / Color issue (resolved in previous build) - Completed Tabs - Started ButtonIcon 1.0.17 -======= +---------------- - Color Tokens Update - Changes to Badge Colors - updated trailing tooltip label