Merge branch 'mbruce/bugfixes' into 'develop'

notes + tabs api change

See merge request BPHV_MIPS/vds_ios!129
This commit is contained in:
Bruce, Matt R 2023-12-13 20:26:25 +00:00
commit 86223f99df
19 changed files with 725 additions and 37 deletions

View File

@ -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 = "<group>"; };
EAD068932A560C13002E3A2D /* LoaderLaunchable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoaderLaunchable.swift; sourceTree = "<group>"; };
EAD8D2C028BFDE8B006EB6A6 /* UIGestureRecognizer+Publisher.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIGestureRecognizer+Publisher.swift"; sourceTree = "<group>"; };
EAEEEC912B1F807300531FC2 /* BadgeChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = BadgeChangeLog.txt; sourceTree = "<group>"; };
EAEEEC952B1F893B00531FC2 /* ButtonChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ButtonChangeLog.txt; sourceTree = "<group>"; };
EAEEEC972B1F8DD100531FC2 /* LineChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = LineChangeLog.txt; sourceTree = "<group>"; };
EAEEEC992B1F8E4400531FC2 /* TextLinkChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TextLinkChangeLog.txt; sourceTree = "<group>"; };
EAEEEC9B2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TextLinkCaretChangeLog.txt; sourceTree = "<group>"; };
EAEEEC9D2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ButtonGroupChangeLog.txt; sourceTree = "<group>"; };
EAEEEC9F2B1F908200531FC2 /* BadgeIndicatorChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = BadgeIndicatorChangeLog.txt; sourceTree = "<group>"; };
EAEEECA12B1F92AD00531FC2 /* LabelChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = LabelChangeLog.txt; sourceTree = "<group>"; };
EAEEECA32B1F934600531FC2 /* IconChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = IconChangeLog.txt; sourceTree = "<group>"; };
EAEEECA52B1F941100531FC2 /* LoaderChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = LoaderChangeLog.txt; sourceTree = "<group>"; };
EAEEECA62B1F952000531FC2 /* TabsChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TabsChangeLog.txt; sourceTree = "<group>"; };
EAEEECA82B1F969700531FC2 /* TooltipChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TooltipChangeLog.txt; sourceTree = "<group>"; };
EAEEECAA2B1FBF2900531FC2 /* ToggleChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ToggleChangeLog.txt; sourceTree = "<group>"; };
EAEEECAC2B1FC1A600531FC2 /* TitleLockupChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TitleLockupChangeLog.txt; sourceTree = "<group>"; };
EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ToggleViewChangeLog.txt; sourceTree = "<group>"; };
EAF1FE9829D4850E00101452 /* Clickable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Clickable.swift; sourceTree = "<group>"; };
EAF1FE9A29DB1A6000101452 /* Changeable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Changeable.swift; sourceTree = "<group>"; };
EAF7F0932899861000B287F5 /* CheckboxItem.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CheckboxItem.swift; sourceTree = "<group>"; };
@ -326,6 +355,7 @@
isa = PBXGroup;
children = (
44604AD629CE196600E62B51 /* Line.swift */,
EAEEEC972B1F8DD100531FC2 /* LineChangeLog.txt */,
);
path = Line;
sourceTree = "<group>";
@ -334,6 +364,7 @@
isa = PBXGroup;
children = (
5FC35BE228D51405004EBEAC /* Button.swift */,
EAEEEC952B1F893B00531FC2 /* ButtonChangeLog.txt */,
);
path = Button;
sourceTree = "<group>";
@ -377,6 +408,7 @@
EAC846F2294B95CE00F685BA /* ButtonGroupCollectionViewCell.swift */,
EAB5FEF729393A7200998C17 /* ButtonGroupConstants.swift */,
EAB5FEEC2927E1B200998C17 /* ButtonGroupPositionLayout.swift */,
EAEEEC9D2B1F8F7700531FC2 /* ButtonGroupChangeLog.txt */,
);
path = ButtonGroup;
sourceTree = "<group>";
@ -466,7 +498,9 @@
isa = PBXGroup;
children = (
EA0D1C362A681CCE00E5C127 /* ToggleView.swift */,
EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */,
EA3361C228902D960071C351 /* Toggle.swift */,
EAEEECAA2B1FBF2900531FC2 /* ToggleChangeLog.txt */,
);
path = Toggle;
sourceTree = "<group>";
@ -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 = "<group>";
@ -592,6 +628,7 @@
EA5F86C72A1BD99100BC83E4 /* TabModel.swift */,
EA596ABE2A16B4F500300C4B /* Tabs.swift */,
EA5F86CF2A1F936100BC83E4 /* TabsContainer.swift */,
EAEEECA62B1F952000531FC2 /* TabsChangeLog.txt */,
);
path = Tabs;
sourceTree = "<group>";
@ -613,6 +650,7 @@
EA985BEB2968A91200F2FF2E /* TitleLockupTitleModel.swift */,
EA985BF12968B5BB00F2FF2E /* TitleLockupTextStyle.swift */,
EA513A942A4E1F82002A4DFF /* TitleLockupStyleConfiguration.swift */,
EAEEECAC2B1FC1A600531FC2 /* TitleLockupChangeLog.txt */,
);
path = TitleLockup;
sourceTree = "<group>";
@ -653,6 +691,7 @@
EA985BF4296C60C000F2FF2E /* Icon.swift */,
EA985BF6296C665E00F2FF2E /* IconName.swift */,
EA985C682971B90B00F2FF2E /* IconSize.swift */,
EAEEECA32B1F934600531FC2 /* IconChangeLog.txt */,
);
path = Icon;
sourceTree = "<group>";
@ -697,6 +736,7 @@
EAB2376729E9992800AABE9A /* TooltipAlertViewController.swift */,
EAB2376929E9E59100AABE9A /* TooltipLaunchable.swift */,
EAB2376129E9880400AABE9A /* TrailingTooltipLabel.swift */,
EAEEECA82B1F969700531FC2 /* TooltipChangeLog.txt */,
);
path = Tooltip;
sourceTree = "<group>";
@ -705,6 +745,7 @@
isa = PBXGroup;
children = (
EAC9257C29119B5400091998 /* TextLink.swift */,
EAEEEC992B1F8E4400531FC2 /* TextLinkChangeLog.txt */,
);
path = TextLink;
sourceTree = "<group>";
@ -713,6 +754,7 @@
isa = PBXGroup;
children = (
EAC925822911B35300091998 /* TextLinkCaret.swift */,
EAEEEC9B2B1F8F0700531FC2 /* TextLinkCaretChangeLog.txt */,
);
path = TextLinkCaret;
sourceTree = "<group>";
@ -739,6 +781,7 @@
isa = PBXGroup;
children = (
EAD062AF2A3B873E0015965D /* BadgeIndicator.swift */,
EAEEEC9F2B1F908200531FC2 /* BadgeIndicatorChangeLog.txt */,
);
path = BadgeIndicator;
sourceTree = "<group>";
@ -749,6 +792,7 @@
EAD0688D2A55F819002E3A2D /* Loader.swift */,
EAD068912A560B65002E3A2D /* LoaderViewController.swift */,
EAD068932A560C13002E3A2D /* LoaderLaunchable.swift */,
EAEEECA52B1F941100531FC2 /* LoaderChangeLog.txt */,
);
path = Loader;
sourceTree = "<group>";
@ -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;
};

View File

@ -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

View File

@ -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.

View File

@ -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

View File

@ -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.

View File

@ -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).

View File

@ -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.

View File

@ -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.

View File

@ -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

View File

@ -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.

View File

@ -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

View File

@ -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()

View File

@ -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.

View File

@ -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)
}

View File

@ -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.

View File

@ -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.

View File

@ -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.

View File

@ -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

View File

@ -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